@gem-sdk/pages 3.0.0-pre-production.0 → 3.0.0

package/dist/esm/components/builder/InteractionSelectOnPageHeader.js

@@ -1,188 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { usePageStore, useInteraction } from '@gem-sdk/core';
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-
-const InteractionSelectOnPageHeader = ()=>{
-    const selectType = usePageStore((s)=>s.interactionData?.selectType);
-    const settingType = usePageStore((s)=>s.interactionData?.settingType);
-    const setInteractionSelectType = usePageStore((s)=>s.setInteractionSelectType);
-    const { closeSelectOnPage, changeSelectMode } = useInteraction();
-    const [hoverOption, setHoverOption] = useState(null);
-    const [openDropdown, setOpenDropdown] = useState(false);
-    const popupRef = useRef(null);
-    const isSelectOnPage = usePageStore((s)=>s.interactionData?.isSelectOnPage);
-    const handleSetInteraction = (type)=>{
-        setOpenDropdown(false);
-        setInteractionSelectType(type);
-        changeSelectMode(type);
-        if (type == 'PAGE') closeSelectOnPage();
-    };
-    const handleClickOutside = useCallback((event)=>{
-        if (!openDropdown) return;
-        if (popupRef.current && !popupRef.current.contains(event.target)) {
-            setOpenDropdown(false);
-        }
-    }, [
-        openDropdown
-    ]);
-    useEffect(()=>{
-        document.addEventListener('mousedown', handleClickOutside);
-        return ()=>{
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [
-        handleClickOutside
-    ]);
-    const isShowOverlay = useMemo(()=>{
-        return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
-    }, [
-        hoverOption,
-        selectType
-    ]);
-    const title = useMemo(()=>{
-        const type = selectType === 'ELEMENT' ? 'an element' : 'entire page';
-        if (settingType === 'TRIGGER') return `Start with triggering  ${type}`;
-        return `Set ${selectType === 'ELEMENT' ? 'an element' : 'entire page'} as target`;
-    }, [
-        selectType,
-        settingType
-    ]);
-    const renderIconCheckSvg = ()=>{
-        return /*#__PURE__*/ jsx("div", {
-            className: "gp-w-[21px]",
-            children: /*#__PURE__*/ jsx("svg", {
-                width: "21",
-                height: "20",
-                viewBox: "0 0 21 20",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /*#__PURE__*/ jsx("path", {
-                    fillRule: "evenodd",
-                    clipRule: "evenodd",
-                    d: "M16.3415 5.1766C16.5528 5.41207 16.5528 5.79383 16.3415 6.0293L8.45016 14.8234C8.34869 14.9365 8.21107 15 8.06757 15C7.92408 15 7.78645 14.9365 7.68499 14.8234L4.65846 11.4505C4.44717 11.215 4.44718 10.8333 4.65848 10.5978C4.86978 10.3623 5.21236 10.3623 5.42365 10.5978L8.06759 13.5443L15.5764 5.1766C15.7877 4.94113 16.1302 4.94113 16.3415 5.1766Z",
-                    fill: "#00C853"
-                })
-            })
-        });
-    };
-    if (!isSelectOnPage) return null;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("header", {
-                className: "gp-flex gp-text-[12px] gp-justify-center gp-items-center gp-h-10 gp-fixed gp-top-0 gp-left-0 gp-w-full gp-z-[1000] gp-bg-[#151515] gp-text-white interaction-select-mode-header",
-                children: /*#__PURE__*/ jsxs("section", {
-                    className: "gp-flex gp-bg-[#151515]/[0.15] gp-items-center gp-h-full gp-rounded-b-lg gp-pt-1 gp-gap-2",
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "gp-relative",
-                            children: [
-                                /*#__PURE__*/ jsxs("button", {
-                                    className: `gp-h-full hover:gp-bg-[#7190FF] gp-w-[280px] gp-gap-2 gp-py-2 gp-px-4 gp-items-center gp-justify-center gp-leading-5 gp-font-medium  gp-flex gp-rounded-b-[8px] gp-bg-[#3C67FF] gp-text-[#F9F9F9]`,
-                                    onClick: ()=>setOpenDropdown((prev)=>!prev),
-                                    children: [
-                                        /*#__PURE__*/ jsx("p", {
-                                            className: "gp-grow",
-                                            children: title
-                                        }),
-                                        settingType === 'TRIGGER' && /*#__PURE__*/ jsx("div", {
-                                            className: "gp-w-[21px]",
-                                            children: /*#__PURE__*/ jsx("svg", {
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 16 16",
-                                                fill: "currentColor",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                children: /*#__PURE__*/ jsx("path", {
-                                                    fillRule: "evenodd",
-                                                    clipRule: "evenodd",
-                                                    d: "M4.13017 6.11716C4.30374 5.96095 4.58515 5.96095 4.75871 6.11716L8 9.03431L11.2413 6.11716C11.4149 5.96095 11.6963 5.96095 11.8698 6.11716C12.0434 6.27337 12.0434 6.52663 11.8698 6.68284L8.31427 9.88284C8.1407 10.0391 7.8593 10.0391 7.68573 9.88284L4.13017 6.68284C3.95661 6.52663 3.95661 6.27337 4.13017 6.11716Z",
-                                                    fill: "currentColor"
-                                                })
-                                            })
-                                        })
-                                    ]
-                                }),
-                                openDropdown && settingType === 'TRIGGER' && /*#__PURE__*/ jsxs("div", {
-                                    ref: popupRef,
-                                    className: "gp-p-2 gp-flex gp-flex-col gp-absolute gp-top-[calc(100%_+_4px)] gp-w-[280px] gp-bg-[#151515] gp-rounded-xl gp-text-white",
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
-                                            "aria-hidden": true,
-                                            onClick: ()=>handleSetInteraction('ELEMENT'),
-                                            onMouseOver: ()=>setHoverOption('ELEMENT'),
-                                            onFocus: ()=>setHoverOption('ELEMENT'),
-                                            onMouseLeave: ()=>setHoverOption(null),
-                                            children: [
-                                                selectType === 'ELEMENT' ? renderIconCheckSvg() : /*#__PURE__*/ jsx("div", {
-                                                    className: "gp-w-[21px]",
-                                                    children: /*#__PURE__*/ jsx("svg", {
-                                                        width: "18",
-                                                        height: "18",
-                                                        viewBox: "0 0 18 18",
-                                                        fill: "none",
-                                                        xmlns: "http://www.w3.org/2000/svg",
-                                                        children: /*#__PURE__*/ jsx("path", {
-                                                            fillRule: "evenodd",
-                                                            clipRule: "evenodd",
-                                                            d: "M8.99983 0.351562C9.34501 0.351562 9.62483 0.631385 9.62483 0.976562V2.15278C12.923 2.45 15.5496 5.07654 15.8468 8.37476H17.0233C17.3684 8.37476 17.6483 8.65458 17.6483 8.99976C17.6483 9.34493 17.3684 9.62476 17.0233 9.62476H15.8468C15.5496 12.923 12.923 15.5495 9.62483 15.8467V17.0232C9.62483 17.3683 9.34501 17.6482 8.99983 17.6482C8.65465 17.6482 8.37483 17.3683 8.37483 17.0232V15.8467C5.07662 15.5495 2.45007 12.923 2.15286 9.62476H0.976562C0.631385 9.62476 0.351562 9.34493 0.351562 8.99976C0.351562 8.65458 0.631385 8.37476 0.976562 8.37476H2.15286C2.45007 5.07654 5.07662 2.45 8.37483 2.15278V0.976562C8.37483 0.631385 8.65465 0.351562 8.99983 0.351562ZM3.40916 9.62476H5.97656C6.32174 9.62476 6.60156 9.34493 6.60156 8.99976C6.60156 8.65458 6.32174 8.37476 5.97656 8.37476H3.40916C3.69738 5.7675 5.76757 3.6973 8.37483 3.40909V5.97656C8.37483 6.32174 8.65465 6.60156 8.99983 6.60156C9.34501 6.60156 9.62483 6.32174 9.62483 5.97656V3.40909C12.2321 3.6973 14.3023 5.7675 14.5905 8.37476H12.0233C11.6781 8.37476 11.3983 8.65458 11.3983 8.99976C11.3983 9.34493 11.6781 9.62476 12.0233 9.62476H14.5905C14.3023 12.232 12.2321 14.3022 9.62483 14.5904V12.0232C9.62483 11.678 9.34501 11.3982 8.99983 11.3982C8.65465 11.3982 8.37483 11.678 8.37483 12.0232V14.5904C5.76757 14.3022 3.69738 12.232 3.40916 9.62476Z",
-                                                            fill: "#AAAAAA"
-                                                        })
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "An element"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
-                                            onClick: ()=>handleSetInteraction('PAGE'),
-                                            onMouseOver: ()=>setHoverOption('PAGE'),
-                                            onFocus: ()=>setHoverOption('PAGE'),
-                                            onMouseLeave: ()=>setHoverOption(null),
-                                            "aria-hidden": true,
-                                            children: [
-                                                selectType === 'PAGE' ? renderIconCheckSvg() : /*#__PURE__*/ jsx("svg", {
-                                                    width: "21",
-                                                    height: "20",
-                                                    viewBox: "0 0 21 20",
-                                                    fill: "none",
-                                                    xmlns: "http://www.w3.org/2000/svg",
-                                                    children: /*#__PURE__*/ jsx("path", {
-                                                        fillRule: "evenodd",
-                                                        clipRule: "evenodd",
-                                                        d: "M7.25 4.5C6.55964 4.5 6 5.05964 6 5.75V14.25C6 14.9404 6.55964 15.5 7.25 15.5H13.75C14.4404 15.5 15 14.9404 15 14.25V9.5H11.75C10.7835 9.5 10 8.7165 10 7.75V4.5H7.25ZM11.5 5.56066L13.9393 8H11.75C11.6119 8 11.5 7.88807 11.5 7.75V5.56066ZM4.5 5.75C4.5 4.23122 5.73122 3 7.25 3H10.75C10.9489 3 11.1397 3.07902 11.2803 3.21967L16.2803 8.21967C16.421 8.36032 16.5 8.55109 16.5 8.75V14.25C16.5 15.7688 15.2688 17 13.75 17H7.25C5.73122 17 4.5 15.7688 4.5 14.25V5.75Z",
-                                                        fill: "#AAAAAA"
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "Entire page"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx("button", {
-                            className: "",
-                            onClick: closeSelectOnPage,
-                            children: "Cancel"
-                        })
-                    ]
-                })
-            }),
-            isShowOverlay && /*#__PURE__*/ jsx("div", {
-                className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] gp-bg-[#3c67ff]/[0.25] gp-pointer-events-none`,
-                style: {
-                    height: 'calc(100% - 40px)'
-                }
-            })
-        ]
-    });
-};
-
-export { InteractionSelectOnPageHeader as default };

package/dist/esm/libs/helpers/gen-favicon.js

@@ -1,20 +0,0 @@
-const genResizeFaviconUrl = (faviconUrl, size)=>{
-    if (!faviconUrl) {
-        return '/favicon/favicon-32x32.png';
-    }
-    const urlParts = faviconUrl.split('.');
-    const extension = urlParts.pop();
-    if ([
-        'jpg',
-        'jpeg',
-        'png',
-        'gif',
-        'webp',
-        'ico'
-    ].includes(extension?.toLocaleLowerCase())) {
-        return `${urlParts.join('.')}_x${size}.${extension}`;
-    }
-    return faviconUrl;
-};
-
-export { genResizeFaviconUrl };