@churchapps/apphelper 0.17.6 → 0.18.0

package/dist/website/components/elementTypes/TestimonialElement.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+const QuoteCard = ({ quote }) => (_jsxs("blockquote", { className: "testimonial-quote", style: { margin: 0, textAlign: "center" }, children: [_jsx("p", { className: "testimonial-text", children: quote.text }), _jsxs("footer", { className: "testimonial-author", children: [quote.photoUrl && _jsx("img", { src: quote.photoUrl, alt: quote.author || "", className: "testimonial-photo", loading: "lazy", decoding: "async" }), _jsx("cite", { className: "testimonial-name", children: quote.author }), quote.role && _jsx("span", { className: "testimonial-role", children: quote.role })] })] }));
+export const TestimonialElement = ({ element, onEdit }) => {
+    const quotes = Array.isArray(element.answers?.quotes) ? element.answers.quotes : [];
+    const rotate = element.answers?.displayMode === "rotate" && quotes.length > 1;
+    const [index, setIndex] = useState(0);
+    const [fade, setFade] = useState(true);
+    const reduce = useRef(false);
+    useEffect(() => { reduce.current = prefersReducedMotion(); }, []);
+    useEffect(() => {
+        if (!rotate)
+            return;
+        const interval = setInterval(() => {
+            if (reduce.current) {
+                setIndex((i) => (i + 1) % quotes.length);
+                return;
+            }
+            setFade(false);
+            setTimeout(() => { setIndex((i) => (i + 1) % quotes.length); setFade(true); }, 400);
+        }, 7000);
+        return () => clearInterval(interval);
+    }, [rotate, quotes.length]);
+    if (quotes.length === 0) {
+        if (onEdit)
+            return _jsx("div", { className: "testimonial-empty", children: "Testimonial: add quotes to get started" });
+        return null;
+    }
+    if (rotate) {
+        return (_jsx("div", { id: "el-" + element.id, className: "testimonial", children: _jsx("div", { style: { opacity: fade ? 1 : 0, transition: "opacity 0.4s ease" }, children: _jsx(QuoteCard, { quote: quotes[index] }) }) }));
+    }
+    return (_jsx("div", { id: "el-" + element.id, className: "testimonial", children: quotes.map((quote, i) => _jsx(QuoteCard, { quote: quote }, i)) }));
+};
+//# sourceMappingURL=TestimonialElement.js.map

package/dist/website/components/elementTypes/TestimonialElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestimonialElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TestimonialElement.tsx"],"names":[],"mappings":"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"}

package/dist/website/components/elementTypes/index.d.ts

@@ -1,13 +1,17 @@
 export * from "./BoxElement";
 export * from "./ButtonLink";
 export * from "./CalendarElement";
+export * from "./CampaignProgressElement";
 export * from "./CardElement";
 export * from "./CarouselElement";
+export * from "./CountdownElement";
 export * from "./DonateLinkElement";
 export * from "./ElementBlock";
 export * from "./FaqElement";
 export * from "./FormElement";
+export * from "./GalleryElement";
 export * from "./GroupListElement";
+export * from "./IconFeatureElement";
 export * from "./HtmlPreview";
 export * from "./IframeElement";
 export * from "./ImageElement";
@@ -16,8 +20,13 @@ export * from "./MapElement";
 export * from "./RawHTMLElement";
 export * from "./RowElement";
 export * from "./SermonElement";
+export * from "./ServiceTimesElement";
+export * from "./SocialIconsElement";
+export * from "./StaffGridElement";
+export * from "./StatsElement";
 export * from "./StreamElement";
 export * from "./TableElement";
+export * from "./TestimonialElement";
 export * from "./TextOnly";
 export * from "./TextWithPhoto";
 export * from "./VideoElement";

package/dist/website/components/elementTypes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/website/components/elementTypes/index.js

@@ -1,13 +1,17 @@
 export * from "./BoxElement";
 export * from "./ButtonLink";
 export * from "./CalendarElement";
+export * from "./CampaignProgressElement";
 export * from "./CardElement";
 export * from "./CarouselElement";
+export * from "./CountdownElement";
 export * from "./DonateLinkElement";
 export * from "./ElementBlock";
 export * from "./FaqElement";
 export * from "./FormElement";
+export * from "./GalleryElement";
 export * from "./GroupListElement";
+export * from "./IconFeatureElement";
 export * from "./HtmlPreview";
 export * from "./IframeElement";
 export * from "./ImageElement";
@@ -16,8 +20,13 @@ export * from "./MapElement";
 export * from "./RawHTMLElement";
 export * from "./RowElement";
 export * from "./SermonElement";
