@uptrademedia/site-kit 1.0.29 → 1.0.31

package/dist/{chunk-ZGT5ZYQ5.js → chunk-7BEMFSF6.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;
@@ -3661,32 +3666,50 @@ function EventsWidget({
               e.currentTarget.style.boxShadow = "none";
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
                 width: "160px",
                 minWidth: "160px",
                 flexShrink: 0,
                 background: "#f3f4f6"
-              }, children: imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src: imageUrl,
-                  alt: eventItem.name,
-                  style: {
-                    width: "100%",
-                    height: "100%",
-                    minHeight: "120px",
-                    objectFit: "cover",
-                    display: "block"
+              }, children: [
+                imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: imageUrl,
+                    alt: eventItem.name,
+                    crossOrigin: "anonymous",
+                    referrerPolicy: "no-referrer",
+                    onError: (e) => {
+                      const el = e.currentTarget;
+                      el.style.display = "none";
+                      const placeholder = el.nextElementSibling;
+                      if (placeholder) placeholder.style.display = "flex";
+                    },
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      minHeight: "120px",
+                      objectFit: "cover",
+                      display: "block"
+                    }
                   }
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-                width: "100%",
-                minHeight: "120px",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                color: "#9ca3af"
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {}) }) }),
+                ) : null,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "100%",
+                      minHeight: "120px",
+                      display: imageUrl ? "none" : "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: "#9ca3af"
+                    },
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "0.75rem", padding: "1.25rem" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "1rem" }, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
@@ -3745,7 +3768,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 +3938,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-7BEMFSF6.js.map
+//# sourceMappingURL=chunk-7BEMFSF6.js.map