@evershop/evershop 2.0.0 → 2.1.0

package/dist/modules/cms/components/SlideshowSetting.js

@@ -0,0 +1,339 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
+import { FileBrowser } from '@components/admin/FileBrowser.js';
+import { InputField } from '@components/common/form/InputField.js';
+import React, { useEffect } from 'react';
+import { useFieldArray, useFormContext } from 'react-hook-form';
+import { v4 as uuidv4 } from 'uuid';
+export default function SlideshowSetting({ slideshowWidget }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const { slides = [], autoplay = true, autoplaySpeed = 3000, arrows = true, dots = true, fullWidth = true, widthValue = 1920, heightValue = 800, heightType = 'auto' } = slideshowWidget || {};
+    const { control, setValue, watch } = useFormContext();
+    const { fields, append, remove, move } = useFieldArray({
+        control,
+        name: 'settings.slides'
+    });
+    const currentSlides = watch('settings.slides', slides);
+    const currentAutoplay = watch('settings.autoplay', autoplay);
+    const currentAutoplaySpeed = watch('settings.autoplaySpeed', autoplaySpeed);
+    const currentArrows = watch('settings.arrows', arrows);
+    const currentDots = watch('settings.dots', dots);
+    const currentFullWidth = watch('settings.fullWidth', fullWidth);
+    useEffect(() => {
+        // Initialize slides with existing data
+        setValue('settings.slides', (currentSlides === null || currentSlides === void 0 ? void 0 : currentSlides.length) ? currentSlides : []);
+        // Initialize the autoplay settings
+        const handleAutoplay = currentAutoplay === undefined || currentAutoplay === null
+            ? autoplay
+            : Boolean(currentAutoplay);
+        setValue('settings.autoplay', handleAutoplay);
+        // Initialize the autoplay speed
+        const speed = Number(currentAutoplaySpeed) || Number(autoplaySpeed) || 3000;
+        setValue('settings.autoplaySpeed', speed);
+        // Initialize the arrows setting
+        const handleArrows = currentArrows === undefined || currentArrows === null
+            ? arrows
+            : Boolean(currentArrows);
+        setValue('settings.arrows', handleArrows);
+        // Initialize the dots setting
+        const handleDots = currentDots === undefined || currentDots === null
+            ? dots
+            : Boolean(currentDots);
+        setValue('settings.dots', handleDots);
+        // Initialize the fullWidth setting
+        const handleFullWidth = currentFullWidth === undefined || currentFullWidth === null
+            ? fullWidth
+            : Boolean(currentFullWidth);
+        setValue('settings.fullWidth', handleFullWidth);
+        // Always use adaptive height for the slideshow
+        setValue('settings.heightType', 'auto');
+        // Process all slides to detect image dimensions if they don't have them yet
+        if (currentSlides === null || currentSlides === void 0 ? void 0 : currentSlides.length) {
+            currentSlides.forEach((slide, index) => {
+                if (slide.image && (!slide.width || !slide.height)) {
+                    getImageDimensions(slide.image, index);
+                }
+            });
+        }
+    }, []);
+    const [activeSlideIndex, setActiveSlideIndex] = React.useState(null);
+    const [openFileBrowser, setOpenFileBrowser] = React.useState(false);
+    // Function to get image dimensions
+    const getImageDimensions = (imageUrl, slideIndex) => {
+        if (!imageUrl)
+            return;
+        const img = new Image();
+        img.onload = () => {
+            const width = img.naturalWidth;
+            const height = img.naturalHeight;
+            // Update the current slides with the new dimensions
+            const newSlides = [...currentSlides];
+            newSlides[slideIndex] = {
+                ...newSlides[slideIndex],
+                width,
+                height
+            };
+            setValue('settings.slides', newSlides);
+        };
+        img.src = imageUrl;
+    };
+    const handleImageSelect = (image) => {
+        if (activeSlideIndex !== null) {
+            setValue(`settings.slides.${activeSlideIndex}.image`, image);
+            // Detect image dimensions when a new image is selected
+            getImageDimensions(image, activeSlideIndex);
+            setOpenFileBrowser(false);
+        }
+    };
+    const addSlide = () => {
+        const newSlide = {
+            id: uuidv4(),
+            image: '',
+            width: 0, // Will be automatically set when image is selected
+            height: 0, // Will be automatically set when image is selected
+            headline: '',
+            subText: '',
+            buttonText: '',
+            buttonLink: '',
+            buttonColor: '#3B82F6' // Default blue color
+        };
+        append(newSlide);
+        setTimeout(() => {
+            setActiveSlideIndex(fields.length);
+        }, 50);
+    };
+    const moveUp = (index) => {
+        if (index > 0) {
+            move(index, index - 1);
+            setActiveSlideIndex(index - 1);
+        }
+    };
+    const moveDown = (index) => {
+        if (index < fields.length - 1) {
+            move(index, index + 1);
+            setActiveSlideIndex(index + 1);
+        }
+    };
+    return (React.createElement("div", { className: "slideshow-widget" },
+        openFileBrowser && (React.createElement("div", { className: "max-h-96" },
+            React.createElement(FileBrowser, { isMultiple: false, onInsert: handleImageSelect, close: () => setOpenFileBrowser(false) }))),
+        React.createElement("div", { className: "bg-white p-4 rounded shadow-sm mb-4" },
+            React.createElement("h2", { className: "text-lg font-medium mb-4" }, "Slideshow Settings"),
+            React.createElement("div", { className: "grid grid-cols-2 gap-4" },
+                React.createElement("div", { className: "col-span-2 md:col-span-1" },
+                    React.createElement("div", { className: "flex items-center mb-4" },
+                        React.createElement("input", { type: "checkbox", id: "autoplay", checked: Boolean(currentAutoplay), onChange: (e) => {
+                                const isChecked = Boolean(e.target.checked);
+                                setValue('settings.autoplay', isChecked);
+                            }, className: "mr-2 h-4 w-4" }),
+                        React.createElement("label", { htmlFor: "autoplay", className: "text-sm" }, "Autoplay Slides")),
+                    Boolean(currentAutoplay) && (React.createElement(InputField, { type: "number", label: "Autoplay Speed (ms)", name: "settings.autoplaySpeed", defaultValue: Number(autoplaySpeed) || 3000, placeholder: "e.g., 3000 for 3 seconds", validation: {
+                            min: { value: 1000, message: 'Minimum speed is 1000ms' }
+                        } }))),
+                React.createElement("div", { className: "col-span-2 md:col-span-1" },
+                    React.createElement("div", { className: "flex items-center mb-4" },
+                        React.createElement("input", { type: "checkbox", id: "arrows", checked: Boolean(currentArrows), onChange: (e) => {
+                                const isChecked = Boolean(e.target.checked);
+                                setValue('settings.arrows', isChecked);
+                            }, className: "mr-2 h-4 w-4" }),
+                        React.createElement("label", { htmlFor: "arrows", className: "text-sm" }, "Show Navigation Arrows"))))),
+        React.createElement("div", { className: "mb-4" },
+            React.createElement("div", { className: "flex justify-between items-center mb-2" },
+                React.createElement("h2", { className: "text-lg font-medium" }, "Slides"),
+                React.createElement("button", { type: "button", onClick: addSlide, className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded" }, "Add New Slide")),
+            fields.length > 0 ? (React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-4" }, fields.map((slide, index) => {
+                var _a, _b;
+                return (React.createElement("div", { key: slide.id, onClick: () => setActiveSlideIndex(index), className: `relative border rounded overflow-hidden cursor-pointer ${activeSlideIndex === index ? 'ring-2 ring-blue-500' : ''}` },
+                    React.createElement("div", { className: "aspect-[16/9] bg-gray-100 flex items-center justify-center" }, ((_a = currentSlides[index]) === null || _a === void 0 ? void 0 : _a.image) ? (React.createElement("img", { src: currentSlides[index].image, alt: `Slide ${index + 1}`, className: "w-full h-full object-cover" })) : (React.createElement("div", { className: "text-gray-400" }, "No Image"))),
+                    React.createElement("div", { className: "p-2 bg-white border-t" },
+                        React.createElement("p", { className: "text-sm font-medium truncate" }, ((_b = currentSlides[index]) === null || _b === void 0 ? void 0 : _b.headline) || `Slide ${index + 1}`),
+                        React.createElement("div", { className: "flex mt-2" },
+                            React.createElement("button", { type: "button", onClick: (e) => {
+                                    e.stopPropagation();
+                                    moveUp(index);
+                                }, disabled: index === 0, className: `mr-1 p-1 rounded ${index === 0
+                                    ? 'text-gray-300'
+                                    : 'text-gray-500 hover:bg-gray-100'}` },
+                                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+                                    React.createElement("path", { d: "M18 15l-6-6-6 6" }))),
+                            React.createElement("button", { type: "button", onClick: (e) => {
+                                    e.stopPropagation();
+                                    moveDown(index);
+                                }, disabled: index === fields.length - 1, className: `mr-1 p-1 rounded ${index === fields.length - 1
+                                    ? 'text-gray-300'
+                                    : 'text-gray-500 hover:bg-gray-100'}` },
+                                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+                                    React.createElement("path", { d: "M6 9l6 6 6-6" }))),
+                            React.createElement("button", { type: "button", onClick: (e) => {
+                                    e.stopPropagation();
+                                    remove(index);
+                                    if (activeSlideIndex === index) {
+                                        setActiveSlideIndex(null);
+                                    }
+                                    else if (activeSlideIndex !== null &&
+                                        activeSlideIndex > index) {
+                                        setActiveSlideIndex(activeSlideIndex - 1);
+                                    }
+                                }, className: "ml-auto p-1 text-red-500 hover:bg-red-50 rounded" },
+                                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+                                    React.createElement("path", { d: "M3 6h18" }),
+                                    React.createElement("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+                                    React.createElement("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })))))));
+            }))) : (React.createElement("div", { className: "bg-gray-50 border border-dashed border-gray-300 rounded-lg p-8 text-center mb-4" },
+                React.createElement("p", { className: "text-gray-500 mb-4" }, "No slides have been added yet."),
+                React.createElement("button", { type: "button", onClick: addSlide, className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded" }, "Add Your First Slide")))),
+        activeSlideIndex !== null && fields[activeSlideIndex] && (React.createElement("div", { className: "bg-white p-4 rounded shadow-sm" },
+            React.createElement("h3", { className: "text-lg font-medium mb-4" },
+                "Edit Slide ",
+                activeSlideIndex + 1),
+            React.createElement("div", { className: "mb-4 border rounded overflow-hidden" },
+                React.createElement("div", { className: "aspect-[16/9] bg-gray-100 relative" },
+                    ((_a = currentSlides[activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.image) ? (React.createElement("div", { className: "relative w-full h-full" },
+                        React.createElement("img", { src: currentSlides[activeSlideIndex].image, alt: `Slide ${activeSlideIndex + 1}`, className: "w-full h-full object-cover", onLoad: (e) => {
+                                var _a, _b;
+                                // Additional dimensions detection when the preview image loads
+                                const img = e.target;
+                                if (img.naturalWidth > 0 && img.naturalHeight > 0) {
+                                    if (!((_a = currentSlides[activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.width) ||
+                                        !((_b = currentSlides[activeSlideIndex]) === null || _b === void 0 ? void 0 : _b.height)) {
+                                        const newSlides = [...currentSlides];
+                                        newSlides[activeSlideIndex] = {
+                                            ...newSlides[activeSlideIndex],
+                                            width: img.naturalWidth,
+                                            height: img.naturalHeight
+                                        };
+                                        setValue('settings.slides', newSlides);
+                                    }
+                                }
+                            } }),
+                        React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-20 flex flex-col items-center justify-center p-4 text-center" },
+                            ((_b = currentSlides[activeSlideIndex]) === null || _b === void 0 ? void 0 : _b.headline) && (React.createElement("h3", { className: "text-white text-xl md:text-2xl font-bold mb-2" }, currentSlides[activeSlideIndex].headline)),
+                            ((_c = currentSlides[activeSlideIndex]) === null || _c === void 0 ? void 0 : _c.subText) && (React.createElement("p", { className: "text-white mb-4" }, currentSlides[activeSlideIndex].subText)),
+                            ((_d = currentSlides[activeSlideIndex]) === null || _d === void 0 ? void 0 : _d.buttonText) && (React.createElement("button", { type: "button", className: "px-4 py-2 rounded", style: {
+                                    backgroundColor: currentSlides[activeSlideIndex].buttonColor ||
+                                        '#3B82F6'
+                                } }, currentSlides[activeSlideIndex].buttonText))))) : (React.createElement("div", { className: "w-full h-full flex items-center justify-center" },
+                        React.createElement("button", { type: "button", onClick: () => setOpenFileBrowser(true), className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded" }, "Select Image"))),
+                    ((_e = currentSlides[activeSlideIndex]) === null || _e === void 0 ? void 0 : _e.image) && (React.createElement("button", { type: "button", onClick: () => setOpenFileBrowser(true), className: "absolute bottom-2 right-2 bg-white p-2 rounded shadow hover:bg-gray-100" }, "Change Image")))),
+            React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" },
+                React.createElement("input", { type: "hidden", name: `settings.slides.${activeSlideIndex}.image`, value: (currentSlides && ((_f = currentSlides[activeSlideIndex]) === null || _f === void 0 ? void 0 : _f.image)) || '' }),
+                React.createElement("input", { type: "hidden", name: `settings.slides.${activeSlideIndex}.id`, value: (currentSlides && ((_g = currentSlides[activeSlideIndex]) === null || _g === void 0 ? void 0 : _g.id)) ||
+                        uuidv4() }),
+                React.createElement("input", { type: "hidden", name: `settings.slides.${activeSlideIndex}.width`, value: ((_h = currentSlides[activeSlideIndex]) === null || _h === void 0 ? void 0 : _h.width) || 0 }),
+                React.createElement("input", { type: "hidden", name: `settings.slides.${activeSlideIndex}.height`, value: ((_j = currentSlides[activeSlideIndex]) === null || _j === void 0 ? void 0 : _j.height) || 0 }),
+                ((_k = currentSlides[activeSlideIndex]) === null || _k === void 0 ? void 0 : _k.image) && (React.createElement("div", { className: "md:col-span-2 mb-2" },
+                    React.createElement("div", { className: "text-sm text-gray-500" }, ((_l = currentSlides[activeSlideIndex]) === null || _l === void 0 ? void 0 : _l.width) &&
+                        ((_m = currentSlides[activeSlideIndex]) === null || _m === void 0 ? void 0 : _m.height) ? (React.createElement("p", null,
+                        "Image dimensions: ",
+                        currentSlides[activeSlideIndex].width,
+                        ' ',
+                        "\u00D7 ",
+                        currentSlides[activeSlideIndex].height,
+                        " pixels")) : (React.createElement("p", null, "Detecting image dimensions..."))))),
+                React.createElement("div", { className: "md:col-span-2" },
+                    React.createElement("label", { className: "block mb-1 text-sm" }, "Headline"),
+                    React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", name: `settings.slides.${activeSlideIndex}.headline`, value: ((_o = currentSlides[activeSlideIndex]) === null || _o === void 0 ? void 0 : _o.headline) || '', onChange: (e) => {
+                            const newSlides = [...currentSlides];
+                            newSlides[activeSlideIndex] = {
+                                ...newSlides[activeSlideIndex],
+                                headline: e.target.value
+                            };
+                            setValue('settings.slides', newSlides);
+                        }, placeholder: "e.g., New Collection Available" })),
+                React.createElement("div", { className: "md:col-span-2" },
+                    React.createElement("label", { className: "block mb-1 text-sm" }, "Sub Text"),
+                    React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded", name: `settings.slides.${activeSlideIndex}.subText`, value: ((_p = currentSlides[activeSlideIndex]) === null || _p === void 0 ? void 0 : _p.subText) || '', onChange: (e) => {
+                            const newSlides = [...currentSlides];
+                            newSlides[activeSlideIndex] = {
+                                ...newSlides[activeSlideIndex],
+                                subText: e.target.value
+                            };
+                            setValue('settings.slides', newSlides);
+                        }, placeholder: "e.g., Check out our latest products with special discounts", rows: 3 })),
+                React.createElement("div", null,
+                    React.createElement("label", { className: "block mb-1 text-sm" }, "Button Text"),
+                    React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", name: `settings.slides.${activeSlideIndex}.buttonText`, value: ((_q = currentSlides[activeSlideIndex]) === null || _q === void 0 ? void 0 : _q.buttonText) || '', onChange: (e) => {
+                            const newSlides = [...currentSlides];
+                            newSlides[activeSlideIndex] = {
+                                ...newSlides[activeSlideIndex],
+                                buttonText: e.target.value
+                            };
+                            setValue('settings.slides', newSlides);
+                        }, placeholder: "e.g., Shop Now" })),
+                React.createElement("div", null,
+                    React.createElement("label", { className: "block mb-1 text-sm" }, "Button Link"),
+                    React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", name: `settings.slides.${activeSlideIndex}.buttonLink`, value: ((_r = currentSlides[activeSlideIndex]) === null || _r === void 0 ? void 0 : _r.buttonLink) || '', onChange: (e) => {
+                            const newSlides = [...currentSlides];
+                            newSlides[activeSlideIndex] = {
+                                ...newSlides[activeSlideIndex],
+                                buttonLink: e.target.value
+                            };
+                            setValue('settings.slides', newSlides);
+                        }, placeholder: "e.g., /category/new-arrivals" })),
+                React.createElement("div", null,
+                    React.createElement("label", { className: "block mb-1 text-sm" }, "Button Color"),
+                    React.createElement("div", { className: "flex items-center" },
+                        React.createElement("input", { type: "color", value: ((_s = currentSlides[activeSlideIndex]) === null || _s === void 0 ? void 0 : _s.buttonColor) || '#3B82F6', onChange: (e) => {
+                                const newSlides = [...currentSlides];
+                                newSlides[activeSlideIndex] = {
+                                    ...newSlides[activeSlideIndex],
+                                    buttonColor: e.target.value
+                                };
+                                setValue('settings.slides', newSlides);
+                            }, className: "w-10 h-10 rounded mr-2 cursor-pointer" }),
+                        React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", value: ((_t = currentSlides[activeSlideIndex]) === null || _t === void 0 ? void 0 : _t.buttonColor) || '#3B82F6', onChange: (e) => {
+                                const newSlides = [...currentSlides];
+                                newSlides[activeSlideIndex] = {
+                                    ...newSlides[activeSlideIndex],
+                                    buttonColor: e.target.value
+                                };
+                                setValue('settings.slides', newSlides);
+                            }, placeholder: "#3B82F6" }))))))));
+}
+export const query = `
+  query Query($slides: [SlideInput], $autoplay: Boolean, $autoplaySpeed: Int, $arrows: Boolean, $dots: Boolean) {
+    slideshowWidget(
+      slides: $slides, 
+      autoplay: $autoplay, 
+      autoplaySpeed: $autoplaySpeed, 
+      arrows: $arrows, 
+      dots: $dots,
+    ) {
+      slides {
+        id
+        image
+        width
+        height
+        headline
+        subText
+        buttonText
+        buttonLink
+        buttonColor
+      }
+      autoplay
+      autoplaySpeed
+      arrows
+      dots
+    }
+  }
+`;
+export const fragments = `
+  fragment SlideData on Slide {
+    id
+    image
+    width
+    height
+    headline
+    subText
+    buttonText
+    buttonLink
+    buttonColor
+  }
+`;
+export const variables = `{
+  slides: getWidgetSetting("slides"),
+  autoplay: getWidgetSetting("autoplay"),
+  autoplaySpeed: getWidgetSetting("autoplaySpeed"),
+  arrows: getWidgetSetting("arrows"),
+  dots: getWidgetSetting("dots"),
+}`;
+//# sourceMappingURL=SlideshowSetting.js.map

