@sonordev/site-kit 2.6.3 → 2.7.1

package/dist/{chunk-D5ES7H7E.js → chunk-2OGUBINV.js}

@@ -5014,6 +5014,735 @@ function CheckoutForm({
     ] })
   ] }) });
 }
+function loadSquareSDK2(environment) {
+  return new Promise((resolve, reject) => {
+    if (typeof window === "undefined") return reject(new Error("No window"));
+    if (window.Square) return resolve();
+    const script = document.createElement("script");
+    script.src = environment === "sandbox" ? "https://sandbox.web.squarecdn.com/v1/square.js" : "https://web.squarecdn.com/v1/square.js";
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error("Failed to load Square SDK"));
+    document.head.appendChild(script);
+  });
+}
+function resolveCssVar(name, fallback) {
+  if (typeof window === "undefined") return fallback;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  return value || fallback;
+}
+var SINGLE_TICKET_KEY = "__single__";
+function EventCheckout({
+  event,
+  schedule: propSchedule,
+  collectPhone = true,
+  maxPerVariant = 10,
+  cardLabel = "Card Details",
+  submitText,
+  onSuccess,
+  onError,
+  className = ""
+}) {
+  const schedule = propSchedule || event.schedules?.[0] || event?.next_schedule;
+  const variants = React5.useMemo(
+    () => event.variants ?? [],
+    [event.variants]
+  );
+  const hasVariants = variants.length > 0;
+  const currency = event.currency || "USD";
+  const [qty, setQty] = React5.useState(() => {
+    if (hasVariants) {
+      return Object.fromEntries(variants.map((v) => [v.id, 0]));
+    }
+    return { [SINGLE_TICKET_KEY]: 1 };
+  });
+  const [customer, setCustomer] = React5.useState({
+    email: "",
+    name: "",
+    phone: ""
+  });
+  const [loading, setLoading] = React5.useState(false);
+  const [error, setError] = React5.useState(null);
+  const [success, setSuccess] = React5.useState(null);
+  const [processorConfig, setProcessorConfig] = React5.useState(null);
+  const [squareCard, setSquareCard] = React5.useState(null);
+  const [cardReady, setCardReady] = React5.useState(false);
+  const cardContainerRef = React5.useRef(null);
+  const totalQuantity = React5.useMemo(
+    () => Object.values(qty).reduce((sum, n) => sum + (n || 0), 0),
+    [qty]
+  );
+  const lineBreakdown = React5.useMemo(() => {
+    if (!hasVariants) {
+      const q = qty[SINGLE_TICKET_KEY] || 0;
+      const price = event.price ?? 0;
+      return [
+        {
+          key: SINGLE_TICKET_KEY,
+          name: "Ticket",
+          unitPrice: price,
+          quantity: q,
+          subtotal: price * q,
+          variantId: null
+        }
+      ];
+    }
+    return variants.map((v) => {
+      const q = qty[v.id] || 0;
+      const price = v.price ?? event.price ?? 0;
+      return {
+        key: v.id,
+        name: v.name,
+        unitPrice: price,
+        quantity: q,
+        subtotal: price * q,
+        variantId: v.id
+      };
+    });
+  }, [variants, qty, hasVariants, event.price]);
+  const subtotal = lineBreakdown.reduce((s, l) => s + l.subtotal, 0);
+  const spotsRemaining = schedule ? getSpotsRemaining(schedule.capacity, schedule.current_registrations ?? void 0) ?? schedule.spots_remaining ?? null : null;
+  const soldOut = schedule ? isEventSoldOut(schedule.capacity, schedule.current_registrations ?? void 0) : false;
+  const overCapacity = spotsRemaining !== null && totalQuantity > spotsRemaining;
+  React5.useEffect(() => {
+    let cancelled = false;
+    let attachedCard = null;
+    fetchProcessorConfig().then(async (config) => {
+      if (cancelled) return;
+      setProcessorConfig(config);
+      if (config?.processor !== "square" || !config.squareAppId || !config.squareLocationId) {
+        return;
+      }
+      try {
+        await loadSquareSDK2(config.squareEnvironment || "production");
+        if (cancelled) return;
+        const Square = window.Square;
+        const payments = Square.payments(config.squareAppId, config.squareLocationId);
+        const card = await payments.card({
+          style: {
+            ".input-container": {
+              borderColor: resolveCssVar("--sk-border", "#d1d5db"),
+              borderRadius: "6px"
+            },
+            ".input-container.is-focus": {
+              borderColor: resolveCssVar("--sk-primary", "#2563eb")
+            },
+            ".input-container.is-error": {
+              borderColor: "#dc2626"
+            }
+          }
+        });
+        if (cancelled) {
+          await card.destroy?.().catch(() => {
+          });
+          return;
+        }
+        await card.attach("#sk-event-checkout-card");
+        attachedCard = card;
+        setSquareCard(card);
+        setCardReady(true);
+      } catch (err) {
+        console.error("[EventCheckout] Square card init failed:", err);
+      }
+    });
+    return () => {
+      cancelled = true;
+      if (attachedCard) {
+        attachedCard.destroy?.().catch(() => {
+        });
+      }
+      setSquareCard(null);
+      setCardReady(false);
+    };
+  }, []);
+  const updateQty = (key, delta) => {
+    setQty((prev) => {
+      const current = prev[key] ?? 0;
+      const next = Math.max(0, Math.min(maxPerVariant, current + delta));
+      return { ...prev, [key]: next };
+    });
+    setError(null);
+  };
+  const updateCustomer = (field, value) => {
+    setCustomer((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!schedule) {
+      setError("No event date available");
+      return;
+    }
+    if (totalQuantity === 0) {
+      setError("Select at least one ticket");
+      return;
+    }
+    if (overCapacity) {
+      setError(
+        `Only ${spotsRemaining} spot${spotsRemaining === 1 ? "" : "s"} remaining. Please reduce quantity.`
+      );
+      return;
+    }
+    if (!customer.name || !customer.email) {
+      setError("Name and email are required");
+      return;
+    }
+    if (processorConfig?.processor !== "square") {
+      setError("Inline checkout requires Square. Please contact support.");
+      return;
+    }
+    if (!squareCard || !cardReady) {
+      setError("Card form is still loading. Please wait a moment and try again.");
+      return;
+    }
+    setLoading(true);
+    try {
+      const tokenResult = await squareCard.tokenize();
+      if (tokenResult.status !== "OK") {
+        const msg = tokenResult.errors?.[0]?.message || "Card verification failed. Please check your card details.";
+        setError(msg);
+        onError?.(msg);
+        setLoading(false);
+        return;
+      }
+      const lineItems = lineBreakdown.filter((l) => l.quantity > 0).map((l) => ({
+        offeringId: event.id,
+        variantId: l.variantId ?? void 0,
+        scheduleId: schedule.id,
+        quantity: l.quantity
+      }));
+      const result = await createCheckoutSession({
+        offeringId: event.id,
+        lineItems,
+        customer,
+        sourceId: tokenResult.token,
+        successUrl: typeof window !== "undefined" ? window.location.href + "?registration=success" : void 0,
+        cancelUrl: typeof window !== "undefined" ? window.location.href : void 0
+      });
+      if (result.success) {
+        setSuccess(result);
+        onSuccess?.(result);
+      } else {
+        setError(result.error || "Checkout failed");
+        onError?.(result.error || "Checkout failed");
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "An error occurred";
+      setError(message);
+      onError?.(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `site-kit-event-checkout-success ${className}`,
+        style: {
+          padding: "2rem",
+          textAlign: "center",
+          background: "var(--sk-bg, #fff)",
+          border: "1px solid var(--sk-border, #e5e7eb)",
+          borderRadius: "12px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "3rem", marginBottom: "0.75rem" }, children: "\u{1F39F}\uFE0F" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h3",
+            {
+              style: {
+                margin: "0 0 0.5rem",
+                fontSize: "1.5rem",
+                color: "var(--sk-text-primary, #111)"
+              },
+              children: "You're booked!"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "p",
+            {
+              style: {
+                margin: "0 0 0.5rem",
+                color: "var(--sk-text-secondary, #555)"
+              },
+              children: [
+                "Confirmation #",
+                success.confirmation_number || success.sale_id
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              style: {
+                margin: 0,
+                color: "var(--sk-text-secondary, #555)",
+                fontSize: "0.9rem"
+              },
+              children: "Check your email for ticket details."
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (soldOut) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `site-kit-event-checkout-soldout ${className}`,
+        style: {
+          padding: "2rem",
+          textAlign: "center",
+          background: "var(--sk-surface, #f9fafb)",
+          border: "1px solid var(--sk-border, #e5e7eb)",
+          borderRadius: "12px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontWeight: 600, fontSize: "1.125rem" }, children: "This cruise is sold out" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0.5rem 0 0", color: "var(--sk-text-secondary, #555)" }, children: "Check back soon for additional dates." })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `site-kit-event-checkout ${className}`,
+      style: {
+        background: "var(--sk-bg, #fff)",
+        border: "1px solid var(--sk-border, #e5e7eb)",
+        borderRadius: "12px",
+        padding: "1.5rem"
+      },
+      children: [
+        schedule && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "1.25rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                fontSize: "0.75rem",
+                textTransform: "uppercase",
+                letterSpacing: "0.08em",
+                color: "var(--sk-text-secondary, #555)",
+                marginBottom: "0.25rem"
+              },
+              children: "Date & Time"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                fontSize: "1.125rem",
+                fontWeight: 600,
+                color: "var(--sk-text-primary, #111)"
+              },
+              children: [
+                formatDate(schedule.starts_at),
+                " \xB7 ",
+                formatTime(schedule.starts_at)
+              ]
+            }
+          ),
+          spotsRemaining !== null && spotsRemaining <= 10 && spotsRemaining > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                marginTop: "0.5rem",
+                fontSize: "0.875rem",
+                color: "var(--sk-warning, #b45309)",
+                fontWeight: 500
+              },
+              children: [
+                "Only ",
+                spotsRemaining,
+                " spot",
+                spotsRemaining === 1 ? "" : "s",
+                " left"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.75rem",
+                marginBottom: "1.25rem"
+              },
+              children: lineBreakdown.map((line) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: "1rem",
+                    padding: "0.875rem 1rem",
+                    background: "var(--sk-surface, #f9fafb)",
+                    borderRadius: "8px",
+                    border: "1px solid var(--sk-border, #e5e7eb)"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          style: {
+                            fontWeight: 600,
+                            color: "var(--sk-text-primary, #111)"
+                          },
+                          children: line.name
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "0.875rem",
+                            color: "var(--sk-text-secondary, #555)"
+                          },
+                          children: [
+                            formatPrice(line.unitPrice, currency),
+                            " each"
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => updateQty(line.key, -1),
+                          disabled: line.quantity === 0,
+                          "aria-label": `Decrease ${line.name} quantity`,
+                          style: {
+                            width: "32px",
+                            height: "32px",
+                            borderRadius: "50%",
+                            border: "1px solid var(--sk-border, #d1d5db)",
+                            background: "var(--sk-bg, #fff)",
+                            color: "var(--sk-text-primary, #111)",
+                            cursor: line.quantity === 0 ? "not-allowed" : "pointer",
+                            opacity: line.quantity === 0 ? 0.4 : 1,
+                            fontSize: "1.25rem",
+                            lineHeight: 1,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          children: "\u2212"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          style: {
+                            minWidth: "2.5rem",
+                            textAlign: "center",
+                            fontWeight: 600,
+                            fontSize: "1.125rem"
+                          },
+                          children: line.quantity
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => updateQty(line.key, 1),
+                          disabled: line.quantity >= maxPerVariant,
+                          "aria-label": `Increase ${line.name} quantity`,
+                          style: {
+                            width: "32px",
+                            height: "32px",
+                            borderRadius: "50%",
+                            border: "1px solid var(--sk-border, #d1d5db)",
+                            background: "var(--sk-bg, #fff)",
+                            color: "var(--sk-text-primary, #111)",
+                            cursor: line.quantity >= maxPerVariant ? "not-allowed" : "pointer",
+                            opacity: line.quantity >= maxPerVariant ? 0.4 : 1,
+                            fontSize: "1.25rem",
+                            lineHeight: 1,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          children: "+"
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                line.key
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "baseline",
+                padding: "0.75rem 0",
+                borderTop: "1px solid var(--sk-border, #e5e7eb)",
+                borderBottom: "1px solid var(--sk-border, #e5e7eb)",
+                marginBottom: "1.25rem"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "0.875rem",
+                      color: "var(--sk-text-secondary, #555)",
+                      textTransform: "uppercase",
+                      letterSpacing: "0.06em"
+                    },
+                    children: [
+                      "Total (",
+                      totalQuantity,
+                      " ",
+                      totalQuantity === 1 ? "ticket" : "tickets",
+                      ")"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "1.5rem",
+                      fontWeight: 700,
+                      color: "var(--sk-text-primary, #111)"
+                    },
+                    children: formatPrice(subtotal, currency)
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.75rem",
+                marginBottom: "1rem"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "label",
+                    {
+                      style: {
+                        display: "block",
+                        fontSize: "0.75rem",
+                        fontWeight: 600,
+                        textTransform: "uppercase",
+                        letterSpacing: "0.06em",
+                        color: "var(--sk-text-secondary, #555)",
+                        marginBottom: "0.25rem"
+                      },
+                      children: "Full Name"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "text",
+                      required: true,
+                      value: customer.name,
+                      onChange: (e) => updateCustomer("name", e.target.value),
+                      placeholder: "John Smith",
+                      style: {
+                        width: "100%",
+                        padding: "0.625rem 0.75rem",
+                        borderRadius: "6px",
+                        border: "1px solid var(--sk-border, #d1d5db)",
+                        fontSize: "1rem",
+                        background: "var(--sk-bg, #fff)",
+                        color: "var(--sk-text-primary, #111)"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "label",
+                    {
+                      style: {
+                        display: "block",
+                        fontSize: "0.75rem",
+                        fontWeight: 600,
+                        textTransform: "uppercase",
+                        letterSpacing: "0.06em",
+                        color: "var(--sk-text-secondary, #555)",
+                        marginBottom: "0.25rem"
+                      },
+                      children: "Email Address"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "email",
+                      required: true,
+                      value: customer.email,
+                      onChange: (e) => updateCustomer("email", e.target.value),
+                      placeholder: "john@example.com",
+                      style: {
+                        width: "100%",
+                        padding: "0.625rem 0.75rem",
+                        borderRadius: "6px",
+                        border: "1px solid var(--sk-border, #d1d5db)",
+                        fontSize: "1rem",
+                        background: "var(--sk-bg, #fff)",
+                        color: "var(--sk-text-primary, #111)"
+                      }
+                    }
+                  )
+                ] }),
+                collectPhone && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "label",
+                    {
+                      style: {
+                        display: "block",
+                        fontSize: "0.75rem",
+                        fontWeight: 600,
+                        textTransform: "uppercase",
+                        letterSpacing: "0.06em",
+                        color: "var(--sk-text-secondary, #555)",
+                        marginBottom: "0.25rem"
+                      },
+                      children: "Phone Number"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "tel",
+                      value: customer.phone || "",
+                      onChange: (e) => updateCustomer("phone", e.target.value),
+                      placeholder: "(555) 123-4567",
+                      style: {
+                        width: "100%",
+                        padding: "0.625rem 0.75rem",
+                        borderRadius: "6px",
+                        border: "1px solid var(--sk-border, #d1d5db)",
+                        fontSize: "1rem",
+                        background: "var(--sk-bg, #fff)",
+                        color: "var(--sk-text-primary, #111)"
+                      }
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "1rem" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "label",
+              {
+                style: {
+                  display: "block",
+                  fontSize: "0.75rem",
+                  fontWeight: 600,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.06em",
+                  color: "var(--sk-text-secondary, #555)",
+                  marginBottom: "0.25rem"
+                },
+                children: cardLabel
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                id: "sk-event-checkout-card",
+                ref: cardContainerRef,
+                style: {
+                  minHeight: "44px",
+                  border: "1px solid var(--sk-border, #d1d5db)",
+                  borderRadius: "6px",
+                  padding: "0.5rem 0.75rem",
+                  background: "var(--sk-bg, #fff)"
+                }
+              }
+            ),
+            !cardReady && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "0.75rem",
+                  color: "var(--sk-text-secondary, #555)",
+                  marginTop: "0.25rem"
+                },
+                children: "Loading card form..."
+              }
+            )
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "alert",
+              style: {
+                marginBottom: "1rem",
+                padding: "0.75rem 1rem",
+                background: "rgba(220, 38, 38, 0.06)",
+                border: "1px solid rgba(220, 38, 38, 0.25)",
+                borderRadius: "6px",
+                color: "#b91c1c",
+                fontSize: "0.875rem"
+              },
+              children: error
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              disabled: loading || totalQuantity === 0 || !cardReady || overCapacity,
+              style: {
+                width: "100%",
+                padding: "0.875rem 1rem",
+                fontSize: "1rem",
+                fontWeight: 600,
+                borderRadius: "8px",
+                border: "none",
+                background: loading || totalQuantity === 0 || !cardReady || overCapacity ? "var(--sk-primary-hover, #94a3b8)" : "var(--sk-primary, #2563eb)",
+                color: "var(--sk-primary-text, #fff)",
+                cursor: loading || totalQuantity === 0 || !cardReady || overCapacity ? "not-allowed" : "pointer",
+                transition: "background 0.15s ease"
+              },
+              children: loading ? "Processing..." : submitText ? submitText : totalQuantity === 0 ? "Select tickets" : `Buy ${formatPrice(subtotal, currency)}`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              style: {
+                textAlign: "center",
+                fontSize: "0.75rem",
+                color: "var(--sk-text-secondary, #888)",
+                margin: "0.75rem 0 0"
+              },
+              children: "\u{1F512} Secure checkout powered by Square"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function RegistrationForm({
   event,
   scheduleId,
@@ -5652,7 +6381,7 @@ function CalendarView({
     }, children: "Loading..." })
   ] });
 }