+export * from "./ServiceTimesElement";
+export * from "./SocialIconsElement";
+export * from "./StaffGridElement";
+export * from "./StatsElement";
 export * from "./StreamElement";
 export * from "./TableElement";
+export * from "./TestimonialElement";
 export * from "./TextOnly";
 export * from "./TextWithPhoto";
 export * from "./VideoElement";

package/dist/website/components/elementTypes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/website/components/index.d.ts

@@ -1,5 +1,8 @@
+export * from "./AnnouncementBanner";
 export * from "./Element";
 export * from "./ElementRegistry";
+export * from "./Launcher";
+export * from "./SectionDivider";
 export * from "./elementTypes";
 export * from "./eventCalendar";
 export * from "./admin";

package/dist/website/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/website/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/website/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}

package/dist/website/components/index.js

@@ -1,5 +1,8 @@
+export * from "./AnnouncementBanner";
 export * from "./Element";
 export * from "./ElementRegistry";
+export * from "./Launcher";
+export * from "./SectionDivider";
 export * from "./elementTypes";
 export * from "./eventCalendar";
 export * from "./admin";

package/dist/website/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/website/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/website/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}

package/dist/website/styles/pages.css

@@ -825,3 +825,124 @@ code {
 @media (max-width: 767px) {
   .hiddenOnMobile { display: none !important; }
 }
+
+/* iconFeature */
+.iconFeature h3 { margin-top: 8px; }
+
+/* gallery */
+.gallery-caption { font-size: 0.85rem; padding: 4px 2px; opacity: 0.85; }
+.gallery-empty,
+.testimonial-empty,
+.social-icons-empty,
+.stats-empty,
+.campaign-empty,
+.staff-empty,
+.service-times-empty {
+  padding: 24px;
+  border: 1px dashed #bbb;
+  border-radius: 4px;
+  text-align: center;
+  color: #888;
+}
+.gallery-lightbox { position: relative; display: flex; flex-direction: column; align-items: center; }
+.gallery-lightbox__img { max-width: 92vw; max-height: 88vh; object-fit: contain; }
+.gallery-lightbox__caption { color: #fff; margin-top: 12px; text-align: center; }
+.gallery-lightbox__close { position: absolute !important; top: -48px; right: 0; }
+.gallery-lightbox__prev { position: absolute !important; left: -56px; top: 50%; transform: translateY(-50%); }
+.gallery-lightbox__next { position: absolute !important; right: -56px; top: 50%; transform: translateY(-50%); }
+@media (max-width: 767px) {
+  .gallery-lightbox__prev { left: 0; }
+  .gallery-lightbox__next { right: 0; }
+}
+
+/* testimonial */
+.testimonial-quote { padding: 16px 24px; }
+.testimonial-text { font-size: 1.25rem; font-style: italic; line-height: 1.5; }
+.testimonial-author { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 12px; }
+.testimonial-photo { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
+.testimonial-name { font-weight: 600; font-style: normal; }
+.testimonial-role { font-size: 0.85rem; opacity: 0.75; }
+
+/* countdown */
+.countdown { text-align: center; }
+.countdown-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; }
+.countdown-tiles { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
+.countdown-tile { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 12px 8px; border-radius: 6px; background: rgba(0, 0, 0, 0.06); }
+.countdown-value { font-size: 2rem; font-weight: 700; line-height: 1; }
+.countdown-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.7; margin-top: 4px; }
+.countdown-complete { font-size: 1.5rem; font-weight: 700; }
+
+/* stats */
+.stats { text-align: center; }
+.stat-value { font-size: 2.5rem; font-weight: 700; line-height: 1.1; }
+.stat-label { font-size: 0.9rem; opacity: 0.75; margin-top: 4px; }
+
+/* section dividers */
+.sectionWithDivider { position: relative; overflow: hidden; }
+.sectionDivider { position: absolute; left: 0; width: 100%; line-height: 0; pointer-events: none; overflow: hidden; z-index: 1; }
+.sectionDivider svg { display: block; width: 100%; height: 100%; }
+
+/* sermons layouts (grid / list / featuredLatest) */
+.sermonGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; padding: 20px 0; }
+.sermonList { display: flex; flex-direction: column; gap: 16px; padding: 20px 0; }
+.sermonListItem { display: flex; gap: 16px; align-items: center; cursor: pointer; }
+.sermonCard { cursor: pointer; }
+.sermonFeatured { cursor: pointer; max-width: 960px; margin: 20px auto; }
+.sermonThumb { position: relative; overflow: hidden; }
+.sermonThumb img { display: block; width: 100%; height: 190px; object-fit: cover; object-position: center; }
+.sermonThumbList { width: 220px; flex-shrink: 0; }
+.sermonThumbList img { height: 124px; }
+.sermonThumbFeatured img { height: 420px; }
+.sermonPlayIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0.9; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5)); }
+.sermonListBody { flex: 1; min-width: 0; }
+.sermonCardTitle { font-size: 20px; font-weight: 500; margin: 8px 0 2px; color: #333; }
+.sermonFeaturedTitle { font-size: 32px; font-weight: 600; margin: 12px 0 4px; color: #333; }
+.sermonCardDate { font-size: 0.85rem; opacity: 0.7; }
+.sermonListDesc { font-size: 0.9rem; opacity: 0.8; margin: 6px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+
+/* campaignProgress */
+.campaignProgress { max-width: 720px; }
+.campaign-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 8px; }
+.campaign-bar { height: 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.1); overflow: hidden; }
+.campaign-bar-fill { height: 100%; border-radius: 10px; background: var(--accent, #1565c0); transition: width 1.2s ease; }
+.campaign-percent { font-size: 1.5rem; font-weight: 700; margin-top: 8px; }
+.campaign-amounts { opacity: 0.85; }
+.campaign-count { font-size: 0.85rem; opacity: 0.7; margin-top: 2px; }
+.campaign-give { display: inline-block; margin-top: 12px; padding: 8px 20px; border-radius: 4px; background: var(--accent, #1565c0); color: #fff; text-decoration: none; }
+
+/* staffGrid */
+.staff-card { text-align: center; }
+.staff-photo { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; margin: 0 auto; display: block; }
+.staff-photo--placeholder { background: rgba(0, 0, 0, 0.08); }
+.staff-name { font-weight: 600; margin-top: 10px; }
+.staff-role { display: inline-block; margin-top: 4px; padding: 2px 10px; border-radius: 12px; font-size: 0.75rem; background: rgba(0, 0, 0, 0.08); }
+
+/* serviceTimes */
+.service-times-title { margin: 0 0 12px; }
+.service-group { margin-bottom: 16px; }
+.service-name { font-weight: 600; font-size: 1.1rem; }
+.service-campus { font-size: 0.85rem; opacity: 0.7; }
+.service-time-list { list-style: none; padding: 0; margin: 6px 0 0; }
+.service-time { padding: 2px 0; opacity: 0.9; }
+
+/* announcement banner */
+.announcement-banner { position: sticky; top: 0; z-index: 1250; width: 100%; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 10px 48px; text-align: center; box-sizing: border-box; }
+.announcement-banner__text { font-weight: 500; }
+.announcement-banner__link { text-decoration: underline; font-weight: 600; white-space: nowrap; }
+.announcement-banner__close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 24px; line-height: 1; cursor: pointer; padding: 4px 8px; opacity: 0.85; }
+.announcement-banner__close:hover { opacity: 1; }
+
+/* launcher (floating action hub) */
+.launcher { position: fixed; bottom: 24px; z-index: 1300; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
+.launcher--bottomRight { right: 24px; align-items: flex-end; }
+.launcher--bottomLeft { left: 24px; align-items: flex-start; }
+.launcher-actions { display: flex; flex-direction: column; gap: 10px; }
+.launcher--bottomLeft .launcher-actions { align-items: flex-start; }
+.launcher--bottomRight .launcher-actions { align-items: flex-end; }
+.launcher-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 22px; background: #fff; color: #333; text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); opacity: 0; transform: translateY(12px) scale(0.9); pointer-events: none; transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
+.launcher[data-open="true"] .launcher-action { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
+.launcher-action-label { font-weight: 500; white-space: nowrap; }
+.launcher-fab { width: 56px; height: 56px; border-radius: 50%; border: none; color: #fff; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; align-self: flex-end; }
+.launcher--bottomLeft .launcher-fab { align-self: flex-start; }
+.launcher-fab-icon { transition: transform 0.25s ease; }
+.launcher[data-open="true"] .launcher-fab-icon { transform: rotate(135deg); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.17.6",
+  "version": "0.18.0",
   "description": "Library of helper functions, components, and feature modules (donations/forms/login/markdown/website) for React and NextJS ChurchApps",
   "type": "module",
   "main": "dist/index.js",
@@ -138,7 +138,7 @@
     "slug": "^11.0.0"
   },
   "devDependencies": {
-    "@churchapps/helpers": "^1.8.4",
+    "@churchapps/helpers": "^1.9.0",
     "@eslint/js": "^10.0.1",
     "@stripe/react-stripe-js": "^3.10.0",
     "@stripe/stripe-js": "^7.9.0",