package/dist/modules/cms/components/SlideshowSetting.js.map

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

package/dist/modules/cms/components/TextBlock.d.ts

@@ -0,0 +1,13 @@
+import { Row } from '@components/common/form/Editor.js';
+import React from 'react';
+interface TextBlockProps {
+    textWidget: {
+        text: Row[];
+        className: string;
+    };
+}
+export default function TextBlock({ textWidget: { text, className } }: TextBlockProps): React.JSX.Element;
+export declare const query = "\n  query Query($text: String, $className: String) {\n    textWidget(text: $text, className: $className) {\n      ...TextBlockWidget\n    }\n  }\n";
+export declare const fragments = "\n  fragment TextBlockWidget on TextBlockWidget {\n    text\n    className\n  }\n";
+export declare const variables = "{\n  text: getWidgetSetting(\"text\"),\n  className: getWidgetSetting(\"className\")\n}";
+export {};

package/dist/modules/cms/components/TextBlock.js

@@ -0,0 +1,24 @@
+import { Editor } from '@components/common/Editor.js';
+import React from 'react';
+export default function TextBlock({ textWidget: { text, className } }) {
+    return (React.createElement("div", { className: `text-block-widget ${className}` },
+        React.createElement(Editor, { rows: text })));
+}
+export const query = `
+  query Query($text: String, $className: String) {
+    textWidget(text: $text, className: $className) {
+      ...TextBlockWidget
+    }
+  }
+`;
+export const fragments = `
+  fragment TextBlockWidget on TextBlockWidget {
+    text
+    className
+  }
+`;
+export const variables = `{
+  text: getWidgetSetting("text"),
+  className: getWidgetSetting("className")
+}`;
+//# sourceMappingURL=TextBlock.js.map

