@uptrademedia/site-kit 1.0.34 → 1.0.36

package/dist/{chunk-WUIDGCAI.mjs → chunk-CSB2IVNY.mjs}

@@ -1,6 +1,12 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 // src/images/ManagedFavicon.tsx
+function toAbsoluteFaviconUrl(url, apiBase) {
+  if (!url) return void 0;
+  if (url.startsWith("http://") || url.startsWith("https://")) return url;
+  const base = apiBase.replace(/\/$/, "");
+  return url.startsWith("/") ? `${base}${url}` : `${base}/${url}`;
+}
 async function fetchFaviconData(apiUrl, apiKey) {
   try {
     const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {
@@ -17,8 +23,10 @@ async function fetchFaviconData(apiUrl, apiKey) {
     }
     const data = await res.json();
     if (data.image && !data.is_placeholder) {
+      const raw = data.image.public_url || data.image.external_url;
+      const public_url = toAbsoluteFaviconUrl(raw, apiUrl);
       return {
-        public_url: data.image.public_url || data.image.external_url,
+        public_url: public_url || void 0,
         mime_type: data.image.file?.mime_type,
         is_placeholder: false
       };
@@ -56,5 +64,5 @@ async function ManagedFavicon({
 }
 
 export { ManagedFavicon, fetchFaviconData, getManagedFaviconUrl };
-//# sourceMappingURL=chunk-WUIDGCAI.mjs.map
-//# sourceMappingURL=chunk-WUIDGCAI.mjs.map
+//# sourceMappingURL=chunk-CSB2IVNY.mjs.map
+//# sourceMappingURL=chunk-CSB2IVNY.mjs.map

package/dist/chunk-CSB2IVNY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/images/ManagedFavicon.tsx"],"names":[],"mappings":"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","file":"chunk-CSB2IVNY.mjs","sourcesContent":["/**\n * ManagedFavicon Component\n * \n * Server component that renders favicon link tags using the project's logo.\n * When a logo is uploaded in Project Settings, it's automatically synced\n * to the 'favicon' slot in site_managed_images.\n * \n * Usage:\n * ```tsx\n * import { ManagedFavicon } from '@uptrade/site-kit/images'\n * \n * export default function RootLayout({ children }) {\n *   return (\n *     <html>\n *       <head>\n *         <ManagedFavicon />\n *       </head>\n *       <body>{children}</body>\n *     </html>\n *   )\n * }\n * ```\n * \n * Supports:\n * - SVG favicons (best for modern browsers, scales perfectly)\n * - PNG favicons with multiple sizes\n * - Apple touch icons\n * - Theme color for mobile browsers\n */\n\nimport React from 'react'\n\nexport interface ManagedFaviconProps {\n  /**\n   * API key for Portal API authentication\n   * Defaults to NEXT_PUBLIC_UPTRADE_API_KEY env var\n   */\n  apiKey?: string\n  \n  /**\n   * API URL (defaults to https://api.uptrademedia.com)\n   */\n  apiUrl?: string\n  \n  /**\n   * Fallback favicon URL if no managed favicon is set\n   */\n  fallback?: string\n  \n  /**\n   * Theme color for mobile browser chrome\n   * Defaults to #4bbf39 (Uptrade brand primary)\n   */\n  themeColor?: string\n}\n\ninterface FaviconData {\n  public_url?: string\n  mime_type?: string\n  is_placeholder?: boolean\n}\n\n/** If url is relative (e.g. /uploads/... from API), resolve against base so production can load it. */\nfunction toAbsoluteFaviconUrl(url: string | undefined, apiBase: string): string | undefined {\n  if (!url) return undefined\n  if (url.startsWith('http://') || url.startsWith('https://')) return url\n  const base = apiBase.replace(/\\/$/, '')\n  return url.startsWith('/') ? `${base}${url}` : `${base}/${url}`\n}\n\n/**\n * Server-side fetch of favicon data.\n * Exported for use in generateMetadata (single source for favicon URL).\n */\nexport async function fetchFaviconData(apiUrl: string, apiKey: string): Promise<FaviconData | null> {\n  try {\n    const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n      },\n      next: { revalidate: 3600 }, // Cache 1hr – favicon rarely changes, allows static generation\n    })\n\n    if (!res.ok) {\n      console.warn('[ManagedFavicon] Failed to fetch:', res.status)\n      return null\n    }\n\n    const data = await res.json()\n    if (data.image && !data.is_placeholder) {\n      const raw = data.image.public_url || data.image.external_url\n      const public_url = toAbsoluteFaviconUrl(raw, apiUrl)\n      return {\n        public_url: public_url || undefined,\n        mime_type: data.image.file?.mime_type,\n        is_placeholder: false,\n      }\n    }\n    return null\n  } catch (err) {\n    console.error('[ManagedFavicon] Error fetching favicon:', err)\n    return null\n  }\n}\n\n/**\n * Return the managed favicon URL for the project (from API key).\n * Use in generateMetadata to set metadata.icons so favicon is consistent across all sites.\n */\nexport async function getManagedFaviconUrl(\n  apiKey?: string,\n  apiUrl: string = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com'\n): Promise<string | null> {\n  const key = apiKey ?? process.env.NEXT_PUBLIC_UPTRADE_API_KEY ?? process.env.UPTRADE_API_KEY\n  if (!key) return null\n  const data = await fetchFaviconData(apiUrl, key)\n  return data?.public_url ?? null\n}\n\nexport async function ManagedFavicon({\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  fallback = '/favicon.ico',\n  themeColor = '#4bbf39',\n}: ManagedFaviconProps) {\n  // Fetch favicon data during SSR\n  const faviconData = apiKey && apiUrl ? await fetchFaviconData(apiUrl, apiKey) : null\n  \n  const faviconUrl = faviconData?.public_url || fallback\n  const mimeType = faviconData?.mime_type || 'image/x-icon'\n  const isSvg = mimeType === 'image/svg+xml' || faviconUrl.endsWith('.svg')\n\n  return (\n    <>\n      {/* Primary favicon */}\n      {isSvg ? (\n        <link rel=\"icon\" type=\"image/svg+xml\" href={faviconUrl} />\n      ) : (\n        <>\n          <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href={faviconUrl} />\n          <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href={faviconUrl} />\n        </>\n      )}\n      \n      {/* Apple touch icon (for iOS home screen) */}\n      <link rel=\"apple-touch-icon\" sizes=\"180x180\" href={faviconUrl} />\n      \n      {/* Theme color for mobile browsers */}\n      <meta name=\"theme-color\" content={themeColor} />\n    </>\n  )\n}"]}

package/dist/{chunk-77PEDSV5.js → chunk-KHP4AK3O.js}

@@ -3,6 +3,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/images/ManagedFavicon.tsx
+function toAbsoluteFaviconUrl(url, apiBase) {
+  if (!url) return void 0;
+  if (url.startsWith("http://") || url.startsWith("https://")) return url;
+  const base = apiBase.replace(/\/$/, "");
+  return url.startsWith("/") ? `${base}${url}` : `${base}/${url}`;
+}
 async function fetchFaviconData(apiUrl, apiKey) {
   try {
     const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {
@@ -19,8 +25,10 @@ async function fetchFaviconData(apiUrl, apiKey) {
     }
     const data = await res.json();
     if (data.image && !data.is_placeholder) {
+      const raw = data.image.public_url || data.image.external_url;
+      const public_url = toAbsoluteFaviconUrl(raw, apiUrl);
       return {
-        public_url: data.image.public_url || data.image.external_url,
+        public_url: public_url || void 0,
         mime_type: data.image.file?.mime_type,
         is_placeholder: false
       };
@@ -60,5 +68,5 @@ async function ManagedFavicon({
 exports.ManagedFavicon = ManagedFavicon;
 exports.fetchFaviconData = fetchFaviconData;
 exports.getManagedFaviconUrl = getManagedFaviconUrl;
-//# sourceMappingURL=chunk-77PEDSV5.js.map
-//# sourceMappingURL=chunk-77PEDSV5.js.map
+//# sourceMappingURL=chunk-KHP4AK3O.js.map
+//# sourceMappingURL=chunk-KHP4AK3O.js.map

package/dist/chunk-KHP4AK3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/images/ManagedFavicon.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-KHP4AK3O.js","sourcesContent":["/**\n * ManagedFavicon Component\n * \n * Server component that renders favicon link tags using the project's logo.\n * When a logo is uploaded in Project Settings, it's automatically synced\n * to the 'favicon' slot in site_managed_images.\n * \n * Usage:\n * ```tsx\n * import { ManagedFavicon } from '@uptrade/site-kit/images'\n * \n * export default function RootLayout({ children }) {\n *   return (\n *     <html>\n *       <head>\n *         <ManagedFavicon />\n *       </head>\n *       <body>{children}</body>\n *     </html>\n *   )\n * }\n * ```\n * \n * Supports:\n * - SVG favicons (best for modern browsers, scales perfectly)\n * - PNG favicons with multiple sizes\n * - Apple touch icons\n * - Theme color for mobile browsers\n */\n\nimport React from 'react'\n\nexport interface ManagedFaviconProps {\n  /**\n   * API key for Portal API authentication\n   * Defaults to NEXT_PUBLIC_UPTRADE_API_KEY env var\n   */\n  apiKey?: string\n  \n  /**\n   * API URL (defaults to https://api.uptrademedia.com)\n   */\n  apiUrl?: string\n  \n  /**\n   * Fallback favicon URL if no managed favicon is set\n   */\n  fallback?: string\n  \n  /**\n   * Theme color for mobile browser chrome\n   * Defaults to #4bbf39 (Uptrade brand primary)\n   */\n  themeColor?: string\n}\n\ninterface FaviconData {\n  public_url?: string\n  mime_type?: string\n  is_placeholder?: boolean\n}\n\n/** If url is relative (e.g. /uploads/... from API), resolve against base so production can load it. */\nfunction toAbsoluteFaviconUrl(url: string | undefined, apiBase: string): string | undefined {\n  if (!url) return undefined\n  if (url.startsWith('http://') || url.startsWith('https://')) return url\n  const base = apiBase.replace(/\\/$/, '')\n  return url.startsWith('/') ? `${base}${url}` : `${base}/${url}`\n}\n\n/**\n * Server-side fetch of favicon data.\n * Exported for use in generateMetadata (single source for favicon URL).\n */\nexport async function fetchFaviconData(apiUrl: string, apiKey: string): Promise<FaviconData | null> {\n  try {\n    const res = await fetch(`${apiUrl}/public/images/slot/favicon`, {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n      },\n      next: { revalidate: 3600 }, // Cache 1hr – favicon rarely changes, allows static generation\n    })\n\n    if (!res.ok) {\n      console.warn('[ManagedFavicon] Failed to fetch:', res.status)\n      return null\n    }\n\n    const data = await res.json()\n    if (data.image && !data.is_placeholder) {\n      const raw = data.image.public_url || data.image.external_url\n      const public_url = toAbsoluteFaviconUrl(raw, apiUrl)\n      return {\n        public_url: public_url || undefined,\n        mime_type: data.image.file?.mime_type,\n        is_placeholder: false,\n      }\n    }\n    return null\n  } catch (err) {\n    console.error('[ManagedFavicon] Error fetching favicon:', err)\n    return null\n  }\n}\n\n/**\n * Return the managed favicon URL for the project (from API key).\n * Use in generateMetadata to set metadata.icons so favicon is consistent across all sites.\n */\nexport async function getManagedFaviconUrl(\n  apiKey?: string,\n  apiUrl: string = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com'\n): Promise<string | null> {\n  const key = apiKey ?? process.env.NEXT_PUBLIC_UPTRADE_API_KEY ?? process.env.UPTRADE_API_KEY\n  if (!key) return null\n  const data = await fetchFaviconData(apiUrl, key)\n  return data?.public_url ?? null\n}\n\nexport async function ManagedFavicon({\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  fallback = '/favicon.ico',\n  themeColor = '#4bbf39',\n}: ManagedFaviconProps) {\n  // Fetch favicon data during SSR\n  const faviconData = apiKey && apiUrl ? await fetchFaviconData(apiUrl, apiKey) : null\n  \n  const faviconUrl = faviconData?.public_url || fallback\n  const mimeType = faviconData?.mime_type || 'image/x-icon'\n  const isSvg = mimeType === 'image/svg+xml' || faviconUrl.endsWith('.svg')\n\n  return (\n    <>\n      {/* Primary favicon */}\n      {isSvg ? (\n        <link rel=\"icon\" type=\"image/svg+xml\" href={faviconUrl} />\n      ) : (\n        <>\n          <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href={faviconUrl} />\n          <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href={faviconUrl} />\n        </>\n      )}\n      \n      {/* Apple touch icon (for iOS home screen) */}\n      <link rel=\"apple-touch-icon\" sizes=\"180x180\" href={faviconUrl} />\n      \n      {/* Theme color for mobile browsers */}\n      <meta name=\"theme-color\" content={themeColor} />\n    </>\n  )\n}"]}

package/dist/{chunk-A37Z47FZ.mjs → chunk-R4OKQVFD.mjs}

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React5, { useState, useEffect, useMemo, useCallback } from 'react';
+import React5, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 
 // src/commerce/utils.ts
 function formatPrice(amount, currency = "USD") {
@@ -248,6 +248,24 @@ async function registerForEvent(eventId, scheduleId, customer) {
     return { success: false, error: "Network error. Please try again." };
   }
 }
+async function fetchProcessorConfig() {
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) return null;
+  try {
+    const response = await fetch(`${apiUrl}/api/public/commerce/processor-config`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({})
+    });
+    if (!response.ok) return null;
+    return await response.json();
+  } catch {
+    return null;
+  }
+}
 async function createCheckoutSession(optionsOrOfferingId, legacyOptions) {
   const { apiUrl, apiKey } = getApiConfig();
   const options = typeof optionsOrOfferingId === "string" ? { offeringId: optionsOrOfferingId, ...legacyOptions } : optionsOrOfferingId;
@@ -268,8 +286,12 @@ async function createCheckoutSession(optionsOrOfferingId, legacyOptions) {
       })
     });
     if (!response.ok) {
-      const error = await response.json();
-      return { success: false, error: error.message || "Checkout failed" };
+      const error = await response.json().catch(() => ({}));
+      const message = error?.message || (typeof error?.error === "string" ? error.error : null) || "Checkout failed";
+      if (typeof console !== "undefined" && console.error) {
+        console.error("[Commerce] Checkout failed:", response.status, message, error);
+      }
+      return { success: false, error: message };
     }
     const result = await response.json();
     return {
@@ -2805,6 +2827,17 @@ function CalendarView({
     }, children: "Loading..." })
   ] });
 }
+function loadSquareSDK(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 EventModal({
   event,
   schedule: propSchedule,
@@ -2828,7 +2861,56 @@ function EventModal({
     phone: ""
   });
   const [additionalData, setAdditionalData] = useState({});
+  const [processor, setProcessor] = useState(null);
+  const [processorConfig, setProcessorConfig] = useState(null);
+  const [squareCard, setSquareCard] = useState(null);
+  const [cardReady, setCardReady] = useState(false);
+  const cardContainerRef = useRef(null);
   const schedule = propSchedule || event?.schedules?.[0] || event?.next_schedule;
+  useEffect(() => {
+    if (!isOpen) return;
+    fetchProcessorConfig().then(async (config) => {
+      setProcessorConfig(config);
+      if (config?.processor) setProcessor(config.processor);
+      if (config?.processor === "square" && config.squareAppId && config.squareLocationId) {
+        try {
+          await loadSquareSDK(config.squareEnvironment || "production");
+          const Square = window.Square;
+          const payments = Square.payments(config.squareAppId, config.squareLocationId);
+          const card = await payments.card({
+            style: {
+              ".input-container": {
+                borderColor: "#d1d5db",
+                borderRadius: "6px"
+              },
+              ".input-container.is-focus": {
+                borderColor: "#2563eb"
+              },
+              ".input-container.is-error": {
+                borderColor: "#dc2626"
+              }
+            }
+          });
+          await card.attach("#sq-card-container");
+          setSquareCard(card);
+          setCardReady(true);
+        } catch (err) {
+          console.error("[Commerce] Square card init failed:", err);
+        }
+      }
+    });
+    return () => {
+      setSquareCard((prev) => {
+        if (prev) {
+          prev.destroy?.().catch(() => {
+          });
+        }
+        return null;
+      });
+      setCardReady(false);
+      setProcessorConfig(null);
+    };
+  }, [isOpen]);
   useEffect(() => {
     if (isOpen && event) {
       setError(null);
@@ -2889,17 +2971,34 @@ function EventModal({
           onError?.(result.error || "Registration failed");
         }
       } else {
-        const result = await createCheckoutSession(event.id, {
+        let sourceId;
+        if (squareCard && cardReady) {
+          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;
+          }
+          sourceId = tokenResult.token;
+        }
+        const result = await createCheckoutSession({
+          offeringId: event.id,
           scheduleId: schedule.id,
           quantity,
           customer: {
             ...customer,
             ...additionalData
           },
+          sourceId,
           successUrl: window.location.href + "?registration=success",
           cancelUrl: window.location.href
         });
-        if (result.success && result.payment_url) {
+        if (result.success && !result.payment_url) {
+          setSuccess(true);
+          onSuccess?.(result);
+        } else if (result.success && result.payment_url) {
           window.location.href = result.payment_url;
         } else {
           setError(result.error || "Checkout failed");
@@ -3223,6 +3322,30 @@ function EventModal({
                     )
                   ] }, field.name))
                 ] }),
+                !isFree && processor === "square" && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem" }, children: [
+                  /* @__PURE__ */ jsx("label", { style: {
+                    display: "block",
+                    fontSize: "0.875rem",
+                    fontWeight: 500,
+                    color: "#374151",
+                    marginBottom: "0.375rem"
+                  }, children: "Card Details *" }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      id: "sq-card-container",
+                      ref: cardContainerRef,
+                      style: {
+                        minHeight: "42px",
+                        border: "1px solid #d1d5db",
+                        borderRadius: "6px",
+                        padding: "0.5rem 0.75rem",
+                        background: "#fff"
+                      }
+                    }
+                  ),
+                  !cardReady && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: "#9ca3af", marginTop: "0.25rem" }, children: "Loading card form..." })
+                ] }),
                 error && /* @__PURE__ */ jsx("div", { style: {
                   marginTop: "1rem",
                   padding: "0.75rem",
@@ -3236,7 +3359,7 @@ function EventModal({
                   "button",
                   {
                     type: "submit",
-                    disabled: loading,
+                    disabled: loading || !isFree && processor === "square" && !cardReady,
                     style: {
                       width: "100%",
                       marginTop: "1.25rem",
@@ -3245,19 +3368,26 @@ function EventModal({
                       fontWeight: 600,
                       borderRadius: "8px",
                       border: "none",
-                      background: loading ? "#93c5fd" : "#2563eb",
+                      background: loading || !isFree && processor === "square" && !cardReady ? "#93c5fd" : "#2563eb",
                       color: "white",
-                      cursor: loading ? "not-allowed" : "pointer"
+                      cursor: loading || !isFree && processor === "square" && !cardReady ? "not-allowed" : "pointer"
                     },
                     children: loading ? "Processing..." : isFree ? "Register Free" : `Pay ${formatPrice(total, event.currency)}`
                   }
                 ),
-                !isFree && /* @__PURE__ */ jsx("p", { style: {
+                !isFree && /* @__PURE__ */ jsxs("p", { style: {
                   textAlign: "center",
                   fontSize: "0.75rem",
                   color: "#666",
                   margin: "0.75rem 0 0"
-                }, children: "\u{1F512} Secure checkout via Stripe" })
+                }, children: [
+                  "\u{1F512} Secure checkout via ",
+                  processor === "square" ? "Square" : processor === "stripe" ? "Stripe" : "secure payment"
+                ] }),
+                !isFree && processor && /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.625rem", color: "#999", margin: "0.25rem 0 0", textAlign: "center" }, children: [
+                  "Powered by ",
+                  processor === "stripe" ? "Stripe" : "Square"
+                ] })
               ] })
             ] }) })
           ]
@@ -3894,6 +4024,6 @@ function getApiKey() {
   return "";
 }
 
-export { CalendarView, CheckoutForm, EventCalendar, EventEmbed, EventModal, EventTile, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, UpcomingEvents, createCheckoutSession, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, isEventSoldOut, registerForEvent, useEventModal };
-//# sourceMappingURL=chunk-A37Z47FZ.mjs.map
-//# sourceMappingURL=chunk-A37Z47FZ.mjs.map
+export { CalendarView, CheckoutForm, EventCalendar, EventEmbed, EventModal, EventTile, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, UpcomingEvents, createCheckoutSession, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, isEventSoldOut, registerForEvent, useEventModal };
+//# sourceMappingURL=chunk-R4OKQVFD.mjs.map
+//# sourceMappingURL=chunk-R4OKQVFD.mjs.map