@levo-so/studio 0.1.60 → 0.1.61

package/dist/{index-BkICuRR-.js → index-BYXw6aHi.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { L as l } from "./index-D-C30ZH_.js";
-import { A as m } from "./index-DHHPZcEh.js";
+import { L as l } from "./index-CgUU2EbC.js";
+import { A as m } from "./index-IcG2wuuE.js";
 const d = "_header_s7k8g_1", p = "_title_s7k8g_7", h = "_subtitle_s7k8g_14", g = "_formWrapper_s7k8g_20", e = {
   header: d,
   title: p,
@@ -14,8 +14,7 @@ const d = "_header_s7k8g_1", p = "_title_s7k8g_7", h = "_subtitle_s7k8g_14", g =
     !i && /* @__PURE__ */ r("div", { className: e.header, children: [
       /* @__PURE__ */ s("h1", { className: e.title, children: "Sign in to continue" }),
       t && /* @__PURE__ */ r("p", { className: e.subtitle, children: [
-        "You need to sign in to access this page on",
-        " ",
+        "You need to sign in to access this page on ",
         /* @__PURE__ */ s("strong", { children: t })
       ] })
     ] }),

package/dist/index-CV5mr-8e.js

@@ -0,0 +1,365 @@
+"use client";
+import { jsxs as a, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { useLevo as X, cn as Z, errorHandler as j } from "@levo-so/react";
+import I from "dayjs";
+import { Calendar as P, Clock as R, CheckCircle2 as Y, CreditCard as G, ShieldCheck as T, Loader2 as W, XCircle as ee, RefreshCw as te, Ticket as ae, Download as ne } from "lucide-react";
+import { useState as h, useRef as z } from "react";
+import { useRazorpay as re } from "react-razorpay";
+import { u as se, a as ie, B as C, S as le } from "./index-BJrh8CwF.js";
+const pe = ({ summary: t, onComplete: S, className: U }) => {
+  const u = X(), { workspace: g } = se(), { Razorpay: $ } = re(), {
+    stripePromise: q,
+    config: B,
+    isOpen: D,
+    openStripeCheckout: K,
+    closeStripeCheckout: y,
+    setOnComplete: E
+  } = ie(), [x, s] = h("summary"), [L, i] = h(null), [M, A] = h(null), [Q, H] = h("razorpay"), b = z(!1), N = z(null), d = z(null), l = (n, r) => {
+    const f = r && r.trim() ? r : "INR", m = n / 100;
+    return new Intl.NumberFormat("en-IN", {
+      style: "currency",
+      currency: f,
+      minimumFractionDigits: 0
+    }).format(m);
+  }, v = (n) => n ? I(n).format("D MMM YYYY") : null, w = (n) => n ? I(n).format("h:mm A") : null, _ = (n) => n.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (r) => r.toUpperCase()), k = (n) => n == null ? "-" : typeof n == "boolean" ? n ? "Yes" : "No" : Array.isArray(n) ? n.join(", ") : typeof n == "object" ? JSON.stringify(n) : String(n), o = Object.entries(t.form_data || {}).filter(
+    ([n, r]) => r != null && r !== ""
+  ), F = () => {
+    if (!d.current) return;
+    const n = d.current;
+    u?.fetch?.url(`/v1/payment/booking/${t._id}/confirm`)?.options({ headers: { Origin: g?.id || "" } })?.post({ session_id: n })?.json().then((r) => {
+      r?.content?.data ? (A(r.content.data), s("confirmed")) : (i("Payment received but confirmation failed. Please contact support."), s("failed")), y(), d.current = null;
+    }).catch((r) => {
+      console.error("Failed to confirm booking after Stripe payment:", r), j(r), i("Payment received but confirmation failed. Please contact support."), y(), d.current = null, s("failed");
+    });
+  }, O = async () => {
+    s("processing"), i(null);
+    try {
+      const n = await u?.fetch?.url(`/v1/payment/booking/${t._id}/pay`)?.options({ headers: { Origin: g?.id || "" } })?.post({}).json();
+      if (n?.status && n?.content?.meta?.key) {
+        const r = n.content.meta;
+        H(r.provider || "razorpay"), r.provider === "stripe" && r.client_secret ? (d.current = r.session_id || null, E(F), await K({
+          key: r.key,
+          client_secret: r.client_secret,
+          amount: r.amount,
+          currency: r.currency,
+          provider: "stripe",
+          reference_id: r.reference_id
+        })) : J(r);
+      } else
+        i("Unable to initiate payment. Please try again."), s("failed");
+    } catch (n) {
+      console.error("Initiate payment error:", n), j(n), i("Unable to initiate payment. Please check your connection and try again."), s("failed");
+    }
+  }, J = (n) => {
+    b.current = !1, N.current = null;
+    const r = {
+      key: n.key,
+      amount: n.amount,
+      currency: n.currency,
+      order_id: n.order_id,
+      name: g?.name ?? "",
+      description: t.instance_label || "Booking Payment",
+      handler: (m) => {
+        V({
+          order_id: m.razorpay_order_id,
+          payment_id: m.razorpay_payment_id,
+          signature: m.razorpay_signature
+        });
+      },
+      theme: {
+        color: "#FC751A"
+      }
+    };
+    r.modal = {
+      ondismiss: () => {
+        b.current ? (i(N.current || "Payment failed. Please try again."), s("failed")) : s("summary");
+      }
+    };
+    const f = new $(r);
+    f.on("payment.failed", () => {
+      b.current = !0, N.current = "Payment was declined. Please try a different payment method.";
+    }), f.open();
+  }, V = async (n) => {
+    try {
+      const r = await u?.fetch?.url(`/v1/payment/booking/${t._id}/confirm`)?.options({ headers: { Origin: g?.id || "" } })?.post(n).json();
+      r?.status && r?.content?.data ? (A(r.content.data), s("confirmed")) : (i("Payment received but confirmation failed. Please contact support."), s("failed"));
+    } catch (r) {
+      console.error("Confirm payment error:", r), j(r), i("Payment received but confirmation failed. Please contact support."), s("failed");
+    }
+  }, c = !t.unit_amount || t.unit_amount === 0;
+  return /* @__PURE__ */ a(p, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: Z(
+          "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",
+          U
+        ),
+        children: [
+          x === "summary" && /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+            t.cover_image?.location && /* @__PURE__ */ a("div", { className: "relative h-44 w-full overflow-hidden bg-gray-100", children: [
+              /* @__PURE__ */ e(
+                "img",
+                {
+                  src: t.cover_image.location,
+                  alt: t.instance_label,
+                  className: "h-full w-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/30 to-transparent" })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex flex-col px-6 py-5 sm:px-8", children: [
+              /* @__PURE__ */ a("div", { className: "mx-auto mb-5 w-full max-w-lg text-center", children: [
+                /* @__PURE__ */ e("p", { className: "mb-1 font-medium text-gray-500 text-xs uppercase tracking-wider", children: "Booking Summary" }),
+                /* @__PURE__ */ e("h3", { className: "font-semibold text-gray-900 text-xl leading-tight", children: t.instance_label || t.context_label || "Booking" })
+              ] }),
+              (t.starts_at || t.ends_at) && /* @__PURE__ */ a("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: [
+                t.starts_at && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-700 text-sm", children: [
+                  /* @__PURE__ */ e(P, { className: "size-4 text-orange-500" }),
+                  /* @__PURE__ */ e("span", { children: v(t.starts_at) })
+                ] }),
+                t.starts_at && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-700 text-sm", children: [
+                  /* @__PURE__ */ e(R, { className: "size-4 text-orange-500" }),
+                  /* @__PURE__ */ e("span", { children: w(t.starts_at) })
+                ] })
+              ] }),
+              o.length > 0 && /* @__PURE__ */ a("div", { className: "mx-auto mb-5 w-full max-w-lg", children: [
+                /* @__PURE__ */ e("h4", { className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider", children: "Your Details" }),
+                /* @__PURE__ */ e("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4", children: /* @__PURE__ */ e("div", { className: "space-y-2.5", children: o.map(([n, r]) => /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-3", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm", children: _(n) }),
+                  /* @__PURE__ */ e("span", { className: "text-right font-medium text-gray-900 text-sm", children: k(r) })
+                ] }, n)) }) })
+              ] }),
+              /* @__PURE__ */ a("div", { className: "mx-auto mb-5 w-full max-w-lg", children: [
+                /* @__PURE__ */ e("h4", { className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider", children: "Payment" }),
+                /* @__PURE__ */ a("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [
+                  /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-sm", children: [
+                      /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Unit Price" }),
+                      /* @__PURE__ */ e("span", { className: "text-gray-900", children: l(t.unit_amount, t.currency) })
+                    ] }),
+                    t.quantity > 1 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-sm", children: [
+                      /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Quantity" }),
+                      /* @__PURE__ */ a("span", { className: "text-gray-900", children: [
+                        "×",
+                        t.quantity
+                      ] })
+                    ] }),
+                    typeof t.discount == "number" && t.discount > 0 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-sm", children: [
+                      /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Discount" }),
+                      /* @__PURE__ */ a("span", { className: "text-green-600", children: [
+                        "-",
+                        l(t.discount, t.currency)
+                      ] })
+                    ] }),
+                    t.taxes && t.taxes.length > 0 && t.taxes.map((n) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-sm", children: [
+                      /* @__PURE__ */ e("span", { className: "text-gray-600", children: n.label }),
+                      /* @__PURE__ */ e("span", { className: "text-gray-900", children: l(n.amount, t.currency) })
+                    ] }, n.id))
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "mt-3 flex items-center justify-between border-gray-100 border-t pt-3", children: [
+                    /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: "Total" }),
+                    /* @__PURE__ */ e("span", { className: "font-bold text-gray-900 text-xl", children: c ? "Free" : l(t.total_amount, t.currency) })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  elementKey: "booking-pay-btn",
+                  onClick: c ? () => s("confirmed") : O,
+                  className: "mx-auto w-full max-w-lg rounded-lg px-4 py-3.5 font-semibold",
+                  children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center gap-2", children: c ? /* @__PURE__ */ a(p, { children: [
+                    /* @__PURE__ */ e(Y, { className: "size-5" }),
+                    /* @__PURE__ */ e("span", { children: "Confirm Booking" })
+                  ] }) : /* @__PURE__ */ a(p, { children: [
+                    /* @__PURE__ */ e(G, { className: "size-5" }),
+                    /* @__PURE__ */ a("span", { children: [
+                      "Pay ",
+                      l(t.total_amount, t.currency)
+                    ] })
+                  ] }) })
+                }
+              ),
+              !c && /* @__PURE__ */ a("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__ */ e(T, { className: "size-3.5" }),
+                /* @__PURE__ */ e("span", { children: "Secure payment" })
+              ] })
+            ] })
+          ] }),
+          x === "processing" && /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center px-6 py-16", children: [
+            /* @__PURE__ */ a("div", { className: "relative mb-6", children: [
+              /* @__PURE__ */ e("div", { className: "absolute inset-0 animate-ping rounded-full bg-orange-200 opacity-75" }),
+              /* @__PURE__ */ e("div", { className: "relative flex size-16 items-center justify-center rounded-full bg-orange-100", children: /* @__PURE__ */ e(W, { className: "size-8 animate-spin text-orange-500" }) })
+            ] }),
+            /* @__PURE__ */ e("h3", { className: "mb-1 font-semibold text-gray-900 text-lg", children: "Processing Payment" }),
+            /* @__PURE__ */ e("p", { className: "text-center text-gray-500 text-sm", children: "Please wait while we confirm your payment..." }),
+            /* @__PURE__ */ e("div", { className: "mt-6 rounded-lg bg-gray-50 px-6 py-3", children: /* @__PURE__ */ a("p", { className: "text-center text-gray-600 text-sm", children: [
+              "Amount:",
+              " ",
+              /* @__PURE__ */ e("span", { className: "font-semibold text-gray-900", children: l(t.total_amount, t.currency) })
+            ] }) })
+          ] }),
+          x === "failed" && /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("div", { className: "bg-gradient-to-br from-red-50 to-orange-50 px-6 py-6", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ e("div", { className: "mb-3 flex size-14 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ e(ee, { className: "size-8 text-red-500" }) }),
+              /* @__PURE__ */ e("h3", { className: "mb-1 font-semibold text-gray-900 text-lg", children: "Payment Failed" }),
+              /* @__PURE__ */ e("p", { className: "text-center text-gray-600 text-sm", children: L || "Something went wrong. Please try again." })
+            ] }) }),
+            /* @__PURE__ */ a("div", { className: "flex flex-col px-6 py-5 sm:px-8", children: [
+              /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-full max-w-lg text-center", children: /* @__PURE__ */ e("h4", { className: "font-semibold text-base text-gray-900", children: t.instance_label || t.context_label || "Booking" }) }),
+              (t.starts_at || t.ends_at) && /* @__PURE__ */ a("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: [
+                t.starts_at && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-600 text-sm", children: [
+                  /* @__PURE__ */ e(P, { className: "size-4 text-gray-400" }),
+                  /* @__PURE__ */ e("span", { children: v(t.starts_at) })
+                ] }),
+                t.starts_at && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-600 text-sm", children: [
+                  /* @__PURE__ */ e(R, { className: "size-4 text-gray-400" }),
+                  /* @__PURE__ */ e("span", { children: w(t.starts_at) })
+                ] })
+              ] }),
+              o.length > 0 && /* @__PURE__ */ e("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__ */ a("div", { className: "space-y-1.5", children: [
+                o.slice(0, 3).map(([n, r]) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500", children: _(n) }),
+                  /* @__PURE__ */ e("span", { className: "max-w-[50%] truncate font-medium text-gray-900", children: k(r) })
+                ] }, n)),
+                o.length > 3 && /* @__PURE__ */ a("p", { className: "pt-1 text-center text-gray-400 text-xs", children: [
+                  "+",
+                  o.length - 3,
+                  " more"
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e("div", { className: "mx-auto mb-5 w-full max-w-lg rounded-lg border border-gray-200 bg-white p-4", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-700", children: "Amount to Pay" }),
+                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900 text-xl", children: l(t.total_amount, t.currency) })
+              ] }) }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  elementKey: "booking-retry-btn",
+                  onClick: () => {
+                    i(null), O();
+                  },
+                  className: "mx-auto w-full max-w-lg rounded-lg px-4 py-3.5 font-semibold",
+                  children: /* @__PURE__ */ a("span", { className: "flex items-center justify-center gap-2", children: [
+                    /* @__PURE__ */ e(te, { className: "size-5" }),
+                    /* @__PURE__ */ e("span", { children: "Try Again" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ a("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__ */ e(T, { className: "size-3.5" }),
+                /* @__PURE__ */ a("span", { children: [
+                  "Secured by ",
+                  Q === "stripe" ? "Stripe" : "Razorpay"
+                ] })
+              ] }),
+              /* @__PURE__ */ e("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" })
+            ] })
+          ] }),
+          x === "confirmed" && /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("div", { className: "bg-gradient-to-br from-green-50 to-emerald-50 px-6 py-8", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ a("div", { className: "relative mb-4", children: [
+                /* @__PURE__ */ e("div", { className: "absolute -inset-2 animate-pulse rounded-full bg-green-200/50" }),
+                /* @__PURE__ */ e("div", { className: "relative flex size-16 items-center justify-center rounded-full bg-green-100 ring-4 ring-green-50", children: /* @__PURE__ */ e(Y, { className: "size-9 text-green-600" }) })
+              ] }),
+              /* @__PURE__ */ e("h3", { className: "mb-1 font-bold text-gray-900 text-xl", children: c ? "Booking Confirmed!" : "Payment Successful!" }),
+              /* @__PURE__ */ e("p", { className: "text-center text-gray-600 text-sm", children: c ? "Your booking has been confirmed" : "Your payment has been processed successfully" })
+            ] }) }),
+            /* @__PURE__ */ a("div", { className: "px-6 py-5 sm:px-8", children: [
+              /* @__PURE__ */ a("div", { className: "relative mx-auto max-w-lg overflow-hidden rounded-xl border border-gray-200 bg-white", children: [
+                /* @__PURE__ */ e("div", { className: "absolute top-1/2 -left-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
+                /* @__PURE__ */ e("div", { className: "absolute top-1/2 -right-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
+                /* @__PURE__ */ a("div", { className: "px-5 py-4", children: [
+                  /* @__PURE__ */ a("div", { className: "mb-4 flex items-start gap-3", children: [
+                    /* @__PURE__ */ e("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-orange-100", children: /* @__PURE__ */ e(ae, { className: "size-5 text-orange-600" }) }),
+                    /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("p", { className: "font-semibold text-gray-900 leading-tight", children: t.instance_label || t.context_label || "Booking" }) })
+                  ] }),
+                  t.qr_image?.location && /* @__PURE__ */ e("div", { className: "mb-4 flex flex-col items-center", children: /* @__PURE__ */ e("div", { className: "rounded-lg border border-gray-200 bg-white p-2", children: /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: t.qr_image.location,
+                      alt: "Booking QR Code",
+                      className: "size-24"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ a("div", { className: "mb-4 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2.5", children: [
+                    /* @__PURE__ */ e("span", { className: "font-medium text-gray-500 text-xs uppercase tracking-wide", children: "Booking ID" }),
+                    /* @__PURE__ */ e("span", { className: "font-mono font-semibold text-gray-900 text-sm", children: t._id })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
+                  /* @__PURE__ */ a("div", { className: "space-y-2.5", children: [
+                    t.starts_at && /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-500 text-sm", children: [
+                        /* @__PURE__ */ e(P, { className: "size-4" }),
+                        /* @__PURE__ */ e("span", { children: "Date & Time" })
+                      ] }),
+                      /* @__PURE__ */ a("p", { className: "font-medium text-gray-900 text-sm", children: [
+                        v(t.starts_at),
+                        ", ",
+                        w(t.starts_at)
+                      ] })
+                    ] }),
+                    o.slice(0, 3).map(([n, r]) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm", children: _(n) }),
+                      /* @__PURE__ */ e("span", { className: "max-w-[50%] truncate font-medium text-gray-900 text-sm", children: k(r) })
+                    ] }, n))
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
+                  /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ e("span", { className: "font-medium text-gray-700", children: c ? "Total" : "Amount Paid" }),
+                    /* @__PURE__ */ e("span", { className: "font-bold text-gray-900 text-lg", children: c ? "Free" : l(t.total_amount, t.currency) })
+                  ] }),
+                  (() => {
+                    const n = M?.invoice?.location || t.invoice?.location;
+                    return n ? /* @__PURE__ */ a(p, { children: [
+                      /* @__PURE__ */ e("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
+                      /* @__PURE__ */ a(
+                        "a",
+                        {
+                          href: n,
+                          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__ */ e(ne, { className: "size-4" }),
+                            "Download Invoice"
+                          ]
+                        }
+                      )
+                    ] }) : null;
+                  })()
+                ] })
+              ] }),
+              S && /* @__PURE__ */ e("div", { className: "mx-auto mt-5 max-w-lg", children: /* @__PURE__ */ e(
+                C,
+                {
+                  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__ */ e("p", { className: "mt-4 text-center text-gray-400 text-xs", children: "A confirmation has been sent to your email" })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    D && B && /* @__PURE__ */ e(
+      le,
+      {
+        isOpen: D,
+        onClose: () => {
+          y(), s("summary");
+        },
+        stripePromise: q,
+        clientSecret: B.clientSecret,
+        onComplete: F
+      }
+    )
+  ] });
+};
+export {
+  pe as BookingCard
+};

package/dist/{index-a__5b49U.js → index-CXtfbmpx.js}

@@ -1,31 +1,21 @@
 "use client";
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import l from "libphonenumber-js";
-import { u as r, a as c } from "./index-D-C30ZH_.js";
-const g = "_footnote_v8hnh_1", f = "_footnoteText_v8hnh_11", m = "_logoutButton_v8hnh_17", t = {
+import { u as r, h as c } from "./index-BJrh8CwF.js";
+const g = "_footnote_v8hnh_1", f = "_footnoteText_v8hnh_11", h = "_logoutButton_v8hnh_17", t = {
   footnote: g,
   footnoteText: f,
-  logoutButton: m
+  logoutButton: h
 }, p = () => {
   const { account: o, isSignOutLoading: n } = r(), { signOut: u } = c(), a = () => {
     u();
-  }, e = o?.email || l(
-    o?.mobile ? `+${o?.mobile}` : ""
-  )?.formatInternational();
+  }, e = o?.email || l(o?.mobile ? `+${o?.mobile}` : "")?.formatInternational();
   return e ? /* @__PURE__ */ s("div", { className: t.footnote, children: [
     /* @__PURE__ */ s("span", { className: t.footnoteText, children: [
       "You are signed in as ",
       /* @__PURE__ */ i("strong", { children: e })
     ] }),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        className: t.logoutButton,
-        onClick: a,
-        disabled: n,
-        children: n ? "Signing out..." : "Sign out"
-      }
-    )
+    /* @__PURE__ */ i("button", { className: t.logoutButton, onClick: a, disabled: n, children: n ? "Signing out..." : "Sign out" })
   ] }) : null;
 };
 export {