package/dist/modules/cms/components/TextBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../../../src/modules/cms/components/TextBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAChB;IACf,OAAO,CACL,6BAAK,SAAS,EAAE,qBAAqB,SAAS,EAAE;QAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAClB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;;;;;;CAMpB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;CAKxB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;;;EAGvB,CAAC"}

package/dist/modules/cms/components/TextBlockSetting.d.ts

@@ -0,0 +1,12 @@
+import { Row } from '@components/common/form/Editor.js';
+import React from 'react';
+interface TextBlockSettingProps {
+    textWidget: {
+        text: Row[];
+        className: string;
+    };
+}
+export default function TextBlockSetting({ textWidget: { text, className } }: TextBlockSettingProps): React.JSX.Element;
+export declare const query = "\n  query Query($text: String, $className: String) {\n    textWidget(text: $text, className: $className) {\n      text\n      className\n    }\n  }\n";
+export declare const variables = "{\n  text: getWidgetSetting(\"text\"),\n  className: getWidgetSetting(\"className\")\n}";
+export {};

package/dist/modules/cms/components/TextBlockSetting.js

@@ -0,0 +1,30 @@
+import { Editor } from '@components/common/form/Editor.js';
+import { InputField } from '@components/common/form/InputField.js';
+import React from 'react';
+import { useFormContext } from 'react-hook-form';
+export default function TextBlockSetting({ textWidget: { text, className } }) {
+    const { register, watch, setValue } = useFormContext();
+    const editorValue = watch('temp_editor_text');
+    React.useEffect(() => {
+        if (editorValue) {
+            setValue('settings.text', JSON.stringify(editorValue));
+        }
+    }, [editorValue, setValue]);
+    return (React.createElement("div", null,
+        React.createElement(InputField, { label: "Custom CSS classes", name: "settings.className", defaultValue: className, helperText: "Custom CSS classes for the text block" }),
+        React.createElement("input", { type: "hidden", ...register('settings.text'), defaultValue: typeof text === 'string' ? text : JSON.stringify(text) }),
+        React.createElement(Editor, { name: "temp_editor_text", label: "Content", value: typeof text === 'string' ? JSON.parse(text) : text })));
+}
+export const query = `
+  query Query($text: String, $className: String) {
+    textWidget(text: $text, className: $className) {
+      text
+      className
+    }
+  }
+`;
+export const variables = `{
+  text: getWidgetSetting("text"),
+  className: getWidgetSetting("className")
+}`;
+//# sourceMappingURL=TextBlockSetting.js.map