-function loadSquareSDK2(environment) {
+function loadSquareSDK3(environment) {
   return new Promise((resolve, reject) => {
     if (typeof window === "undefined") return reject(new Error("No window"));
     if (window.Square) return resolve();
@@ -5699,7 +6428,7 @@ function EventModal({
       if (config?.processor) setProcessor(config.processor);
       if (config?.processor === "square" && config.squareAppId && config.squareLocationId) {
         try {
-          await loadSquareSDK2(config.squareEnvironment || "production");
+          await loadSquareSDK3(config.squareEnvironment || "production");
           const Square = window.Square;
           const payments = Square.payments(config.squareAppId, config.squareLocationId);
           const card = await payments.card({
@@ -7018,6 +7747,7 @@ function groupEventsByOffering(events) {
 exports.CalendarView = CalendarView;
 exports.CheckoutForm = CheckoutForm;
 exports.EventCalendar = EventCalendar;
+exports.EventCheckout = EventCheckout;
 exports.EventEmbed = EventEmbed;
 exports.EventModal = EventModal;
 exports.EventTile = EventTile;
@@ -7059,5 +7789,5 @@ exports.registerForEvent = registerForEvent;
 exports.useEventModal = useEventModal;
 exports.validateAddress = validateAddress;
 exports.validateDiscountCode = validateDiscountCode;
-//# sourceMappingURL=chunk-D5ES7H7E.js.map
-//# sourceMappingURL=chunk-D5ES7H7E.js.map
+//# sourceMappingURL=chunk-2OGUBINV.js.map
+//# sourceMappingURL=chunk-2OGUBINV.js.map