@churchapps/apphelper 0.6.25 → 0.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlPreview.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/HtmlPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWvC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const HtmlPreview = (props) => {
+    return (_jsx("div", { style: {
+            textAlign: props.textAlign,
+            position: "relative"
+        }, dangerouslySetInnerHTML: { __html: props.value || "" }, "data-element-id": props.element?.id }));
+};
+//# sourceMappingURL=HtmlPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlPreview.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/HtmlPreview.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpD,OAAO,CACL,cACE,KAAK,EAAE;YACL,SAAS,EAAE,KAAK,CAAC,SAAgB;YACjC,QAAQ,EAAE,UAAU;SACrB,EACD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,qBACrC,KAAK,CAAC,OAAO,EAAE,EAAE,GAClC,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ElementInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+}
+export declare function IframeElement({ element }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IframeElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/IframeElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CAa/C"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleHelper } from "../../helpers/StyleHelper";
+export function IframeElement({ element }) {
+    return (_jsx("div", { style: { display: "flex", ...StyleHelper.getStyles(element) }, children: _jsx("iframe", { src: element.answers?.iframeSrc || "", height: element.answers?.iframeHeight || "1000", width: "100%", style: { border: "none", backgroundColor: "#FFFFFF" }, id: "el-" + element.id }) }));
+}
+//# sourceMappingURL=IframeElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/IframeElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAS;IAE9C,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,YAChE,iBACE,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,IAAI,EAAE,EACrC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,YAAY,IAAI,MAAM,EAC/C,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,EACrD,EAAE,EAAE,KAAK,GAAG,OAAO,CAAC,EAAE,GACtB,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ElementInterface, SectionInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    onEdit?: (section: SectionInterface | null, element: ElementInterface) => void;
+}
+export declare const ImageElement: ({ element }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/ImageElement.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,YAAY,GAAI,aAAa,KAAK,4CAiG9C,CAAC"}

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

@@ -0,0 +1,67 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import ReactDOM from "react-dom";
+export const ImageElement = ({ element }) => {
+    const [lightboxOpen, setLightboxOpen] = useState(false);
+    const imageAlign = element.answers?.imageAlign;
+    const isNoResize = element.answers?.noResize === "true";
+    const imageUrl = element.answers?.photo;
+    const linkUrl = element.answers?.url;
+    const enableLightbox = element.answers?.enableLightbox === "true" && !linkUrl;
+    const closeLightbox = useCallback(() => { setLightboxOpen(false); }, []);
+    useEffect(() => {
+        if (!lightboxOpen)
+            return;
+        const originalOverflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        const handleKey = (e) => { if (e.key === "Escape")
+            closeLightbox(); };
+        document.addEventListener("keydown", handleKey);
+        return () => {
+            document.body.style.overflow = originalOverflow;
+            document.removeEventListener("keydown", handleKey);
+        };
+    }, [lightboxOpen, closeLightbox]);
+    const wrapperStyle = {};
+    const imgTagStyles = {};
+    let linkTagStyles = {};
+    const imageClassName = isNoResize ? "no-resize" : "";
+    if (imageAlign === "center") {
+        const centerBlockStyles = {
+            display: "block",
+            marginLeft: "auto",
+            marginRight: "auto"
+        };
+        if (linkUrl) {
+            linkTagStyles = { ...centerBlockStyles };
+            imgTagStyles.display = "block";
+        }
+        else {
+            Object.assign(imgTagStyles, centerBlockStyles);
+        }
+    }
+    else if (imageAlign === "right") {
+        wrapperStyle.textAlign = "right";
+    }
+    else {
+        wrapperStyle.textAlign = "left";
+    }
+    if (enableLightbox) {
+        imgTagStyles.cursor = "pointer";
+    }
+    let photoDisplayContent = _jsx(_Fragment, {});
+    if (imageUrl) {
+        const imgTag = (_jsx("img", { src: imageUrl, alt: element.answers?.photoAlt || "", className: imageClassName, id: "el-" + element.id, style: imgTagStyles, onClick: enableLightbox ? () => setLightboxOpen(true) : undefined }));
+        if (linkUrl) {
+            photoDisplayContent = (_jsx("a", { target: element.answers?.external === "true" ? "_blank" : "_self", rel: "noreferrer noopener", href: linkUrl, style: linkTagStyles, children: imgTag }));
+        }
+        else {
+            photoDisplayContent = imgTag;
+        }
+    }
+    const lightboxModal = lightboxOpen && imageUrl
+        ? ReactDOM.createPortal(_jsxs("div", { className: "b1-lightbox", onClick: closeLightbox, role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", children: [_jsx("button", { className: "b1-lightbox__close", onClick: closeLightbox, "aria-label": "Close lightbox", children: "\u00D7" }), _jsx("img", { src: imageUrl, alt: element.answers?.photoAlt || "", onClick: (e) => e.stopPropagation() })] }), document.body)
+        : null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: wrapperStyle, children: photoDisplayContent }), lightboxModal] }));
+};
+//# sourceMappingURL=ImageElement.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { ElementInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    churchSettings: any;
+    textColor: string;
+}
+export declare const LogoElement: React.FC<Props>;
+export {};
+//# sourceMappingURL=LogoElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/LogoElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,UAAU,KAAK;IAAG,OAAO,EAAE,gBAAgB,CAAC;IAAC,cAAc,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;CAAE;AAEtF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoBvC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AppearanceHelper } from "../../..";
+export const LogoElement = (props) => {
+    const logoUrl = (props.textColor === "light")
+        ? AppearanceHelper.getLogoDark(props.churchSettings.appearance ?? props.churchSettings, "/images/logo.png")
+        : AppearanceHelper.getLogoLight(props.churchSettings.appearance ?? props.churchSettings, "/images/logo.png");
+    const photo = (_jsx("img", { src: logoUrl, alt: props.element.answers?.photoAlt || "", className: "img-fluid", id: "el-" + props.element.id, style: { maxWidth: "100%", height: "auto", display: "block" } }));
+    const photoContent = (props.element.answers?.url) ? _jsx("a", { href: props.element.answers?.url, children: photo }) : photo;
+    return photoContent;
+};
+//# sourceMappingURL=LogoElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/LogoElement.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,CAAC,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAIpD,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;QAC3C,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,IAAI,KAAK,CAAC,cAAc,EAAE,kBAAkB,CAAC;QAC3G,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,IAAI,KAAK,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;IAE/G,MAAM,KAAK,GAAG,CACZ,cACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,IAAI,EAAE,EAC1C,SAAS,EAAC,WAAW,EACrB,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,EAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAC7D,CACH,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,YAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,YAAG,KAAK,GAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAE7G,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ElementInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+}
+export declare const MapElement: ({ element }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MapElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/MapElement.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAOD,eAAO,MAAM,UAAU,GAAI,aAAa,KAAK,4CA+C5C,CAAC"}

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

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { GoogleMap, useJsApiLoader, Marker } from "@react-google-maps/api";
+import { Loading } from "../../..";
+const containerStyle = {
+    width: "100%",
+    height: "325px"
+};
+export const MapElement = ({ element }) => {
+    const [center, setCenter] = useState();
+    useEffect(() => {
+        if (element.answers?.mapAddress) {
+            fetch(`https://maps.googleapis.com/maps/api/geocode/json?address=${element.answers.mapAddress}&key=${process.env.NEXT_PUBLIC_GOOGLE_API_KEY}`)
+                .then((res) => res.json())
+                .then((data) => setCenter(data?.results?.[0]?.geometry?.location));
+        }
+    }, [element.answers?.mapAddress]);
+    const { isLoaded } = useJsApiLoader({
+        id: "google-map-script",
+        googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_API_KEY || ""
+    });
+    return (_jsxs(_Fragment, { children: [" ", isLoaded
+                ? (_jsx(GoogleMap, { mapContainerStyle: containerStyle, center: center, zoom: element.answers?.mapZoom || 15, children: center && element.answers.mapLabel
+                        ? (_jsx(Marker, { position: center, label: {
+                                text: element.answers.mapLabel,
+                                fontWeight: "600",
+                                fontSize: "20px"
+                            } }))
+                        : null }))
+                : (_jsx(Loading, {}))] }));
+};
+//# sourceMappingURL=MapElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/MapElement.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnC,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;YAChC,KAAK,CACH,6DAA6D,OAAO,CAAC,OAAO,CAAC,UAAU,QAAQ,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,CACxI;iBACE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;iBACzB,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QACvE,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAElC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;QAClC,EAAE,EAAE,mBAAmB;QACvB,gBAAgB,EAAE,OAAO,CAAC,GAAG,CAAC,0BAA0B,IAAI,EAAE;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,8BACG,GAAG,EACH,QAAQ;gBACP,CAAC,CAAC,CACA,KAAC,SAAS,IACR,iBAAiB,EAAE,cAAc,EACjC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,IAAI,EAAE,YAEnC,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ;wBACjC,CAAC,CAAC,CACA,KAAC,MAAM,IACL,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE;gCACL,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ;gCAC9B,UAAU,EAAE,KAAK;gCACjB,QAAQ,EAAE,MAAM;6BACjB,GACD,CACH;wBACD,CAAC,CAAC,IAAI,GACE,CACb;gBACD,CAAC,CAAC,CACA,KAAC,OAAO,KAAG,CACZ,IACF,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ElementInterface, SectionInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    onEdit?: (section: SectionInterface | null, element: ElementInterface) => void;
+}
+export declare const RawHTMLElement: ({ element, onEdit }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RawHTMLElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RawHTMLElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/RawHTMLElement.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC/E;AAED,eAAO,MAAM,cAAc,GAAI,qBAAqB,KAAK,4CAuBxD,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+export const RawHTMLElement = ({ element, onEdit }) => {
+    const emptyStyle = { minHeight: 50 };
+    const insertJavascript = () => {
+        if (window && element.answers.javascript) {
+            const script = document.createElement("script");
+            script.id = "script-" + element.id;
+            script.innerHTML = element.answers.javascript;
+            const existing = document.getElementById(script.id);
+            if (existing)
+                existing.innerHTML = script.innerHTML;
+            //existing.parentNode.removeChild(existing);
+            else
+                document.body.appendChild(script);
+        }
+    };
+    useEffect(insertJavascript, [element.answers.javascript]);
+    return (_jsx(_Fragment, { children: _jsx("div", { dangerouslySetInnerHTML: { __html: element.answers.rawHTML || "" }, style: (!onEdit ? {} : emptyStyle) }) }));
+};
+//# sourceMappingURL=RawHTMLElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RawHTMLElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/RawHTMLElement.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE;IAE3D,MAAM,UAAU,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;IAErC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;YACnC,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;YAC9C,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACpD,IAAI,QAAQ;gBAAE,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;YACpD,4CAA4C;;gBACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAI,GAC9G,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ElementInterface, SectionInterface } from "../../helpers";
+import type { ChurchInterface } from "@churchapps/helpers";
+interface Props {
+    element: ElementInterface;
+    churchSettings: any;
+    textColor: string;
+    onEdit?: (section: SectionInterface | null, element: ElementInterface) => void;
+    onMove?: () => void;
+    church?: ChurchInterface;
+}
+export declare function RowElement(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RowElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/RowElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,UAAU,KAAK;IAAG,OAAO,EAAE,gBAAgB,CAAC;IAAC,cAAc,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,eAAe,CAAA;CAAE;AAEpN,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,2CAqEtC"}

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

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DroppableArea } from "../admin/DroppableArea";
+import { Element } from "../Element";
+import { ApiHelper } from "../../..";
+export function RowElement(props) {
+    const handleDrop = (data, sort, column) => {
+        if (data.data) {
+            const element = data.data;
+            element.sort = sort;
+            element.parentId = column.id;
+            ApiHelper.post("/elements", [element], "ContentApi").then(() => { if (props.onMove)
+                props.onMove(); });
+        }
+        else {
+            const element = { sectionId: props.element.sectionId, elementType: data.elementType, sort, parentId: column.id, blockId: props.element.blockId };
+            if (props.onEdit)
+                props.onEdit(null, element);
+        }
+    };
+    const getAddElement = (column, s) => {
+        const sort = s;
+        return (_jsx(DroppableArea, { accept: ["element", "elementBlock"], text: "Drop here to add to row", onDrop: (data) => handleDrop(data, sort, column), dndDeps: column }, "add" + column.id));
+    };
+    const getElements = (column, elements) => {
+        const result = [];
+        if (props.onEdit)
+            result.push(getAddElement(column, 1));
+        elements?.forEach(c => {
+            result.push(_jsx(Element, { element: c, onEdit: props.onEdit, churchSettings: props.churchSettings, textColor: props.textColor, parentId: column.id, onMove: props.onMove, church: props?.church }, c.id));
+        });
+        return result;
+    };
+    const getClassName = () => {
+        if (props.onEdit)
+            return "columnWrapper";
+        else
+            return "";
+    };
+    const getColumns = () => {
+        const emptyStyle = { minHeight: 100, border: "1px solid #999" };
+        const result = [];
+        props.element.elements?.forEach((c, _idx) => {
+            const hasElements = c.elements && c.elements.length > 0;
+            // Calculate width based on column size (out of 12)
+            const colSize = c.answers?.size || 6;
+            const widthPercent = (colSize / 12) * 100;
+            const colStyle = {
+                width: `calc(${widthPercent}% - 12px)`,
+                marginRight: "12px",
+                ...(props.onEdit && !hasElements ? emptyStyle : {}),
+                ...(props.onEdit ? { overflow: "visible" } : {})
+            };
+            result.push(_jsx("div", { className: getClassName(), style: colStyle, children: _jsx("div", { style: { minHeight: "inherit" }, children: c.elements && getElements(c, c.elements) }) }, c.id));
+        });
+        return result;
+    };
+    const result = (_jsx("div", { id: "el-" + props.element.id, children: _jsx("div", { style: { display: "flex", flexWrap: "wrap" }, children: getColumns() }) }));
+    return result;
+}
+//# sourceMappingURL=RowElement.js.map

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

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

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

@@ -0,0 +1,7 @@
+interface Props {
+    churchId: string;
+    appearance: any;
+}
+export declare const SermonElement: ({ churchId, appearance }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SermonElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SermonElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/SermonElement.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,GAAI,0BAA0B,KAAK,4CA4J5D,CAAC"}

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

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Typography, Breadcrumbs, Button, Grid, Card, CardContent, Box } from "@mui/material";
+import FolderCopyIcon from "@mui/icons-material/FolderCopy";
+import TopicIcon from "@mui/icons-material/Topic";
+import LiveTvIcon from "@mui/icons-material/LiveTv";
+import { ApiHelper } from "../../..";
+import { AppearanceHelper } from "../../..";
+import { Loading } from "../../..";
+import { EnvironmentHelper } from "../../helpers/EnvironmentHelper";
+export const SermonElement = ({ churchId, appearance }) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [isActive, setIsActive] = useState("playlists");
+    const [playlists, setPlaylists] = useState([]);
+    const [activePlaylist, setActiveplaylist] = useState();
+    const [sermons, setSermons] = useState([]);
+    const [activeSermons, setActiveSermons] = useState([]);
+    const [activeVideo, setActiveVideo] = useState();
+    useEffect(() => {
+        EnvironmentHelper.init();
+        ApiHelper.getAnonymous("/playlists/public/" + churchId, "ContentApi").then((data) => {
+            setPlaylists(data);
+            setIsLoading(false);
+        });
+        ApiHelper.getAnonymous("/sermons/public/" + churchId, "ContentApi").then((data) => {
+            setSermons(data);
+        });
+    }, [churchId]);
+    const getFilteredData = (id) => {
+        if (!id)
+            return;
+        const filteredData = sermons.filter((item) => item.playlistId === id);
+        setActiveSermons(filteredData);
+    };
+    if (isLoading)
+        return _jsx(Loading, {});
+    return (_jsxs(_Fragment, { children: [_jsxs(Breadcrumbs, { children: [_jsx(Button, { size: "small", startIcon: _jsx(FolderCopyIcon, {}), variant: isActive === "playlists" ? "contained" : "text", color: isActive === "playlists" ? "primary" : "secondary", sx: { borderRadius: 3 }, onClick: () => {
+                            setIsActive("playlists");
+                        }, "data-testid": "sermon-playlists-button", children: "Playlists" }), activePlaylist?.title && (_jsx(Button, { size: "small", startIcon: _jsx(TopicIcon, {}), variant: isActive === "sermons" ? "contained" : "text", color: isActive === "sermons" ? "primary" : "secondary", sx: { borderRadius: 3 }, onClick: () => {
+                            setIsActive("sermons");
+                        }, "data-testid": "sermon-topics-button", children: activePlaylist?.title })), activeVideo?.title && (_jsx(Button, { size: "small", startIcon: _jsx(LiveTvIcon, {}), variant: isActive === "video" ? "contained" : "text", color: isActive === "video" ? "primary" : "secondary", sx: { borderRadius: 3 }, onClick: () => {
+                            setIsActive("video");
+                        }, "data-testid": "sermon-watch-button", children: activeVideo?.title }))] }), _jsxs("div", { style: { marginTop: 15 }, children: [isActive === "playlists" && (_jsx(Grid, { container: true, spacing: 3, style: { paddingBottom: 20, paddingTop: 20 }, children: playlists && Array.isArray(playlists) && playlists.map((item) => (_jsx(Grid, { size: { md: 4, xs: 12, sm: 6 }, children: _jsx(Card, { sx: { maxWidth: 635, borderRadius: 0, boxShadow: 5, cursor: "pointer" }, onClick: () => {
+                                    setActiveplaylist(item);
+                                    setIsActive("sermons");
+                                    getFilteredData(item.id);
+                                }, children: _jsxs(CardContent, { children: [_jsx(Box, { component: "img", alt: item?.title, src: item.thumbnail ? item.thumbnail : AppearanceHelper.getLogo(appearance, "/images/logo.png", "/images/logo.png", "#FFF"), height: 190, minHeight: { xs: 230, sm: "auto" }, sx: { objectFit: "cover", objectPosition: "center" } }), _jsx(Typography, { component: "h3", sx: { fontSize: "24px", fontWeight: 500, marginBottom: "2px", marginTop: "6px", color: "#333", overflowY: "hidden", maxHeight: 30 }, children: item.title })] }) }, item.id) }, item.id))) })), isActive === "sermons" && activeSermons && (_jsx(Grid, { container: true, spacing: 3, style: { paddingBottom: 20, paddingTop: 20 }, children: activeSermons && Array.isArray(activeSermons) && activeSermons.map((item) => (_jsx(Grid, { size: { md: 4, xs: 12 }, children: _jsx(Card, { sx: { maxWidth: 635, borderRadius: 0, boxShadow: 5, cursor: "pointer" }, onClick: () => {
+                                    setIsActive("video");
+                                    setActiveVideo(item);
+                                }, children: _jsxs(CardContent, { children: [_jsx(Box, { component: "img", alt: item?.title, src: item.thumbnail ? item.thumbnail : (activePlaylist?.thumbnail ? activePlaylist.thumbnail : AppearanceHelper.getLogo(appearance, "/images/logo.png", "/images/logo.png", "#FFF")), height: 190, minHeight: { xs: 230, sm: "auto" }, sx: { objectFit: "cover", objectPosition: "center" } }), _jsx(Typography, { component: "h3", sx: { fontSize: "24px", fontWeight: 500, marginBottom: "2px", marginTop: "6px", color: "#333", overflowY: "hidden", maxHeight: 30 }, children: item.title })] }) }, item.id) }, item.id))) })), isActive === "video" && activeVideo && activeVideo.videoUrl && (_jsx("div", { className: "videoWrapper", children: _jsx("iframe", { src: activeVideo.videoUrl.replace("controls=0", "controls=1"), allowFullScreen: true, style: { border: 0 } }) }))] })] }));
+};
+//# sourceMappingURL=SermonElement.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { ChurchInterface } from "@churchapps/helpers";
+import { ElementInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    churchSettings: any;
+    church: ChurchInterface;
+    editMode: boolean;
+}
+export declare const StreamElement: React.FC<Props>;
+export {};
+//# sourceMappingURL=StreamElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/StreamElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKjD,UAAU,KAAK;IAAG,OAAO,EAAE,gBAAgB,CAAC;IAAC,cAAc,EAAE,GAAG,CAAC;IAAC,MAAM,EAAC,eAAe,CAAC;IAAC,QAAQ,EAAC,OAAO,CAAA;CAAE;AAE5G,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWzC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { LiveStream } from "../video/LiveStream";
+import { ElementBlock } from "./ElementBlock";
+export const StreamElement = (props) => {
+    const mode = props.element.answers?.mode;
+    const includeInteraction = mode !== "video";
+    let offlineContent = undefined;
+    if (props.element.answers?.offlineContent === "hide")
+        offlineContent = (props.editMode) ? (_jsx(_Fragment, { children: "Offline Video Placeholder" })) : (_jsx(_Fragment, {}));
+    else if (props.element.answers?.offlineContent === "block")
+        offlineContent = _jsx(ElementBlock, { element: props.element, churchSettings: props.churchSettings, textColor: "#333333" }, props.element.id);
+    return _jsx(LiveStream, { includeHeader: false, includeInteraction: includeInteraction, keyName: props.church.subDomain || "", appearance: props.churchSettings, offlineContent: offlineContent });
+};
+//# sourceMappingURL=StreamElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/StreamElement.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;IAEtD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;IACzC,MAAM,kBAAkB,GAAG,IAAI,KAAK,OAAO,CAAC;IAG5C,IAAI,cAAc,GAAkC,SAAS,CAAC;IAC9D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,KAAK,MAAM;QAAE,cAAc,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,0DAA8B,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAK,CAAC,CAAC;SAChI,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO;QAAE,cAAc,GAAG,KAAC,YAAY,IAAwB,OAAO,EAAE,KAAK,CAAC,OAA2B,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,IAAxH,KAAK,CAAC,OAAO,CAAC,EAAE,CAA4G,CAAC;IAE7N,OAAO,KAAC,UAAU,IAAC,aAAa,EAAE,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;AAC/L,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ElementInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+}
+export declare const TableElement: ({ element }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableElement.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TableElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,GAAI,aAAa,KAAK,4CAiC9C,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";
+export const TableElement = ({ element }) => {
+    const contents = element.answers.contents || [];
+    const hasHead = element.answers.head || false;
+    const markdown = element.answers.markdown || false;
+    const appendRow = (result, rowArray, key) => {
+        const row = [];
+        for (let j = 0; j < rowArray.length; j++) {
+            if (markdown)
+                row.push(_jsx(TableCell, { children: _jsx("div", { dangerouslySetInnerHTML: { __html: rowArray[j] } }) }, j));
+            else
+                row.push(_jsx(TableCell, { children: rowArray[j] }, j));
+        }
+        result.push(_jsx(TableRow, { children: row }, key));
+    };
+    const getHead = () => {
+        const result = [];
+        if (contents.length > 0)
+            appendRow(result, contents[0], "head");
+        return (_jsx(TableHead, { children: result }));
+    };
+    const getBody = () => {
+        const result = [];
+        const startIdx = hasHead ? 1 : 0;
+        for (let i = startIdx; i < contents.length; i++)
+            appendRow(result, contents[i], i.toString());
+        return result;
+    };
+    const getTable = () => (_jsxs(Table, { size: element.answers.size, className: "pageTable", children: [hasHead && getHead(), _jsx(TableBody, { children: getBody() })] }));
+    return _jsx(_Fragment, { children: getTable() });
+};
+//# sourceMappingURL=TableElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableElement.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TableElement.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMjF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;IAChD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;IAEnD,MAAM,SAAS,GAAG,CAAC,MAA2B,EAAE,QAAiB,EAAE,GAAU,EAAE,EAAE;QAC/E,MAAM,GAAG,GAAyB,EAAE,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,IAAI,QAAQ;gBAAE,GAAG,CAAC,IAAI,CAAC,KAAC,SAAS,cAAS,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAI,IAA5D,CAAC,CAAuE,CAAC,CAAC;;gBAC5G,GAAG,CAAC,IAAI,CAAC,KAAC,SAAS,cAAU,QAAQ,CAAC,CAAC,CAAC,IAAf,CAAC,CAA2B,CAAC,CAAC;QAC9D,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAC,QAAQ,cAAY,GAAG,IAAT,GAAG,CAAkB,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAChE,OAAO,CAAC,KAAC,SAAS,cAAE,MAAM,GAAa,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9F,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,MAAC,KAAK,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAC,WAAW,aAC7E,OAAO,IAAI,OAAO,EAAE,EACrB,KAAC,SAAS,cAAE,OAAO,EAAE,GAAa,IAC5B,CAAC,CAAC;IAEV,OAAO,4BAAG,QAAQ,EAAE,GAAI,CAAC;AAC3B,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ElementInterface, SectionInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    onEdit?: (section: SectionInterface | null, element: ElementInterface) => void;
+}
+export declare const TextOnly: React.FC<Props>;
+export {};
+//# sourceMappingURL=TextOnly.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextOnly.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TextOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,UAAU,KAAK;IAAG,OAAO,EAAE,gBAAgB,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAAE;AAE9H,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BpC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HtmlPreview } from "./HtmlPreview";
+export const TextOnly = (props) => {
+    const textContent = props.element.answers?.text || "";
+    const textAlign = props.element.answers?.textAlignment;
+    // If in edit mode, use the HtmlPreview with editor
+    if (props?.onEdit) {
+        return (_jsx("div", { id: "el-" + props.element.id, className: "elTextWithPhoto", children: _jsx(HtmlPreview, { value: textContent, textAlign: textAlign, element: props.element, showFloatingEditor: true, onEdit: props.onEdit }) }));
+    }
+    // For display mode, render HTML directly
+    return (_jsx("div", { id: "el-" + props.element.id, className: "elTextWithPhoto", style: { textAlign: textAlign }, dangerouslySetInnerHTML: { __html: textContent } }));
+};
+//# sourceMappingURL=TextOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextOnly.js","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TextOnly.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,CAAC,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,CAAC;IAEvD,mDAAmD;IACnD,IAAI,KAAK,EAAE,MAAM,EAAE,CAAC;QAClB,OAAO,CACL,cAAK,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAC,iBAAiB,YAC5D,KAAC,WAAW,IACV,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,kBAAkB,QAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,GACE,CACP,CAAC;IACJ,CAAC;IAED,yCAAyC;IACzC,OAAO,CACL,cACE,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,EAC5B,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,SAAS,EAAE,SAAgB,EAAE,EACtC,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAChD,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ElementInterface, SectionInterface } from "../../helpers";
+interface Props {
+    element: ElementInterface;
+    onEdit?: (section: SectionInterface | null, element: ElementInterface) => void;
+}
+export declare const TextWithPhoto: React.FC<Props>;
+export {};
+//# sourceMappingURL=TextWithPhoto.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithPhoto.d.ts","sourceRoot":"","sources":["../../../../src/website/components/elementTypes/TextWithPhoto.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,UAAU,KAAK;IAAG,OAAO,EAAE,gBAAgB,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAAE;AAE9H,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuDzC,CAAC"}