package/dist/modules/cms/components/TextBlockSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlockSetting.js","sourceRoot":"","sources":["../../../../src/modules/cms/components/TextBlockSetting.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAO,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EACT;IACtB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvD,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAE9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,EAAE,CAAC;YAChB,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL;QACE,oBAAC,UAAU,IACT,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,oBAAoB,EACzB,YAAY,EAAE,SAAS,EACvB,UAAU,EAAC,uCAAuC,GAClD;QACF,+BACE,IAAI,EAAC,QAAQ,KACT,QAAQ,CAAC,eAAe,CAAC,EAC7B,YAAY,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACpE;QACF,oBAAC,MAAM,IACL,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GACzD,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;;;;;;;CAOpB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;;;EAGvB,CAAC"}

package/dist/modules/cms/graphql/types/CmsPage/CmsPage.graphql

@@ -29,5 +29,6 @@ type CmsPageCollection {
 
 extend type Query {
   cmsPage(id: Int): CmsPage
+  currentCmsPage: CmsPage
   cmsPages(filters: [FilterInput]): CmsPageCollection
 }

package/dist/modules/cms/graphql/types/CmsPage/CmsPage.resolvers.d.ts

@@ -1,29 +1,33 @@
-declare namespace _default {
-    namespace Query {
-        function cmsPage(root: any, { id }: {
+import { CMSPageCollection } from '../../../services/CMSPageCollection.js';
+declare const _default: {
+    Query: {
+        cmsPage: (root: any, { id }: {
             id: any;
         }, { pool }: {
             pool: any;
-        }): Promise<Record<string, any> | null>;
-        function cmsPages(_: any, { filters }: {
+        }) => Promise<Record<string, any> | null>;
+        cmsPages: (_: any, { filters }: {
             filters?: never[] | undefined;
         }, { user }: {
             user: any;
-        }): Promise<CMSPageCollection>;
-    }
-    namespace CmsPage {
-        function url({ urlKey }: {
+        }) => Promise<CMSPageCollection>;
+        currentCmsPage: (_: any, args: any, { currentRoute, pool }: {
+            currentRoute: any;
+            pool: any;
+        }) => Promise<Record<string, any> | null>;
+    };
+    CmsPage: {
+        url: ({ urlKey }: {
             urlKey: any;
-        }): string;
-        function editUrl({ uuid }: {
+        }) => string;
+        editUrl: ({ uuid }: {
             uuid: any;
-        }): string;
-        function updateApi(page: any): string;
-        function deleteApi(page: any): string;
-        function content({ content }: {
+        }) => string;
+        updateApi: (page: any) => string;
+        deleteApi: (page: any) => string;
+        content: ({ content }: {
             content: any;
-        }): any;
-    }
-}
+        }) => any;
+    };
+};
 export default _default;
-import { CMSPageCollection } from '../../../services/CMSPageCollection.js';

package/dist/modules/cms/graphql/types/CmsPage/CmsPage.resolvers.js

@@ -16,6 +16,19 @@ export default {
             const root = new CMSPageCollection(query);
             await root.init(filters, !!user);
             return root;
+        },
+        currentCmsPage: async (_, args, { currentRoute, pool }) => {
+            if ((currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.id) !== 'cmsPageView') {
+                return null;
+            }
+            const { params } = currentRoute;
+            if (!params || !params.url_key) {
+                return null;
+            }
+            const query = getCmsPagesBaseQuery();
+            query.where('cms_page_description.url_key', '=', params.url_key);
+            const page = await query.load(pool);
+            return page ? camelCase(page) : null;
         }
     },
     CmsPage: {
@@ -25,7 +38,14 @@ export default {
         deleteApi: (page) => buildUrl('deleteCmsPage', { id: page.uuid }),
         content: ({ content }) => {
             try {
-                return JSON.parse(content);
+                const replacements = {
+                    '&lt;': '<',
+                    '&gt;': '>'
+                };
+                const jsonText = content
+                    ? content.replace(/&lt;|&gt;/g, (match) => replacements[match])
+                    : '[]';
+                return JSON.parse(jsonText);
             }
             catch (e) {
                 // This is for backward compatibility. If the content is not a JSON string then it is a raw HTML block

package/dist/modules/cms/graphql/types/CmsPage/CmsPage.resolvers.js.map

@@ -1 +1 @@
-{"version":3,"file":"CmsPage.resolvers.js","sourceRoot":"","sources":["../../../../../../src/modules/cms/graphql/types/CmsPage/CmsPage.resolvers.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,eAAe;IACb,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACxC,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;YACrC,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;YACpC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACvC,CAAC;QACD,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YAChD,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;YACrC,MAAM,IAAI,GAAG,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YACjC,OAAO,IAAI,CAAC;QACd,CAAC;KACF;IACD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QACjE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;QAC5D,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACjE,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACjE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACvB,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,sGAAsG;gBACtG,MAAM,KAAK,GAAG,MAAM,MAAM,EAAE,EAAE,CAAC;gBAC/B,OAAO;oBACL;wBACE,IAAI,EAAE,CAAC;wBACP,EAAE,EAAE,KAAK;wBACT,OAAO,EAAE;4BACP;gCACE,EAAE,EAAE,yCAAyC;gCAC7C,IAAI,EAAE,CAAC;gCACP,IAAI,EAAE;oCACJ,IAAI,EAAE,aAAa;oCACnB,MAAM,EAAE;wCACN;4CACE,EAAE,EAAE,YAAY;4CAChB,IAAI,EAAE,KAAK;4CACX,IAAI,EAAE;gDACJ,IAAI,EAAE,OAAO;6CACd;yCACF;qCACF;oCACD,OAAO,EAAE,QAAQ;iCAClB;6BACF;yBACF;qBACF;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF;CACF,CAAC"}
+{"version":3,"file":"CmsPage.resolvers.js","sourceRoot":"","sources":["../../../../../../src/modules/cms/graphql/types/CmsPage/CmsPage.resolvers.ts"],"names":[],"mappings":"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"}

package/dist/modules/cms/graphql/types/PageInfo/PageInfo.graphql

@@ -6,14 +6,32 @@ type Breadcrumb {
   title: String!
 }
 
+type OgInfo {
+  title: String
+  description: String
+  image: String
+  url: String
+  siteName: String
+  type: String
+  twitterImage: String
+  twitterCard: String
+  twitterSite: String
+  twitterCreator: String
+}
+
 """
 Represents a page information.
 """
 type PageInfo {
   url: String!
   title: String!
-  description: String!,
+  description: String!
+  locale: String
+  keywords: [String!]
+  ogInfo: OgInfo
   breadcrumbs: [Breadcrumb!]
+  favicon: String
+  canonicalUrl: String
 }
 
 extend type Query {