@campphillip/widgets 4.0.9 → 4.0.10

package/dist/EventApiContainer.js

@@ -1,6 +1,6 @@
-import { j as t, r as o } from "./vendor.js";
-import { E as c, f as h, a as d } from "./EventContainer.js";
-const u = () => /* @__PURE__ */ t.jsxs(
+import { j as e, r as o } from "./vendor.js";
+import { E as c, f as x } from "./EventContainer.js";
+const d = () => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14,48 +14,50 @@ const u = () => /* @__PURE__ */ t.jsxs(
     strokeLinejoin: "round",
     className: "feather feather-calendar",
     children: [
-      /* @__PURE__ */ t.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-      /* @__PURE__ */ t.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-      /* @__PURE__ */ t.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-      /* @__PURE__ */ t.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+      /* @__PURE__ */ e.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+      /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+      /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+      /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
     ]
   }
-), f = "_calendarButton_1m4jh_1", v = {
-  calendarButton: f
-}, j = ({
-  events: e,
+), h = "_calendarButton_1m4jh_1", u = {
+  calendarButton: h
+}, v = ({
+  events: t,
   loading: n
 }) => {
-  const s = /* @__PURE__ */ t.jsxs("a", { className: v.calendarButton, href: "/calendar", children: [
-    /* @__PURE__ */ t.jsx(u, {}),
+  const s = /* @__PURE__ */ e.jsxs("a", { className: u.calendarButton, href: "/calendar", children: [
+    /* @__PURE__ */ e.jsx(d, {}),
     "Check out our calendar"
   ] });
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     c,
     {
-      events: e,
+      events: t,
       loading: n,
       title: "What's going on at Camp?",
       headerActions: s
     }
   );
-}, E = ({
-  events: e,
+}, j = ({
+  events: t,
   loading: n
-}) => /* @__PURE__ */ t.jsx(
+}) => /* @__PURE__ */ e.jsx(
   c,
   {
-    events: e,
+    events: t,
     loading: n,
     title: "Upcoming Board Events"
   }
-), g = ({ type: e }) => {
+), E = ({ type: t }) => {
   const [n, s] = o.useState([]), [a, i] = o.useState(!0);
   return o.useEffect(() => {
     async function l() {
-      const x = e === "events" ? h : d;
       try {
-        const r = await x();
+        const r = await x({
+          eventType: t === "events" ? "event" : "board-event",
+          limit: 3
+        });
         s(r);
       } catch (r) {
         console.error(r);
@@ -64,8 +66,8 @@ const u = () => /* @__PURE__ */ t.jsxs(
       }
     }
     l();
-  }, [e]), e === "events" ? /* @__PURE__ */ t.jsx(j, { events: n, loading: a }) : /* @__PURE__ */ t.jsx(E, { events: n, loading: a });
+  }, [t]), t === "events" ? /* @__PURE__ */ e.jsx(v, { events: n, loading: a }) : /* @__PURE__ */ e.jsx(j, { events: n, loading: a });
 };
 export {
-  g as E
+  E
 };

package/dist/EventContainer.js

@@ -1,6 +1,7 @@
-import { s as j, u as N } from "./sanityClient.js";
-import { j as e, S as g, a as h, b as p, P as S, i as q, f as x, d as D, R as M, r as B } from "./vendor.js";
-const V = async () => await j.fetch(`*[_type == 'event']  | order(startDate asc)
+import { s as N, u as y } from "./sanityClient.js";
+import { j as e, S as M, a as f, b as x, P as S, i as g, f as C, d as q, R as D, r as B } from "./vendor.js";
+const V = async (t) => {
+  const { eventType: a = "event", limit: n, includePassedEvents: r = !1 } = t || {}, v = r ? "" : "&& endDate >= now()", u = n ? `[0...${n}]` : "", l = `*[_type == '${a}' ${v}] | order(startDate asc) ${u}
     {
         name,
         image,
@@ -10,162 +11,153 @@ const V = async () => await j.fetch(`*[_type == 'event']  | order(startDate asc)
         shortDescription,
         buttons,
         isSummerCampEvent
-    }`), X = async () => await j.fetch(`*[_type == 'board-event']  | order(startDate asc)
-    {
-        name,
-        image,
-        imageType,
-        startDate,
-        endDate,
-        shortDescription,
-        buttons,
-        isSummerCampEvent
-    }`), E = "_eventCard_17x4q_1", b = "_eventCardBody_17x4q_13", T = "_image_17x4q_27", W = "_square_17x4q_34", $ = "_eventCardTitle_17x4q_39", G = "_eventCardDate_17x4q_46", k = "_eventCardDescription_17x4q_51", H = "_eventButtons_17x4q_55", w = "_eventButton_17x4q_55", I = "_summerCamp_17x4q_140", n = {
+    }`;
+  return await N.fetch(l);
+}, E = "_eventCard_17x4q_1", T = "_eventCardBody_17x4q_13", $ = "_image_17x4q_27", b = "_square_17x4q_34", W = "_eventCardTitle_17x4q_39", G = "_eventCardDate_17x4q_46", k = "_eventCardDescription_17x4q_51", H = "_eventButtons_17x4q_55", w = "_eventButton_17x4q_55", F = "_summerCamp_17x4q_140", m = {
   eventCard: E,
-  eventCardBody: b,
-  image: T,
-  square: W,
-  eventCardTitle: $,
+  eventCardBody: T,
+  image: $,
+  square: b,
+  eventCardTitle: W,
   eventCardDate: G,
   eventCardDescription: k,
   eventButtons: H,
   eventButton: w,
-  summerCamp: I
-}, C = ({
+  summerCamp: F
+}, _ = ({
   name: t,
   image: a,
-  imageType: d,
-  startDate: m,
-  endDate: _,
-  shortDescription: v,
-  buttons: u,
-  loading: f,
-  containerStyle: i,
+  imageType: n,
+  startDate: r,
+  endDate: v,
+  shortDescription: u,
+  buttons: l,
+  loading: j,
+  containerStyle: c,
   isSummerCampEvent: o
 }) => {
-  const l = L(m, _);
-  return /* @__PURE__ */ e.jsx(g, { baseColor: "#dcdcdc", children: /* @__PURE__ */ e.jsxs(
+  const p = I(r, v);
+  return /* @__PURE__ */ e.jsx(M, { baseColor: "#dcdcdc", children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: h(
-        n.eventCard,
-        o && n.summerCamp
+      className: f(
+        m.eventCard,
+        o && m.summerCamp
       ),
-      style: { ...i },
+      style: { ...c },
       children: [
         a ? /* @__PURE__ */ e.jsx(
           "img",
           {
-            src: N(a).height(400).url(),
-            className: h(
-              n.image,
-              d === "square" && n.square
+            src: y(a).height(400).url(),
+            className: f(
+              m.image,
+              n === "square" && m.square
             ),
             crossOrigin: "anonymous",
             alt: ""
           }
-        ) : /* @__PURE__ */ e.jsx("div", { className: n.image, children: /* @__PURE__ */ e.jsx(
-          p,
+        ) : /* @__PURE__ */ e.jsx("div", { className: m.image, children: /* @__PURE__ */ e.jsx(
+          x,
           {
             height: 400,
             style: { lineHeight: "normal" }
           }
         ) }),
-        /* @__PURE__ */ e.jsxs("div", { className: n.eventCardBody, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: m.eventCardBody, children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx("h3", { className: n.eventCardTitle, children: t || /* @__PURE__ */ e.jsx(p, {}) }),
-            /* @__PURE__ */ e.jsx("div", { className: n.eventCardDate, children: l || /* @__PURE__ */ e.jsx(p, {}) })
+            /* @__PURE__ */ e.jsx("h3", { className: m.eventCardTitle, children: t || /* @__PURE__ */ e.jsx(x, {}) }),
+            /* @__PURE__ */ e.jsx("div", { className: m.eventCardDate, children: p || /* @__PURE__ */ e.jsx(x, {}) })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: n.eventCardDescription, children: v ? /* @__PURE__ */ e.jsx(S, { value: v }) : /* @__PURE__ */ e.jsx(p, { count: 7 }) }),
-          /* @__PURE__ */ e.jsx("div", { className: n.eventButtons, children: u ? u.map(({ url: s, text: r, _key: y }) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: m.eventCardDescription, children: u ? /* @__PURE__ */ e.jsx(S, { value: u }) : /* @__PURE__ */ e.jsx(x, { count: 7 }) }),
+          /* @__PURE__ */ e.jsx("div", { className: m.eventButtons, children: l ? l.map(({ url: s, text: i, _key: h }) => /* @__PURE__ */ e.jsx(
             "a",
             {
               href: s,
-              className: n.eventButton,
-              children: /* @__PURE__ */ e.jsx("div", { children: r })
+              className: m.eventButton,
+              children: /* @__PURE__ */ e.jsx("div", { children: i })
             },
-            y
-          )) : f && /* @__PURE__ */ e.jsx(p, { className: n.eventButton }) })
+            h
+          )) : j && /* @__PURE__ */ e.jsx(x, { className: m.eventButton }) })
         ] })
       ]
     }
   ) });
 };
-function L(t, a) {
+function I(t, a) {
   if (!t || !a) return null;
-  const d = new Date(t), m = new Date(a);
-  return q(d, m) ? x(d, "MMMM d") : D(d, m) ? x(d, "MMMM d") + " – " + x(m, "d") : x(d, "MMMM d") + " – " + x(m, "MMMM d");
+  const n = new Date(t), r = new Date(a);
+  return g(n, r) ? C(n, "MMMM d") : q(n, r) ? C(n, "MMMM d") + " – " + C(r, "d") : C(n, "MMMM d") + " – " + C(r, "MMMM d");
 }
-const F = "_eventsContainer_1fuij_1", R = "_eventsHeader_1fuij_11", P = "_eventsList_1fuij_28", O = "_eventWrapper_1fuij_34", z = "_summerCampGroup_1fuij_38", J = "_summerCampTitle_1fuij_50", K = "_empty_1fuij_60", c = {
-  eventsContainer: F,
-  eventsHeader: R,
-  eventsList: P,
+const L = "_eventsContainer_1fuij_1", P = "_eventsHeader_1fuij_11", R = "_eventsList_1fuij_28", O = "_eventWrapper_1fuij_34", z = "_summerCampGroup_1fuij_38", J = "_summerCampTitle_1fuij_50", K = "_empty_1fuij_60", d = {
+  eventsContainer: L,
+  eventsHeader: P,
+  eventsList: R,
   eventWrapper: O,
   summerCampGroup: z,
   summerCampTitle: J,
   empty: K
-}, Y = ({
+}, X = ({
   events: t,
   loading: a,
-  className: d,
-  title: m = "What's going on at Camp?",
-  headerActions: _,
-  groupSummerCampEvents: v = !1
+  className: n,
+  title: r = "What's going on at Camp?",
+  headerActions: v,
+  groupSummerCampEvents: u = !1
 }) => {
-  const u = M.useMemo(() => {
+  const l = D.useMemo(() => {
     if (!t) return [];
-    if (!v)
-      return t.map((s, r) => ({ isSummerCamp: !1, events: [s], startIndex: r }));
-    const i = t.filter((s) => s.isSummerCampEvent), o = t.findIndex((s) => s.isSummerCampEvent);
-    if (i.length === 0)
-      return t.map((s, r) => ({ isSummerCamp: !1, events: [s], startIndex: r }));
-    let l = !1;
-    return t.flatMap((s, r) => s.isSummerCampEvent ? l ? [] : (l = !0, [{ isSummerCamp: !0, events: i, startIndex: o }]) : [{ isSummerCamp: !1, events: [s], startIndex: r }]);
-  }, [t, v]), f = u.findIndex((i) => i.isSummerCamp);
-  return /* @__PURE__ */ e.jsxs("div", { className: `${c.eventsContainer} ${d || ""}`, children: [
-    (m || _) && /* @__PURE__ */ e.jsxs("div", { className: c.eventsHeader, children: [
-      m && /* @__PURE__ */ e.jsx("h1", { children: m }),
-      _
+    if (!u)
+      return t.map((s, i) => ({ isSummerCamp: !1, events: [s], startIndex: i }));
+    const c = t.filter((s) => s.isSummerCampEvent), o = t.findIndex((s) => s.isSummerCampEvent);
+    if (c.length === 0)
+      return t.map((s, i) => ({ isSummerCamp: !1, events: [s], startIndex: i }));
+    let p = !1;
+    return t.flatMap((s, i) => s.isSummerCampEvent ? p ? [] : (p = !0, [{ isSummerCamp: !0, events: c, startIndex: o }]) : [{ isSummerCamp: !1, events: [s], startIndex: i }]);
+  }, [t, u]), j = l.findIndex((c) => c.isSummerCamp);
+  return /* @__PURE__ */ e.jsxs("div", { className: `${d.eventsContainer} ${n || ""}`, children: [
+    (r || v) && /* @__PURE__ */ e.jsxs("div", { className: d.eventsHeader, children: [
+      r && /* @__PURE__ */ e.jsx("h1", { children: r }),
+      v
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: c.eventsList, children: a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: c.eventWrapper, children: /* @__PURE__ */ e.jsx(C, { loading: a }, "loading-1") }),
-      /* @__PURE__ */ e.jsx("div", { className: c.eventWrapper, children: /* @__PURE__ */ e.jsx(C, { loading: a }, "loading-2") }),
-      /* @__PURE__ */ e.jsx("div", { className: c.eventWrapper, children: /* @__PURE__ */ e.jsx(C, { loading: a }, "loading-3") })
-    ] }) : u.length > 0 ? u.map((i, o) => {
-      const l = o === f;
-      return i.isSummerCamp ? /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: d.eventsList, children: a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-1") }),
+      /* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-2") }),
+      /* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(_, { loading: a }, "loading-3") })
+    ] }) : l.length > 0 ? l.map((c, o) => {
+      const p = o === j;
+      return c.isSummerCamp ? /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: c.summerCampGroup,
-          id: l ? "summer-camp" : void 0,
+          className: d.summerCampGroup,
+          id: p ? "summer-camp" : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("h2", { className: c.summerCampTitle, children: "🏕️ Summer Camp" }),
-            i.events.map((s, r) => /* @__PURE__ */ B.createElement(
-              C,
+            /* @__PURE__ */ e.jsx("h2", { className: d.summerCampTitle, children: "🏕️ Summer Camp" }),
+            c.events.map((s, i) => /* @__PURE__ */ B.createElement(
+              _,
               {
                 ...s,
-                key: `${o}-${r}`,
+                key: `${o}-${i}`,
                 loading: a
               }
             ))
           ]
         },
         `group-${o}`
-      ) : i.events.map((s, r) => /* @__PURE__ */ e.jsx("div", { className: c.eventWrapper, children: /* @__PURE__ */ e.jsx(
-        C,
+      ) : c.events.map((s, i) => /* @__PURE__ */ e.jsx("div", { className: d.eventWrapper, children: /* @__PURE__ */ e.jsx(
+        _,
         {
           ...s,
           loading: a
         }
-      ) }, `${o}-${r}`));
-    }) : /* @__PURE__ */ e.jsxs("div", { className: c.empty, children: [
+      ) }, `${o}-${i}`));
+    }) : /* @__PURE__ */ e.jsxs("div", { className: d.empty, children: [
       /* @__PURE__ */ e.jsx("img", { src: "https://d2114hmso7dut1.cloudfront.net/customers/096355b6-1a03-11eb-a9c3-0614187498c1/sites/096f9d4e-1a03-11eb-b2dd-0614187498c1/files/67900ba0-5f83-11eb-9222-e3d4d8baf1a9/original/file.png?t=1611630366" }),
       "No upcoming events. Check back later!"
     ] }) })
   ] });
 };
 export {
-  Y as E,
-  X as a,
+  X as E,
   V as f
 };

package/dist/calendar.widget.js

@@ -1,7 +1,7 @@
-import { j as t, r as o, c as l, R as i } from "./vendor.js";
-import { E, f as d } from "./EventContainer.js";
-const p = "_summerEventsButton_qc18l_2", f = {
-  summerEventsButton: p
+import { j as t, r as o, c as u, R as i } from "./vendor.js";
+import { E as l, f as E } from "./EventContainer.js";
+const d = "_summerEventsButton_qc18l_2", p = {
+  summerEventsButton: d
 }, v = ({
   events: e,
   loading: s
@@ -9,7 +9,7 @@ const p = "_summerEventsButton_qc18l_2", f = {
   const n = e?.some((r) => r.isSummerCampEvent) ? /* @__PURE__ */ t.jsxs(
     "a",
     {
-      className: f.summerEventsButton,
+      className: p.summerEventsButton,
       href: "#summer-camp",
       children: [
         /* @__PURE__ */ t.jsx("span", { children: "🏕️" }),
@@ -18,7 +18,7 @@ const p = "_summerEventsButton_qc18l_2", f = {
     }
   ) : null;
   return /* @__PURE__ */ t.jsx(
-    E,
+    l,
     {
       events: e,
       loading: s,
@@ -27,28 +27,30 @@ const p = "_summerEventsButton_qc18l_2", f = {
       groupSummerCampEvents: !0
     }
   );
-}, h = ({ className: e }) => {
-  const [s, c] = o.useState([]), [n, r] = o.useState(!0);
+}, f = () => {
+  const [e, s] = o.useState([]), [c, n] = o.useState(!0);
   return o.useEffect(() => {
-    async function u() {
+    async function r() {
       try {
-        const a = await d();
-        c(a);
+        const a = await E({
+          includePassedEvents: !0
+        });
+        s(a);
       } catch (a) {
         console.error(a);
       } finally {
-        r(!1);
+        n(!1);
       }
     }
-    u();
+    r();
   }, []), /* @__PURE__ */ t.jsx(
     v,
     {
-      events: s,
-      loading: n
+      events: e,
+      loading: c
     }
   );
 }, m = document.getElementById("camp-calendar");
-m && l.createRoot(m).render(
-  /* @__PURE__ */ t.jsx(i.StrictMode, { children: /* @__PURE__ */ t.jsx(h, {}) })
+m && u.createRoot(m).render(
+  /* @__PURE__ */ t.jsx(i.StrictMode, { children: /* @__PURE__ */ t.jsx(f, {}) })
 );

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@campphillip/widgets",
-    "version": "4.0.9",
+    "version": "4.0.10",
     "description": "",
     "sideEffects": false,
     "type": "module",