@uptrademedia/site-kit 1.0.29 → 1.0.30

package/dist/{chunk-ZGT5ZYQ5.js → chunk-WNCM4GNY.js}

@@ -3370,9 +3370,11 @@ var LocationIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http:/
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
   /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
 ] });
+var DEFAULT_VIEWS = ["list", "grid", "calendar"];
 function EventsWidget({
   events: propEvents,
   defaultView = "list",
+  availableViews = DEFAULT_VIEWS,
   showViewToggle = true,
   title,
   subtitle,
@@ -3396,7 +3398,10 @@ function EventsWidget({
   eventCardClassName = "",
   modalClassName = ""
 }) {
-  const [viewMode, setViewMode] = React5.useState(defaultView);
+  const views = availableViews.length > 0 ? availableViews : DEFAULT_VIEWS;
+  const resolvedDefault = views.includes(defaultView) ? defaultView : views[0];
+  const [viewMode, setViewMode] = React5.useState(resolvedDefault);
+  const effectiveView = views.includes(viewMode) ? viewMode : views[0];
   const [events, setEvents] = React5.useState(propEvents || []);
   const [loading, setLoading] = React5.useState(!propEvents);
   const [error, setError] = React5.useState(null);
@@ -3516,7 +3521,7 @@ function EventsWidget({
       ] })
     ] });
   }
-  const displayEvents = viewMode === "list" || viewMode === "grid" ? events.slice(0, limit) : events;
+  const displayEvents = effectiveView === "list" || effectiveView === "grid" ? events.slice(0, limit) : events;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `site-kit-events-widget ${className}`, children: [
     (title || subtitle || showViewToggle) && /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -3547,7 +3552,7 @@ function EventsWidget({
                 borderRadius: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
+                views.includes("list") && /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     onClick: () => setViewMode("list"),
@@ -3572,7 +3577,7 @@ function EventsWidget({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
+                views.includes("grid") && /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     onClick: () => setViewMode("grid"),
@@ -3597,7 +3602,7 @@ function EventsWidget({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
+                views.includes("calendar") && /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     onClick: () => setViewMode("calendar"),
@@ -3628,7 +3633,7 @@ function EventsWidget({
         ]
       }
     ),
-    viewMode === "list" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `site-kit-events-list ${listClassName}`, children: [
+    effectiveView === "list" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `site-kit-events-list ${listClassName}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: displayEvents.map((eventItem) => {
         const nextSchedule = eventItem.next_schedule || eventItem.schedules?.[0];
         const isFree = !eventItem.price || eventItem.price === 0;
@@ -3745,7 +3750,7 @@ function EventsWidget({
           children: viewAllText
         }
       ) })
-    ] }) : viewMode === "grid" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `site-kit-events-grid ${listClassName}`, children: [
+    ] }) : effectiveView === "grid" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `site-kit-events-grid ${listClassName}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         display: "grid",
         gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
@@ -3915,5 +3920,5 @@ exports.getSpotsRemaining = getSpotsRemaining;
 exports.isEventSoldOut = isEventSoldOut;
 exports.registerForEvent = registerForEvent;
 exports.useEventModal = useEventModal;
-//# sourceMappingURL=chunk-ZGT5ZYQ5.js.map
-//# sourceMappingURL=chunk-ZGT5ZYQ5.js.map
+//# sourceMappingURL=chunk-WNCM4GNY.js.map
+//# sourceMappingURL=chunk-WNCM4GNY.js.map