@churchapps/apphelper 0.6.25 → 0.7.0

package/dist/website/components/Element.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DroppableArea } from "./admin/DroppableArea";
+import { TextOnly } from "./elementTypes/TextOnly";
+import { TextWithPhoto } from "./elementTypes/TextWithPhoto";
+import { IframeElement } from "./elementTypes/IframeElement";
+import { ButtonLink } from "./elementTypes/ButtonLink";
+import { VideoElement } from "./elementTypes/VideoElement";
+import { ImageElement } from "./elementTypes/ImageElement";
+import { WhiteSpaceElement } from "./elementTypes/WhiteSpaceElement";
+import { ApiHelper } from "../..";
+import { BoxElement } from "./elementTypes/BoxElement";
+import { DraggableWrapper } from "./admin/DraggableWrapper";
+import { FaqElement } from "./elementTypes/FaqElement";
+import { CardElement } from "./elementTypes/CardElement";
+import { CarouselElement } from "./elementTypes/CarouselElement";
+import { ElementBlock } from "./elementTypes/ElementBlock";
+import { LogoElement } from "./elementTypes/LogoElement";
+import { MapElement } from "./elementTypes/MapElement";
+import { RawHTMLElement } from "./elementTypes/RawHTMLElement";
+import { RowElement } from "./elementTypes/RowElement";
+import { SermonElement } from "./elementTypes/SermonElement";
+import { StreamElement } from "./elementTypes/StreamElement";
+import { DonateLinkElement } from "./elementTypes/DonateLinkElement";
+import { FormElement } from "./elementTypes/FormElement";
+import { GroupListElement } from "./elementTypes/GroupListElement";
+import { TableElement } from "./elementTypes/TableElement";
+import { CalendarElement } from "./elementTypes/CalendarElement";
+import { NonAuthDonationWrapper } from "./donate/NonAuthDonationWrapper";
+export const Element = props => {
+    const handleDrop = (data, sort) => {
+        if (data.data) { // Existing element dropped
+            const draggedElement = data.data;
+            draggedElement.sort = sort;
+            draggedElement.sectionId = props.element.sectionId;
+            draggedElement.parentId = props.element.parentId;
+            ApiHelper.post("/elements", [draggedElement], "ContentApi").then(() => { if (props.onMove)
+                props.onMove(); });
+        }
+        else { // New element dropped
+            const newElement = { sectionId: props.element.sectionId, elementType: data.elementType, sort, blockId: props.element.blockId, parentId: props.parentId };
+            if (data.blockId)
+                newElement.answersJSON = JSON.stringify({ targetBlockId: data.blockId });
+            else if (data.elementType === "row")
+                newElement.answersJSON = JSON.stringify({ columns: "6,6" });
+            if (props.onEdit)
+                props.onEdit(null, newElement);
+        }
+    };
+    const getAddElement = (s) => {
+        const sort = s;
+        return (_jsx(DroppableArea, { accept: ["element", "elementBlock"], onDrop: (data) => handleDrop(data, sort), dndDeps: props.element }));
+    };
+    const getAnimationClasses = () => {
+        if (props.element.animations?.onShow)
+            return "animated " + props.element.animations.onShow + " " + props.element.animations.onShowSpeed;
+    };
+    const getElementStyles = () => {
+        const styles = { position: "relative" };
+        const SPACING_VALUES = { "xs": 4, "sm": 8, "md": 16, "lg": 24, "xl": 32, "xxl": 48 };
+        const getSpacingValue = (token) => {
+            const px = SPACING_VALUES[token] || 0;
+            return `var(--spacing-${token}, ${px}px)`;
+        };
+        if (props.element.stylesJSON) {
+            try {
+                const parsed = JSON.parse(props.element.stylesJSON);
+                if (parsed.margin) {
+                    if (parsed.margin.top && parsed.margin.top !== "0")
+                        styles.marginTop = getSpacingValue(parsed.margin.top);
+                    if (parsed.margin.right && parsed.margin.right !== "0")
+                        styles.marginRight = getSpacingValue(parsed.margin.right);
+                    if (parsed.margin.bottom && parsed.margin.bottom !== "0")
+                        styles.marginBottom = getSpacingValue(parsed.margin.bottom);
+                    if (parsed.margin.left && parsed.margin.left !== "0")
+                        styles.marginLeft = getSpacingValue(parsed.margin.left);
+                }
+                if (parsed.padding) {
+                    if (parsed.padding.top && parsed.padding.top !== "0")
+                        styles.paddingTop = getSpacingValue(parsed.padding.top);
+                    if (parsed.padding.right && parsed.padding.right !== "0")
+                        styles.paddingRight = getSpacingValue(parsed.padding.right);
+                    if (parsed.padding.bottom && parsed.padding.bottom !== "0")
+                        styles.paddingBottom = getSpacingValue(parsed.padding.bottom);
+                    if (parsed.padding.left && parsed.padding.left !== "0")
+                        styles.paddingLeft = getSpacingValue(parsed.padding.left);
+                }
+            }
+            catch (e) {
+                console.error("Failed to parse stylesJSON:", e);
+            }
+        }
+        return styles;
+    };
+    const handleDoubleClick = (e) => {
+        if (!props.onEdit)
+            return;
+        const target = e.target;
+        const closestWrapper = target.closest(".elementWrapper");
+        // Only open edit if the closest wrapper belongs to THIS element (matches the element type)
+        if (closestWrapper && props.element.elementType && !closestWrapper.classList.contains(props.element.elementType))
+            return;
+        props.onEdit(null, props.element);
+    };
+    let result = _jsx(_Fragment, {});
+    switch (props.element.elementType) {
+        case "text":
+            result = _jsx(TextOnly, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "textWithPhoto":
+            result = _jsx(TextWithPhoto, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "box":
+            result = _jsx(BoxElement, { element: props.element, onEdit: props.onEdit, churchSettings: props.churchSettings, textColor: props.textColor, onMove: props.onMove }, props.element.id);
+            break;
+        case "iframe":
+            result = _jsx(IframeElement, { element: props.element }, props.element.id);
+            break;
+        case "buttonLink":
+            result = _jsx(ButtonLink, { element: props.element }, props.element.id);
+            break;
+        case "video":
+            result = _jsx(VideoElement, { element: props.element }, props.element.id);
+            break;
+        case "image":
+            result = _jsx(ImageElement, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "whiteSpace":
+            result = _jsx(WhiteSpaceElement, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "faq":
+            result = _jsx(FaqElement, { element: props.element, textColor: props.textColor }, props.element.id);
+            break;
+        case "card":
+            result = _jsx(CardElement, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "carousel":
+            result = _jsx(CarouselElement, { element: props.element, churchSettings: props.churchSettings, textColor: props.textColor, onEdit: props.onEdit, onMove: props.onMove }, props.element.id);
+            break;
+        case "block":
+            result = _jsx(ElementBlock, { element: props.element, churchSettings: props.churchSettings, textColor: props.textColor }, props.element.id);
+            break;
+        case "row":
+            result = _jsx(RowElement, { element: props.element, churchSettings: props.churchSettings, textColor: props.textColor, onEdit: props.onEdit, onMove: props.onMove, church: props.church }, props.element.id);
+            break;
+        case "logo":
+            result = _jsx(LogoElement, { element: props.element, churchSettings: props.churchSettings, textColor: props.textColor }, props.element.id);
+            break;
+        case "map":
+            result = _jsx(MapElement, { element: props.element }, props.element.id);
+            break;
+        case "rawHTML":
+            result = _jsx(RawHTMLElement, { element: props.element, onEdit: props.onEdit }, props.element.id);
+            break;
+        case "sermons":
+            result = _jsx(SermonElement, { churchId: props.church?.id || "", appearance: props.churchSettings }, props.element.id);
+            break;
+        case "stream":
+            if (props.church)
+                result = _jsx(StreamElement, { element: props.element, churchSettings: props.churchSettings, church: props.church, editMode: !!props.onEdit }, props.element.id);
+            break;
+        case "donation":
+            result = _jsx(NonAuthDonationWrapper, { churchId: props.church?.id ?? props.element.churchId, mainContainerCssProps: { sx: { boxShadow: "none", padding: 3 } }, showHeader: false }, props.element.id);
+            break;
+        case "donateLink":
+            result = _jsx(DonateLinkElement, { element: props.element }, props.element.id);
+            break;
+        case "form":
+            if (props.church)
+                result = _jsx(FormElement, { element: props.element, church: props.church }, props.element.id);
+            break;
+        case "groupList":
+            result = _jsx(GroupListElement, { churchId: props.church?.id || "", element: props.element }, props.element.id);
+            break;
+        case "table":
+            result = _jsx(TableElement, { element: props.element }, props.element.id);
+            break;
+        case "calendar":
+            result = _jsx(CalendarElement, { element: props.element, churchId: props.church?.id || props.element.churchId || "" }, props.element.id);
+            break;
+        default: break;
+    }
+    /*<DraggableIcon dndType="element" elementType={props.element.elementType} data={props.element} />*/
+    if (props.onEdit) {
+        const showDroppableAfter = props.element.elementType !== "row" && props.element.elementType !== "carousel";
+        result = _jsxs(_Fragment, { children: [_jsx(DraggableWrapper, { dndType: "element", elementType: props.element.elementType || "", data: props.element, onDoubleClick: handleDoubleClick, children: _jsx("div", { className: "elementWrapper " + props.element.elementType, style: {
+                            transition: "box-shadow 0.2s ease",
+                            borderRadius: "4px"
+                        }, children: result }) }), showDroppableAfter && getAddElement((props.element.sort || 0) + 0.1)] });
+        /*
+        result = <><div className={"elementWrapper " + props.element.elementType }>
+          <div className="elementActions">
+            <table style={{ float: "right" }}>
+              <tbody>
+                <tr>
+                  <td><DraggableIcon dndType="element" elementType={props.element.elementType} data={props.element} /></td>
+                  <td>
+                    <div className="elementEditButton">
+                      <SmallButton icon="edit" onClick={() => props.onEdit(null, props.element)} toolTip={props.element.elementType} />
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          {result}
+        </div>
+        {props.onEdit && getAddElement(props.element.sort + 0.1)}
+        </>
+        */
+    }
+    return _jsx("div", { style: getElementStyles(), className: getAnimationClasses(), children: result });
+};
+//# sourceMappingURL=Element.js.map

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

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

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { GlobalStyleInterface } from "../helpers";
+interface Props {
+    globalStyles?: GlobalStyleInterface;
+    appearance?: any;
+}
+export declare const Theme: React.FC<Props>;
+export {};
+//# sourceMappingURL=Theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/website/components/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmHjC,CAAC"}

package/dist/website/components/Theme.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export const Theme = (props) => {
+    const lines = [];
+    const googleFontsToLoad = [];
+    // Handle palette (backward compatible - supports both old and new format)
+    if (props.globalStyles?.palette) {
+        try {
+            const palette = JSON.parse(props.globalStyles.palette);
+            // Legacy palette colors (always include for backward compatibility)
+            lines.push("--light: " + (palette.light || "#FFFFFF") + ";");
+            lines.push("--lightAccent: " + (palette.lightAccent || "#F5F5F5") + ";");
+            lines.push("--accent: " + (palette.accent || "#E0E0E0") + ";");
+            lines.push("--darkAccent: " + (palette.darkAccent || "#757575") + ";");
+            lines.push("--dark: " + (palette.dark || "#333333") + ";");
+            // New semantic colors (with sensible defaults)
+            lines.push("--primary: " + (palette.primary || palette.accent || "#1976D2") + ";");
+            lines.push("--secondary: " + (palette.secondary || palette.darkAccent || "#424242") + ";");
+            lines.push("--success: " + (palette.success || "#4CAF50") + ";");
+            lines.push("--warning: " + (palette.warning || "#FF9800") + ";");
+            lines.push("--error: " + (palette.error || "#F44336") + ";");
+        }
+        catch (e) {
+            console.error("Failed to parse palette JSON:", e);
+        }
+    }
+    // Handle fonts (legacy format - for backward compatibility)
+    if (props.globalStyles?.fonts) {
+        try {
+            const fonts = JSON.parse(props.globalStyles.fonts);
+            lines.push("--headingFont: '" + fonts.heading + "';");
+            lines.push("--bodyFont: '" + fonts.body + "';");
+            // Add fonts to load list
+            if (fonts.heading && fonts.heading !== "Roboto")
+                googleFontsToLoad.push(fonts.heading);
+            if (fonts.body && fonts.body !== "Roboto")
+                googleFontsToLoad.push(fonts.body);
+        }
+        catch (e) {
+            console.error("Failed to parse fonts JSON:", e);
+        }
+    }
+    // Handle typography (new format - scale settings only, fonts are in legacy fonts field)
+    if (props.globalStyles?.typography) {
+        try {
+            const typography = JSON.parse(props.globalStyles.typography);
+            lines.push("--font-size-base: " + (typography.baseSize || "16") + "px;");
+            lines.push("--font-scale: " + (typography.scale || "1.25") + ";");
+            lines.push("--line-height: " + (typography.lineHeight || "1.5") + ";");
+        }
+        catch (e) {
+            console.error("Failed to parse typography JSON:", e);
+        }
+    }
+    // Handle spacing
+    if (props.globalStyles?.spacing) {
+        try {
+            const spacing = JSON.parse(props.globalStyles.spacing);
+            lines.push("--spacing-xs: " + (spacing.xs || "4px") + ";");
+            lines.push("--spacing-sm: " + (spacing.sm || "8px") + ";");
+            lines.push("--spacing-md: " + (spacing.md || "16px") + ";");
+            lines.push("--spacing-lg: " + (spacing.lg || "24px") + ";");
+            lines.push("--spacing-xl: " + (spacing.xl || "32px") + ";");
+            lines.push("--spacing-xxl: " + (spacing.xxl || "48px") + ";");
+        }
+        catch (e) {
+            console.error("Failed to parse spacing JSON:", e);
+        }
+    }
+    // Handle border radius
+    if (props.globalStyles?.borderRadius) {
+        try {
+            const borderRadius = JSON.parse(props.globalStyles.borderRadius);
+            lines.push("--radius-none: " + (borderRadius.none || "0") + ";");
+            lines.push("--radius-sm: " + (borderRadius.sm || "4px") + ";");
+            lines.push("--radius-md: " + (borderRadius.md || "8px") + ";");
+            lines.push("--radius-lg: " + (borderRadius.lg || "16px") + ";");
+            lines.push("--radius-full: " + (borderRadius.full || "9999px") + ";");
+        }
+        catch (e) {
+            console.error("Failed to parse borderRadius JSON:", e);
+        }
+    }
+    if (props.globalStyles?.customCss)
+        lines.push(props.globalStyles.customCss);
+    const css = ":root { " + lines.join("\n") + " }";
+    // Dynamically load Google Fonts
+    React.useEffect(() => {
+        if (googleFontsToLoad.length > 0) {
+            const uniqueFonts = [...new Set(googleFontsToLoad)];
+            const fontList = [];
+            uniqueFonts.forEach(f => fontList.push(f.replace(" ", "+") + ":wght@400"));
+            const googleFontsUrl = "https://fonts.googleapis.com/css2?family=" + fontList.join("&family=") + "&display=swap";
+            const existingLink = document.querySelector(`link[href="${googleFontsUrl}"]`);
+            if (!existingLink) {
+                const link = document.createElement("link");
+                link.href = googleFontsUrl;
+                link.rel = "stylesheet";
+                link.type = "text/css";
+                document.head.appendChild(link);
+            }
+        }
+    }, [googleFontsToLoad.join(",")]);
+    const customJs = props.globalStyles?.customJS ? (_jsx("div", { dangerouslySetInnerHTML: { __html: props.globalStyles.customJS } })) : null;
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: css }), customJs] }));
+};
+//# sourceMappingURL=Theme.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+interface Props {
+    children?: ReactNode;
+    videoId: string;
+    overlay?: string;
+    aspectRatio?: any;
+    contentClassName?: string;
+    isDragging: boolean;
+    id?: string;
+}
+export declare function YoutubeBackground({ children, videoId, overlay, aspectRatio, contentClassName, isDragging, id }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=YoutubeBackground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubeBackground.d.ts","sourceRoot":"","sources":["../../../src/website/components/YoutubeBackground.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,SAAS,EAAiB,MAAM,OAAO,CAAC;AAE9E,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,OAA0B,EAC1B,WAAoB,EACpB,gBAAgB,EAChB,UAAkB,EAClB,EAAE,EACH,EAAE,KAAK,2CA8GP"}

package/dist/website/components/YoutubeBackground.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+export function YoutubeBackground({ children, videoId, overlay = "rgba(0,0,0,.4)", aspectRatio = "16:9", contentClassName, isDragging = false, id }) {
+    const [videoHeight, setVideoHeight] = useState(10);
+    const [videoWidth, setVideoWidth] = useState(10);
+    const [videoY, setVideoY] = useState(0);
+    const [videoX, setVideoX] = useState(0);
+    const containerRef = useRef(null);
+    let aspectRatioValue = 16 / 9;
+    if (typeof aspectRatio === "string" && aspectRatio) {
+        const split = aspectRatio.split(":");
+        if (split.length === 2) {
+            aspectRatioValue = parseInt(split[0]) / parseInt(split[1]);
+        }
+    }
+    useEffect(() => {
+        updateDimensions();
+        window.addEventListener("resize", updateDimensions);
+        return () => {
+            window.removeEventListener("resize", updateDimensions);
+        };
+    }, []);
+    const updateDimensions = () => {
+        if (!containerRef.current)
+            return;
+        const containerWidth = containerRef.current.clientWidth;
+        const containerHeight = containerRef.current.clientHeight;
+        const containerAspectRatio = containerWidth / containerHeight;
+        let videoHeight = containerHeight;
+        let videoWidth = containerWidth;
+        let videoY = 0;
+        let videoX = 0;
+        if (containerAspectRatio > aspectRatioValue) {
+            videoHeight = containerWidth / aspectRatioValue;
+            videoY = (videoHeight - containerHeight) / -2;
+        }
+        else {
+            videoWidth = containerHeight * aspectRatioValue;
+            videoX = (videoWidth - containerWidth) / -2;
+        }
+        setVideoHeight(videoHeight);
+        setVideoWidth(videoWidth);
+        setVideoX(videoX);
+        setVideoY(videoY);
+    };
+    const containerStyle = {
+        position: "relative",
+        overflow: "hidden"
+    };
+    const videoContainerStyle = {
+        position: "absolute",
+        right: 0,
+        bottom: 0,
+        width: videoWidth + "px",
+        height: (videoHeight + 130) + "px",
+        top: (videoY + -65) + "px",
+        left: videoX + "px",
+        zIndex: 0
+    };
+    const overlayStyle = {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: overlay,
+        zIndex: 5
+    };
+    const iframeStyle = {
+        position: "relative",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        width: "100%",
+        height: "100%",
+        zIndex: 0
+    };
+    const contentStyle = {
+        zIndex: 2,
+        position: "relative"
+    };
+    return (_jsxs("div", { style: containerStyle, ref: containerRef, id: id, children: [_jsx("div", { style: contentStyle, className: contentClassName, children: children }), _jsxs("div", { style: videoContainerStyle, children: [overlay && _jsx("div", { style: overlayStyle }), !isDragging && (_jsx("iframe", { style: iframeStyle, src: `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=0&rel=0&showinfo=0&mute=1&modestbranding=1&iv_load_policy=3&playsinline=1&loop=1&playlist=${videoId}`, frameBorder: "0", allow: "autoplay; encrypted-media", allowFullScreen: true }))] })] }));
+}
+//# sourceMappingURL=YoutubeBackground.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubeBackground.js","sourceRoot":"","sources":["../../../src/website/components/YoutubeBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAA4B,MAAM,OAAO,CAAC;AAY9E,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,gBAAgB,EAC1B,WAAW,GAAG,MAAM,EACpB,gBAAgB,EAChB,UAAU,GAAG,KAAK,EAClB,EAAE,EACI;IACN,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEvC,IAAI,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;IAC9B,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,EAAE,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC;QACxD,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC;QAC1D,MAAM,oBAAoB,GAAG,cAAc,GAAG,eAAe,CAAC;QAE9D,IAAI,WAAW,GAAG,eAAe,CAAC;QAClC,IAAI,UAAU,GAAG,cAAc,CAAC;QAChC,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,MAAM,GAAG,CAAC,CAAC;QAEf,IAAI,oBAAoB,GAAG,gBAAgB,EAAE,CAAC;YAC5C,WAAW,GAAG,cAAc,GAAG,gBAAgB,CAAC;YAChD,MAAM,GAAG,CAAC,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,UAAU,GAAG,eAAe,GAAG,gBAAgB,CAAC;YAChD,MAAM,GAAG,CAAC,UAAU,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,SAAS,CAAC,MAAM,CAAC,CAAC;QAClB,SAAS,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAkB;QACpC,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,mBAAmB,GAAkB;QACzC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,UAAU,GAAG,IAAI;QACxB,MAAM,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,IAAI;QAClC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI;QAC1B,IAAI,EAAE,MAAM,GAAG,IAAI;QACnB,MAAM,EAAE,CAAC;KACV,CAAC;IAEF,MAAM,YAAY,GAAkB;QAClC,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,CAAC;KACV,CAAC;IAEF,MAAM,WAAW,GAAkB;QACjC,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;KACV,CAAC;IAEF,MAAM,YAAY,GAAkB;QAClC,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,aACnD,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,YAClD,QAAQ,GACL,EACN,eAAK,KAAK,EAAE,mBAAmB,aAC5B,OAAO,IAAI,cAAK,KAAK,EAAE,YAAY,GAAQ,EAC3C,CAAC,UAAU,IAAI,CACd,iBACE,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,iCAAiC,OAAO,kHAAkH,OAAO,EAAE,EACxK,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,2BAA2B,EACjC,eAAe,SACf,CACH,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/website/components/admin/DraggableWrapper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type Props = {
+    children?: React.ReactNode;
+    dndType: string;
+    elementType?: string;
+    data: any;
+    onDoubleClick?: (e: React.MouseEvent) => void;
+};
+export declare function DraggableWrapper(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DraggableWrapper.d.ts.map

package/dist/website/components/admin/DraggableWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableWrapper.d.ts","sourceRoot":"","sources":["../../../../src/website/components/admin/DraggableWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,2CAmB5C"}

package/dist/website/components/admin/DraggableWrapper.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDrag } from "react-dnd";
+export function DraggableWrapper(props) {
+    // Simplified useDrag - matching the pattern from DragV2 that works
+    const [, drag] = useDrag(() => ({
+        type: props.dndType,
+        item: { elementType: props.elementType, data: props.data }
+    }), [props.dndType, props.elementType, props.data]);
+    const showCursor = props.dndType === "section" || props.dndType === "element";
+    return (_jsx("div", { ref: drag, className: showCursor ? undefined : "dragButton", onDoubleClick: props.onDoubleClick, style: { position: "relative", cursor: showCursor ? "grab" : undefined }, children: props.children }));
+}
+//# sourceMappingURL=DraggableWrapper.js.map

package/dist/website/components/admin/DraggableWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableWrapper.js","sourceRoot":"","sources":["../../../../src/website/components/admin/DraggableWrapper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,MAAM,UAAU,gBAAgB,CAAC,KAAY;IAC3C,mEAAmE;IACnE,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,KAAK,CAAC,OAAO;QACnB,IAAI,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;KAC3D,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC;IAE9E,OAAO,CACL,cACE,GAAG,EAAE,IAAW,EAChB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAChD,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,YAEvE,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC"}

package/dist/website/components/admin/DroppableArea.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type Props = {
+    children?: React.ReactNode;
+    accept: any;
+    text?: string;
+    onDrop: (data: any) => void;
+    dndDeps?: any;
+    updateIsDragging?: (isDragging: boolean) => void;
+    hideWhenInactive?: boolean;
+};
+export declare function DroppableArea(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DroppableArea.d.ts.map

package/dist/website/components/admin/DroppableArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DroppableArea.d.ts","sourceRoot":"","sources":["../../../../src/website/components/admin/DroppableArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CAwIzC"}