@evershop/evershop 2.0.0 → 2.1.0

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

@@ -0,0 +1,312 @@
+import Spinner from '@components/admin/Spinner.js';
+import Button from '@components/common/Button.js';
+import { CheckboxField } from '@components/common/form/CheckboxField.js';
+import { InputField } from '@components/common/form/InputField.js';
+import { Modal } from '@components/common/modal/Modal.js';
+import { useModal } from '@components/common/modal/useModal.js';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import React, { useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+import CreatableSelect from 'react-select/creatable';
+import uniqid from 'uniqid';
+import { useQuery } from 'urql';
+import { Card } from '../../../components/admin/Card.js';
+import './BasicMenuSetting.scss';
+const menuQuery = `
+  query Query ($filters: [FilterInput]) {
+    categories (filters: $filters) {
+      items {
+        value: uuid,
+        label: name
+        path {
+          name
+        }
+      }
+    }
+    cmsPages (filters: $filters) {
+      items {
+        value: uuid,
+        label: name
+      }
+    }
+  }
+`;
+const SortableMenuItem = ({ item, updateItem, deleteItem, isChild = false }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item.id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.5 : 1
+    };
+    const modal = useModal();
+    const [itemInEdit, setItemInEdit] = React.useState(item);
+    const addChildren = (i) => {
+        updateItem({
+            ...item,
+            children: [...item.children, i]
+        });
+    };
+    const updateItemFunc = (i) => {
+        if (i.id === item.id) {
+            updateItem(i);
+        }
+        else {
+            addChildren(i);
+        }
+        modal.close();
+    };
+    return (React.createElement("div", { ref: setNodeRef, style: style, className: "flex justify-between py-2 px-2 bg-white border rounded mb-2" },
+        React.createElement("div", { className: "flex justify-start gap-3 items-center" },
+            React.createElement("button", { type: "button", className: "cursor-move p-1", ...attributes, ...listeners },
+                React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "#949494", width: 20, height: 20 },
+                    React.createElement("g", null,
+                        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+                        React.createElement("path", { fillRule: "nonzero", d: "M14 6h2v2h5a1 1 0 0 1 1 1v7.5L16 13l.036 8.062 2.223-2.15L20.041 22H9a1 1 0 0 1-1-1v-5H6v-2h2V9a1 1 0 0 1 1-1h5V6zm8 11.338V21a1 1 0 0 1-.048.307l-1.96-3.394L22 17.338zM4 14v2H2v-2h2zm0-4v2H2v-2h2zm0-4v2H2V6h2zm0-4v2H2V2h2zm4 0v2H6V2h2zm4 0v2h-2V2h2zm4 0v2h-2V2h2z" })))),
+            React.createElement("div", null, item.name)),
+        React.createElement("div", { className: "flex justify-end gap-3 items-center" },
+            React.createElement("button", { type: "button", className: "text-interactive", onClick: () => {
+                    setItemInEdit(item);
+                    modal.open();
+                } }, "Edit"),
+            !isChild && (React.createElement("button", { type: "button", className: "text-interactive", onClick: () => {
+                    setItemInEdit({
+                        id: uniqid(),
+                        name: '',
+                        url: '',
+                        type: 'category',
+                        uuid: '',
+                        children: []
+                    });
+                    modal.open();
+                } }, "Add child")),
+            React.createElement("button", { type: "button", className: "text-critical", onClick: () => deleteItem(item) }, "Delete")),
+        React.createElement(Modal, { title: `Edit Menu Item: ${itemInEdit.name}`, onClose: modal.close, isOpen: modal.isOpen },
+            React.createElement(MenuSettingPopup, { item: itemInEdit, updateItem: updateItemFunc }))));
+};
+const MenuSettingPopup = ({ item, updateItem }) => {
+    var _a;
+    const [currentItem, setCurrentItem] = React.useState(item);
+    const [err, setErr] = React.useState(null);
+    const [result] = useQuery({
+        query: menuQuery,
+        variables: {
+            filters: []
+        }
+    });
+    const { data, fetching, error } = result;
+    if (fetching) {
+        return (React.createElement("div", { className: "flex justify-center items-center" },
+            React.createElement(Spinner, { width: 30, height: 30 })));
+    }
+    if (error) {
+        return (React.createElement("div", { className: "flex justify-center items-center" },
+            React.createElement("p", { className: "text-critical" }, error.message)));
+    }
+    const groupOptions = [
+        {
+            label: 'Categories',
+            options: data.categories.items.map((i) => ({
+                ...i,
+                label: i.path.map((p) => p.name).join(' > ')
+            }))
+        },
+        {
+            label: 'CMS Pages',
+            options: data.cmsPages.items
+        },
+        {
+            label: 'Custom',
+            options: currentItem.type === 'custom'
+                ? [
+                    {
+                        value: currentItem.uuid,
+                        label: currentItem.uuid
+                    }
+                ]
+                : []
+        }
+    ];
+    const handleCreate = (inputValue) => {
+        setCurrentItem({
+            ...item,
+            uuid: inputValue,
+            name: inputValue,
+            url: inputValue,
+            type: 'custom'
+        });
+    };
+    return (React.createElement(Card, { title: "Menu item" },
+        React.createElement(Card.Session, null,
+            React.createElement("div", { className: "grid grid-flow-row gap-5" },
+                React.createElement("div", null,
+                    React.createElement("label", { htmlFor: "menuName", className: "block mb-2 font-medium" }, "Name"),
+                    React.createElement("input", { id: "menuName", type: "text", value: currentItem.name, onChange: (e) => setCurrentItem({
+                            ...currentItem,
+                            name: e.target.value
+                        }), className: "w-full border border-gray-300 rounded-md p-2" })),
+                React.createElement("div", null,
+                    React.createElement(CreatableSelect, { isClearable: true, onChange: (newValue) => {
+                            setCurrentItem({
+                                ...currentItem,
+                                uuid: (newValue === null || newValue === void 0 ? void 0 : newValue.value) || '',
+                                name: (newValue === null || newValue === void 0 ? void 0 : newValue.label) || '',
+                                type: (newValue === null || newValue === void 0 ? void 0 : newValue.__typename) === 'Category' ? 'category' : 'page'
+                            });
+                        }, onCreateOption: handleCreate, options: groupOptions, value: {
+                            value: currentItem.uuid,
+                            label: currentItem.type === 'custom'
+                                ? currentItem.uuid
+                                : ((_a = [
+                                    ...groupOptions[0].options,
+                                    ...groupOptions[1].options
+                                ].find((option) => option.value === currentItem.uuid)) === null || _a === void 0 ? void 0 : _a.label) || ''
+                        } })),
+                err && React.createElement("div", { className: "text-critical" }, err),
+                React.createElement("div", { className: "flex justify-end" },
+                    React.createElement(Button, { title: "Save", onAction: () => {
+                            if (currentItem.uuid === '') {
+                                setErr('Please select a menu item');
+                                return;
+                            }
+                            if (currentItem.name === '') {
+                                setErr('Please enter a name');
+                                return;
+                            }
+                            updateItem(currentItem);
+                        } }))))));
+};
+export default function BasicMenuSetting({ basicMenuWidget: { menus, isMain, className } }) {
+    const { register, setValue } = useFormContext();
+    const [items, setItems] = React.useState(menus);
+    const modal = useModal();
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (active.id !== over.id) {
+            setItems((items) => {
+                const oldIndex = items.findIndex((item) => item.id === active.id);
+                const newIndex = items.findIndex((item) => item.id === over.id);
+                return arrayMove(items, oldIndex, newIndex);
+            });
+        }
+    };
+    const handleChildDragEnd = (event, parentId) => {
+        const { active, over } = event;
+        if (active.id !== over.id) {
+            setItems((items) => {
+                return items.map((item) => {
+                    if (item.id === parentId) {
+                        const oldIndex = item.children.findIndex((child) => child.id === active.id);
+                        const newIndex = item.children.findIndex((child) => child.id === over.id);
+                        return {
+                            ...item,
+                            children: arrayMove(item.children, oldIndex, newIndex)
+                        };
+                    }
+                    return item;
+                });
+            });
+        }
+    };
+    const updateItem = (item) => {
+        setItems((prevItems) => {
+            const newItems = prevItems.map((prevItem) => {
+                if (prevItem.id === item.id) {
+                    return item;
+                }
+                else if (prevItem.children.length > 0) {
+                    return {
+                        ...prevItem,
+                        children: prevItem.children.map((child) => {
+                            if (child.id === item.id) {
+                                return item;
+                            }
+                            return child;
+                        })
+                    };
+                }
+                return prevItem;
+            });
+            return newItems;
+        });
+    };
+    const deleteItem = (item) => {
+        setItems((prevItems) => {
+            const newItems = prevItems.filter((prevItem) => {
+                if (prevItem.id === item.id) {
+                    return false;
+                }
+                else if (prevItem.children.length > 0) {
+                    prevItem.children = prevItem.children.filter((child) => child.id !== item.id);
+                }
+                return true;
+            });
+            return newItems;
+        });
+    };
+    useEffect(() => {
+        setValue('settings.menus', items);
+    }, [items]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card.Session, { title: "Menu Items" },
+            React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd },
+                React.createElement(SortableContext, { items: items.map((item) => item.id), strategy: verticalListSortingStrategy },
+                    React.createElement("div", { className: "space-y-2" }, items.map((menu) => (React.createElement("div", { key: menu.id },
+                        React.createElement(SortableMenuItem, { item: menu, updateItem: updateItem, deleteItem: deleteItem }),
+                        menu.children && menu.children.length > 0 && (React.createElement("div", { className: "ml-5 mt-2" },
+                            React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: (event) => handleChildDragEnd(event, menu.id) },
+                                React.createElement(SortableContext, { items: menu.children.map((child) => child.id), strategy: verticalListSortingStrategy },
+                                    React.createElement("div", { className: "space-y-1" }, menu.children.map((child) => (React.createElement(SortableMenuItem, { key: child.id, item: child, updateItem: updateItem, deleteItem: deleteItem, isChild: true })))))))))))))),
+            React.createElement("input", { type: "hidden", ...register('settings.menus'), value: JSON.stringify(items) }),
+            React.createElement("div", { className: "mt-3" },
+                React.createElement("button", { type: "button", className: "text-interactive", onClick: () => modal.open() }, "Add menu item")),
+            React.createElement(Modal, { title: "Create New Menu Item", onClose: modal.close, isOpen: modal.isOpen },
+                React.createElement(MenuSettingPopup, { item: {
+                        id: uniqid(),
+                        name: '',
+                        url: '',
+                        type: 'category',
+                        uuid: '',
+                        children: []
+                    }, updateItem: (item) => {
+                        setItems((prevItems) => [...prevItems, item]);
+                        modal.close();
+                    } }))),
+        React.createElement(Card.Session, { title: "Setting" },
+            React.createElement("div", { className: "space-y-2" },
+                React.createElement("div", null,
+                    React.createElement(CheckboxField, { label: "Is Main Menu?", name: "settings.isMain", defaultValue: isMain })),
+                React.createElement("div", null,
+                    React.createElement(InputField, { label: "Custom CSS classes", name: "settings.className", defaultValue: className, helperText: "Custom CSS classes for the menu" }))))));
+}
+export const query = `
+  query Query($settings: JSON) {
+    basicMenuWidget(settings: $settings) {
+      menus {
+        id
+        name
+        url
+        type
+        uuid
+        children {
+          id
+          name
+          url
+          type
+          uuid
+        }
+      }
+      isMain
+      className
+    }
+  }
+`;
+export const variables = `{
+  settings: getWidgetSetting()
+}`;
+//# sourceMappingURL=BasicMenuSetting.js.map

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

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

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import 'slick-carousel/slick/slick.css';
+interface SlideData {
+    id: string;
+    image: string;
+    width?: number;
+    height?: number;
+    headline?: string;
+    subText?: string;
+    buttonText?: string;
+    buttonLink?: string;
+    buttonColor?: string;
+}
+interface SlideshowProps {
+    slideshowWidget: {
+        slides: SlideData[];
+        autoplay?: boolean;
+        autoplaySpeed?: number;
+        arrows?: boolean;
+        dots?: boolean;
+    };
+}
+export default function Slideshow({ slideshowWidget: { slides, autoplay, autoplaySpeed, arrows, dots } }: SlideshowProps): React.JSX.Element | null;
+export declare const query = "\n  query Query($slides: [SlideInput], $autoplay: Boolean, $autoplaySpeed: Int, $arrows: Boolean, $dots: Boolean) {\n    slideshowWidget(\n      slides: $slides,\n      autoplay: $autoplay,\n      autoplaySpeed: $autoplaySpeed,\n      arrows: $arrows,\n      dots: $dots\n    ) {\n      slides {\n        id\n        image\n        width\n        height\n        headline\n        subText\n        buttonText\n        buttonLink\n        buttonColor\n      }\n      autoplay\n      autoplaySpeed\n      arrows\n      dots\n    }\n  }\n";
+export declare const fragments = "\n  fragment SlideData on Slide {\n    id\n    image\n    width\n    height\n    headline\n    subText\n    buttonText\n    buttonLink\n    buttonColor\n  }\n";
+export declare const variables = "{\n  slides: getWidgetSetting(\"slides\"),\n  autoplay: getWidgetSetting(\"autoplay\"),\n  autoplaySpeed: getWidgetSetting(\"autoplaySpeed\"),\n  arrows: getWidgetSetting(\"arrows\"),\n  dots: getWidgetSetting(\"dots\")\n}";
+export {};

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

