@levo-so/studio 0.1.63 → 0.1.64

package/dist/{index-DsAqikcl.js → index-Ccv1uVOU.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useEffect as n } from "react";
-import { b as l, u as c, D as d, d as m, e as u, f as g, g as h } from "./index-BJrh8CwF.js";
-import { L as f } from "./index-CgUU2EbC.js";
+import { b as l, u as c, D as d, d as m, e as u, f as g, g as h } from "./index-D_r8laYN.js";
+import { L as f } from "./index-BqEvx8Yg.js";
 const p = "_container_301k2_1", a = {
   container: p
 }, x = ({ config: o }) => {

package/dist/{index-CV5mr-8e.js → index-Cf4jJOnE.js}

@@ -1,66 +1,66 @@
 "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(), {
+import { jsxs as a, Fragment as _, jsx as e } from "react/jsx-runtime";
+import { useLevo as J, cn as V, errorHandler as k } from "@levo-so/react";
+import D from "dayjs";
+import { Calendar as j, Clock as R, CheckCircle2 as I, CreditCard as X, ShieldCheck as Y, Loader2 as Z, XCircle as G, RefreshCw as W, Ticket as ee } from "lucide-react";
+import { useState as P, useRef as z } from "react";
+import { useRazorpay as te } from "react-razorpay";
+import { u as ae, a as ne, B as C, S as re } from "./index-D_r8laYN.js";
+const xe = ({ summary: t, onComplete: S, className: T }) => {
+  const { client: p } = J(), { workspace: x } = ae(), { Razorpay: $ } = te(), {
     stripePromise: q,
-    config: B,
-    isOpen: D,
+    config: F,
+    isOpen: B,
     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) => {
+    closeStripeCheckout: h,
+    setOnComplete: U
+  } = ne(), [g, s] = P("summary"), [E, l] = P(null), [L, M] = P("razorpay"), u = z(!1), y = z(null), d = z(null), i = (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(
+  }, b = (n) => n ? D(n).format("D MMM YYYY") : null, N = (n) => n ? D(n).format("h:mm A") : null, v = (n) => n.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (r) => r.toUpperCase()), w = (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 = () => {
+  ), A = () => {
     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;
+    p?.levoFetch?.url(`/v1/payment/booking/${t._id}/confirm`)?.options({ headers: { Origin: x?.id || "" } })?.post({ session_id: n })?.json().then((r) => {
+      r?.content?.data ? s("confirmed") : (l("Payment received but confirmation failed. Please contact support."), s("failed")), h(), 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");
+      console.error("Failed to confirm booking after Stripe payment:", r), k(r), l("Payment received but confirmation failed. Please contact support."), h(), d.current = null, s("failed");
     });
   }, O = async () => {
-    s("processing"), i(null);
+    s("processing"), l(null);
     try {
-      const n = await u?.fetch?.url(`/v1/payment/booking/${t._id}/pay`)?.options({ headers: { Origin: g?.id || "" } })?.post({}).json();
+      const n = await p?.levoFetch?.url(`/v1/payment/booking/${t._id}/pay`)?.options({ headers: { Origin: x?.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({
+        M(r.provider || "razorpay"), r.provider === "stripe" && r.client_secret ? (d.current = r.session_id || null, U(A), 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);
+        })) : Q(r);
       } else
-        i("Unable to initiate payment. Please try again."), s("failed");
+        l("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");
+      console.error("Initiate payment error:", n), k(n), l("Unable to initiate payment. Please check your connection and try again."), s("failed");
     }
-  }, J = (n) => {
-    b.current = !1, N.current = null;
+  }, Q = (n) => {
+    u.current = !1, y.current = null;
     const r = {
       key: n.key,
       amount: n.amount,
       currency: n.currency,
       order_id: n.order_id,
-      name: g?.name ?? "",
+      name: x?.name ?? "",
       description: t.instance_label || "Booking Payment",
       handler: (m) => {
-        V({
+        H({
           order_id: m.razorpay_order_id,
           payment_id: m.razorpay_payment_id,
           signature: m.razorpay_signature
@@ -72,31 +72,31 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
     };
     r.modal = {
       ondismiss: () => {
-        b.current ? (i(N.current || "Payment failed. Please try again."), s("failed")) : s("summary");
+        u.current ? (l(y.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.";
+      u.current = !0, y.current = "Payment was declined. Please try a different payment method.";
     }), f.open();
-  }, V = async (n) => {
+  }, H = 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"));
+      const r = await p?.levoFetch?.url(`/v1/payment/booking/${t._id}/confirm`)?.options({ headers: { Origin: x?.id || "" } })?.post(n).json();
+      r?.status && r?.content?.data ? s("confirmed") : (l("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");
+      console.error("Confirm payment error:", r), k(r), l("Payment received but confirmation failed. Please contact support."), s("failed");
     }
   }, c = !t.unit_amount || t.unit_amount === 0;
-  return /* @__PURE__ */ a(p, { children: [
+  return /* @__PURE__ */ a(_, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: Z(
+        className: V(
           "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",
-          U
+          T
         ),
         children: [
-          x === "summary" && /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+          g === "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",
@@ -115,19 +115,19 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
               ] }),
               (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) })
+                  /* @__PURE__ */ e(j, { className: "size-4 text-orange-500" }),
+                  /* @__PURE__ */ e("span", { children: b(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) })
+                  /* @__PURE__ */ e("span", { children: N(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) })
+                  /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm", children: v(n) }),
+                  /* @__PURE__ */ e("span", { className: "text-right font-medium text-gray-900 text-sm", children: w(r) })
                 ] }, n)) }) })
               ] }),
               /* @__PURE__ */ a("div", { className: "mx-auto mb-5 w-full max-w-lg", children: [
@@ -136,7 +136,7 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
                   /* @__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) })
+                      /* @__PURE__ */ e("span", { className: "text-gray-900", children: i(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" }),
@@ -149,17 +149,17 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
                       /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Discount" }),
                       /* @__PURE__ */ a("span", { className: "text-green-600", children: [
                         "-",
-                        l(t.discount, t.currency)
+                        i(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) })
+                      /* @__PURE__ */ e("span", { className: "text-gray-900", children: i(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("span", { className: "font-bold text-gray-900 text-xl", children: c ? "Free" : i(t.total_amount, t.currency) })
                   ] })
                 ] })
               ] }),
@@ -169,59 +169,59 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
                   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" }),
+                  children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center gap-2", children: c ? /* @__PURE__ */ a(_, { children: [
+                    /* @__PURE__ */ e(I, { className: "size-5" }),
                     /* @__PURE__ */ e("span", { children: "Confirm Booking" })
-                  ] }) : /* @__PURE__ */ a(p, { children: [
-                    /* @__PURE__ */ e(G, { className: "size-5" }),
+                  ] }) : /* @__PURE__ */ a(_, { children: [
+                    /* @__PURE__ */ e(X, { className: "size-5" }),
                     /* @__PURE__ */ a("span", { children: [
                       "Pay ",
-                      l(t.total_amount, t.currency)
+                      i(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(Y, { 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: [
+          g === "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("div", { className: "relative flex size-16 items-center justify-center rounded-full bg-orange-100", children: /* @__PURE__ */ e(Z, { 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) })
+              /* @__PURE__ */ e("span", { className: "font-semibold text-gray-900", children: i(t.total_amount, t.currency) })
             ] }) })
           ] }),
-          x === "failed" && /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+          g === "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("div", { className: "mb-3 flex size-14 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ e(G, { 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__ */ e("p", { className: "text-center text-gray-600 text-sm", children: E || "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) })
+                  /* @__PURE__ */ e(j, { className: "size-4 text-gray-400" }),
+                  /* @__PURE__ */ e("span", { children: b(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) })
+                  /* @__PURE__ */ e("span", { children: N(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) })
+                  /* @__PURE__ */ e("span", { className: "text-gray-500", children: v(n) }),
+                  /* @__PURE__ */ e("span", { className: "max-w-[50%] truncate font-medium text-gray-900", children: w(r) })
                 ] }, n)),
                 o.length > 3 && /* @__PURE__ */ a("p", { className: "pt-1 text-center text-gray-400 text-xs", children: [
                   "+",
@@ -231,37 +231,37 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
               ] }) }),
               /* @__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("span", { className: "font-bold text-gray-900 text-xl", children: i(t.total_amount, t.currency) })
               ] }) }),
               /* @__PURE__ */ e(
                 C,
                 {
                   elementKey: "booking-retry-btn",
                   onClick: () => {
-                    i(null), O();
+                    l(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(W, { 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__ */ e(Y, { className: "size-3.5" }),
                 /* @__PURE__ */ a("span", { children: [
                   "Secured by ",
-                  Q === "stripe" ? "Stripe" : "Razorpay"
+                  L === "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: [
+          g === "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("div", { className: "relative flex size-16 items-center justify-center rounded-full bg-green-100 ring-4 ring-green-50", children: /* @__PURE__ */ e(I, { 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" })
@@ -272,7 +272,7 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
                 /* @__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: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-orange-100", children: /* @__PURE__ */ e(ee, { 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(
@@ -291,44 +291,25 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
                   /* @__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(j, { 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),
+                        b(t.starts_at),
                         ", ",
-                        w(t.starts_at)
+                        N(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) })
+                      /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm", children: v(n) }),
+                      /* @__PURE__ */ e("span", { className: "max-w-[50%] truncate font-medium text-gray-900 text-sm", children: w(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;
-                  })()
+                    /* @__PURE__ */ e("span", { className: "font-bold text-gray-900 text-lg", children: c ? "Free" : i(t.total_amount, t.currency) })
+                  ] })
                 ] })
               ] }),
               S && /* @__PURE__ */ e("div", { className: "mx-auto mt-5 max-w-lg", children: /* @__PURE__ */ e(
@@ -346,20 +327,20 @@ const pe = ({ summary: t, onComplete: S, className: U }) => {
         ]
       }
     ),
-    D && B && /* @__PURE__ */ e(
-      le,
+    B && F && /* @__PURE__ */ e(
+      re,
       {
-        isOpen: D,
+        isOpen: B,
         onClose: () => {
-          y(), s("summary");
+          h(), s("summary");
         },
         stripePromise: q,
-        clientSecret: B.clientSecret,
-        onComplete: F
+        clientSecret: F.clientSecret,
+        onComplete: A
       }
     )
   ] });
 };
 export {
-  pe as BookingCard
+  xe as BookingCard
 };

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

@@ -1,7 +1,7 @@
 "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-CgUU2EbC.js";
+import { L as l } from "./index-BqEvx8Yg.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,