@@ -0,0 +1,123 @@
+import { Image } from '@components/common/Image.js';
+import React from 'react';
+import Slider from 'react-slick';
+import 'slick-carousel/slick/slick.css';
+function PrevArrow(props) {
+    const { onClick } = props;
+    return (React.createElement("button", { className: "absolute bottom-[20px] right-[70px] z-20 flex h-10 w-10 items-center justify-center rounded-full bg-black/50 text-white transition-all hover:bg-black/70 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-white/50 md:bottom-[20px] md:right-[70px] md:h-10 md:w-10", onClick: onClick, "aria-label": "Previous slide", type: "button" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-6 w-6 md:h-6 md:w-6" },
+            React.createElement("polyline", { points: "15 18 9 12 15 6" }))));
+}
+function NextArrow(props) {
+    const { onClick } = props;
+    return (React.createElement("button", { className: "absolute bottom-[20px] right-5 z-20 flex h-10 w-10 items-center justify-center rounded-full bg-black/50 text-white transition-all hover:bg-black/70 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-white/50 md:bottom-[20px] md:right-5 md:h-10 md:w-10", onClick: onClick, "aria-label": "Next slide", type: "button" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-6 w-6 md:h-6 md:w-6" },
+            React.createElement("polyline", { points: "9 18 15 12 9 6" }))));
+}
+function CustomDot(props) {
+    const { onClick, active, className } = props;
+    const isActive = active || (className && className.includes('active'));
+    return (React.createElement("button", { onClick: onClick, className: `mx-1 my-0 h-3 w-3 rounded-full transition-all focus:outline-none focus:ring-2 focus:ring-white/50 md:h-3 md:w-3 ${isActive
+            ? '!bg-black scale-125 shadow-md'
+            : '!bg-black/70 !hover:bg-black/90'}`, "aria-label": "Go to slide", type: "button" }));
+}
+const SliderComponent = Slider;
+export default function Slideshow({ slideshowWidget: { slides = [], autoplay = true, autoplaySpeed = 3000, arrows = true, dots = true } }) {
+    const settings = {
+        dots: false,
+        infinite: true,
+        speed: 500,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        autoplay: Boolean(autoplay),
+        autoplaySpeed: Number(autoplaySpeed) || 3000,
+        arrows: Boolean(arrows),
+        fade: false,
+        pauseOnHover: true,
+        adaptiveHeight: true,
+        nextArrow: arrows ? React.createElement(NextArrow, null) : undefined,
+        prevArrow: arrows ? React.createElement(PrevArrow, null) : undefined,
+        customPaging: function (i) {
+            return React.createElement(CustomDot, { active: false });
+        },
+        appendDots: (dots) => (React.createElement("div", { className: "w-full flex justify-center items-center" },
+            React.createElement("div", { className: "pr-[120px] md:pr-[120px]" }, dots))),
+        dotsClass: 'slick-dots custom-dots-container'
+    };
+    if (!slides || slides.length === 0) {
+        return null;
+    }
+    const containerClasses = ['slideshow-widget', 'relative', 'w-full'].join(' ');
+    const containerStyle = {
+        height: 'auto',
+        maxWidth: '100%'
+    };
+    const sliderStyle = {
+        height: 'auto' // Adaptive height for slider
+    };
+    return (React.createElement("div", { className: containerClasses, style: containerStyle },
+        React.createElement(SliderComponent, { ...settings, style: sliderStyle }, slides.map((slide) => (React.createElement("div", { key: slide.id, className: "relative lg:h-auto slide__wrapper !block", style: { display: 'block' } },
+            React.createElement("div", { className: "relative w-full h-full" },
+                React.createElement(Image, { src: slide.image, alt: slide.headline || 'Slideshow image', width: slide.width || 1920, height: slide.height || 0, style: {
+                        objectFit: 'cover',
+                        width: '100%',
+                        height: '100%',
+                        objectPosition: 'center'
+                    }, sizes: "100vw", priority: true }),
+                React.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center p-4 md:p-8" }, (slide.headline ||
+                    slide.subText ||
+                    (slide.buttonText && slide.buttonLink)) && (React.createElement("div", { className: "p-4 md:p-8 rounded-lg max-w-3xl" },
+                    slide.headline && (React.createElement("h2", { className: "text-white text-2xl md:text-4xl lg:text-5xl font-bold mb-2 md:mb-4 drop-shadow-lg" }, slide.headline)),
+                    slide.subText && (React.createElement("p", { className: "text-white text-sm md:text-base lg:text-lg mb-4 md:mb-8 max-w-2xl mx-auto drop-shadow-md" }, slide.subText)),
+                    slide.buttonText && slide.buttonLink && (React.createElement("a", { href: slide.buttonLink, className: "inline-block px-6 py-3 rounded-lg text-white font-medium transition-all hover:opacity-90 hover:scale-105", style: {
+                            backgroundColor: slide.buttonColor || '#3B82F6'
+                        } }, slide.buttonText))))))))))));
+}
+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=Slideshow.js.map

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

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+interface SlideData {
+    id: string;
+    image: string;
+    width?: number;
+    height?: number;
+    headline: string;
+    subText: string;
+    buttonText: string;
+    buttonLink: string;
+    buttonColor: string;
+}
+interface SlideshowSettingProps {
+    slideshowWidget?: {
+        slides?: SlideData[];
+        autoplay?: boolean;
+        autoplaySpeed?: number;
+        arrows?: boolean;
+        dots?: boolean;
+        fullWidth?: boolean;
+        widthValue?: number;
+        heightValue?: number;
+        heightType?: 'auto' | 'fixed' | 'full';
+    };
+}
+export default function SlideshowSetting({ slideshowWidget }: SlideshowSettingProps): React.JSX.Element;
+export declare const query = "\n  query Query($slides: [SlideInput], $autoplay: Boolean, $autoplaySpeed: Int, $arrows: Boolean, $dots: Boolean) {\n    slideshowWidget(\n      slides: $slides, \n      autoplay: $autoplay, \n      autoplaySpeed: $autoplaySpeed, \n      arrows: $arrows, \n      dots: $dots,\n    ) {\n      slides {\n        id\n        image\n        width\n        height\n        headline\n        subText\n        buttonText\n        buttonLink\n        buttonColor\n      }\n      autoplay\n      autoplaySpeed\n      arrows\n      dots\n    }\n  }\n";
+export declare const fragments = "\n  fragment SlideData on Slide {\n    id\n    image\n    width\n    height\n    headline\n    subText\n    buttonText\n    buttonLink\n    buttonColor\n  }\n";
+export declare const variables = "{\n  slides: getWidgetSetting(\"slides\"),\n  autoplay: getWidgetSetting(\"autoplay\"),\n  autoplaySpeed: getWidgetSetting(\"autoplaySpeed\"),\n  arrows: getWidgetSetting(\"arrows\"),\n  dots: getWidgetSetting(\"dots\"),\n}";
+export {};