@gem-sdk/pages 1.13.42 → 1.14.0-dev.323

package/dist/cjs/components/ErrorBoundary.js

@@ -1,40 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const initialState = {
-    hasError: false
-};
-class ErrorBoundary extends react.Component {
-    state = initialState;
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI
-        return {
-            hasError: true,
-            error
-        };
-    }
-    reset = ()=>{
-        this.setState(initialState);
-    };
-    componentDidCatch(error, errorInfo) {
-        // You can use your own error logging service here
-        this.props.onError?.(error, errorInfo);
-    }
-    render() {
-        const { FallbackComponent } = this.props;
-        // Check if the error is thrown
-        if (this.state.hasError) {
-            // You can render any custom fallback UI
-            return /*#__PURE__*/ jsxRuntime.jsx(FallbackComponent, {
-                error: this.state.error,
-                resetErrorBoundary: this.reset
-            });
-        }
-        // Return children components in case of no error
-        return this.props.children;
-    }
-}
-
-exports.ErrorBoundary = ErrorBoundary;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");const initialState={hasError:!1};class ErrorBoundary extends react.Component{state=initialState;static getDerivedStateFromError(r){return{hasError:!0,error:r}}reset=()=>{this.setState(initialState)};componentDidCatch(r,t){this.props.onError?.(r,t)}render(){let{FallbackComponent:r}=this.props;return this.state.hasError?jsxRuntime.jsx(r,{error:this.state.error,resetErrorBoundary:this.reset}):this.props.children}}exports.ErrorBoundary=ErrorBoundary;

package/dist/cjs/components/ErrorFallback.js

@@ -1,26 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const ErrorFallback = ({ error, resetErrorBoundary })=>{
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        role: "alert",
-        className: "flex flex-col items-center gap-2",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("p", {
-                className: "text-center text-2xl",
-                children: "Oops! Something went wrong"
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("pre", {
-                children: error?.message
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                onClick: resetErrorBoundary,
-                className: "inline-flex h-10 items-center justify-center gap-2 rounded bg-[#3C67FF] px-6 text-white active:translate-y-1",
-                children: "Try again"
-            })
-        ]
-    });
-};
-
-exports.ErrorFallback = ErrorFallback;
+"use strict";var jsxRuntime=require("react/jsx-runtime");const ErrorFallback=({error:e,resetErrorBoundary:t})=>jsxRuntime.jsxs("div",{role:"alert",className:"flex flex-col items-center gap-2",children:[jsxRuntime.jsx("p",{className:"text-center text-2xl",children:"Oops! Something went wrong"}),jsxRuntime.jsx("pre",{children:e?.message}),jsxRuntime.jsx("button",{onClick:t,className:"inline-flex h-10 items-center justify-center gap-2 rounded bg-[#3C67FF] px-6 text-white active:translate-y-1",children:"Try again"})]});exports.ErrorFallback=ErrorFallback;

package/dist/cjs/components/FacebookPixel.js

@@ -1,32 +1,4 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var router = require('next/router');
-var Script = require('next/script');
-var react = require('react');
-
-const FacebookPixel = ({ pixelId })=>{
-    const router$1 = router.useRouter();
-    react.useEffect(()=>{
-        const handleRouteChange = ()=>{
-            core.fpixel.pageview();
-        };
-        router$1.events.on('routeChangeComplete', handleRouteChange);
-        router$1.events.on('hashChangeComplete', handleRouteChange);
-        return ()=>{
-            router$1.events.off('routeChangeComplete', handleRouteChange);
-            router$1.events.off('hashChangeComplete', handleRouteChange);
-        };
-    }, [
-        router$1.events
-    ]);
-    if (!pixelId) return null;
-    return /*#__PURE__*/ jsxRuntime.jsx(Script, {
-        id: "fb-pixel",
-        strategy: "lazyOnload",
-        dangerouslySetInnerHTML: {
-            __html: `
+"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),router=require("next/router"),Script=require("next/script"),react=require("react");const FacebookPixel=({pixelId:e})=>{let t=router.useRouter();return(react.useEffect(()=>{let e=()=>{core.fpixel.pageview()};return t.events.on("routeChangeComplete",e),t.events.on("hashChangeComplete",e),()=>{t.events.off("routeChangeComplete",e),t.events.off("hashChangeComplete",e)}},[t.events]),e)?jsxRuntime.jsx(Script,{id:"fb-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
             !function(f,b,e,v,n,t,s)
             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
@@ -35,11 +7,6 @@ const FacebookPixel = ({ pixelId })=>{
             t.src=v;s=b.getElementsByTagName(e)[0];
             s.parentNode.insertBefore(t,s)}(window, document,'script',
             'https://connect.facebook.net/en_US/fbevents.js');
-            fbq('init', ${pixelId});
+            fbq('init', ${e});
             fbq('track', 'PageView');
-          `
-        }
-    });
-};
-
-exports.FacebookPixel = FacebookPixel;
+          `}}):null};exports.FacebookPixel=FacebookPixel;

package/dist/cjs/components/Footer.js

@@ -1,141 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var react = require('react');
-
-const defaultMargin = {
-    desktop: '40px',
-    tablet: '40px',
-    mobile: '40px'
-};
-const Footer = ()=>{
-    const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
-    const [shouldFixed, setShouldFixed] = react.useState(false);
-    react.useEffect(()=>{
-        const $iframe = parent.document.querySelector('.iframe');
-        if (!$iframe) return;
-        const $storefront = document.querySelector('#storefront');
-        if (!$storefront) return;
-        const headerHeight = 40;
-        const footerHeight = 48;
-        const iframeHeight = $iframe.clientHeight;
-        const comparedHeight = layoutSetting?.showHeader ? iframeHeight - headerHeight - footerHeight : iframeHeight - footerHeight;
-        const observer = new ResizeObserver((entries)=>{
-            // Handle set fixed footer
-            const currentEditingFrameHeight = entries[0]?.target.clientHeight;
-            if (currentEditingFrameHeight && comparedHeight) setShouldFixed(currentEditingFrameHeight < comparedHeight);
-        });
-        observer.observe($storefront);
-        return ()=>{
-            observer.unobserve($storefront);
-        };
-    }, [
-        layoutSetting
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-footer-container border-1 group flex h-[48px] justify-center border-y border-[#EEEEEE] bg-white font-sans', {
-            hidden: !layoutSetting?.showFooter,
-            'fixed bottom-0 w-full': shouldFixed
-        }),
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "flex h-[40px] flex-1 items-center justify-between",
-            style: {
-                maxWidth: `var(--g-ct-w)`,
-                ...core.makeStyleResponsive('ml', defaultMargin),
-                ...core.makeStyleResponsive('mr', defaultMargin)
-            },
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                    width: "192",
-                    height: "8",
-                    viewBox: "0 0 192 8",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "68",
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "136",
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-footer invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "flex h-[24px] w-[24px] items-center justify-center",
-                        children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                            width: "14",
-                            height: "14",
-                            viewBox: "0 0 14 14",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg",
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                    fillRule: "evenodd",
-                                    clipRule: "evenodd",
-                                    d: "M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",
-                                    fill: "#212121"
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                    fillRule: "evenodd",
-                                    clipRule: "evenodd",
-                                    d: "M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",
-                                    fill: "#212121"
-                                })
-                            ]
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                    width: "82",
-                    height: "8",
-                    viewBox: "0 0 82 8",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            width: "22",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "30",
-                            width: "22",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "60",
-                            width: "22",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-exports.default = Footer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},FOOTER_OFF_COLOR="#F4F4F4",Footer=()=>{let e=core.useShopStore(e=>e.layoutSettings),[t,s]=react.useState(!1);return react.useEffect(()=>{let t=parent.document.querySelector(".iframe");if(!t)return;let r=document.querySelector("#storefront");if(!r)return;let i=t.clientHeight,o=e?.showHeader?i-40-48:i-48,l=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&o&&s(t<o)});return l.observe(r),()=>{l.unobserve(r)}},[e]),jsxRuntime.jsx("div",{className:core.cls("gp-footer-container border-1 group flex h-[48px] justify-center border-y border-[#EEEEEE] bg-white font-sans",{"fixed bottom-0 w-full":t}),children:jsxRuntime.jsxs("div",{className:"flex h-[40px] flex-1 items-center justify-between",style:{maxWidth:"var(--g-ct-w)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:[jsxRuntime.jsxs("svg",{width:"192",height:"8",viewBox:"0 0 192 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H52C54.2091 0 56 1.79086 56 4C56 6.20914 54.2091 8 52 8H4C1.79086 8 0 6.20914 0 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M68 4C68 1.79086 69.7909 0 72 0H120C122.209 0 124 1.79086 124 4C124 6.20914 122.209 8 120 8H72C69.7909 8 68 6.20914 68 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M136 4C136 1.79086 137.791 0 140 0H188C190.209 0 192 1.79086 192 4C192 6.20914 190.209 8 188 8H140C137.791 8 136 6.20914 136 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR})]}),jsxRuntime.jsx("div",{className:"gp-footer invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",children:jsxRuntime.jsx("div",{className:"flex h-[24px] w-[24px] items-center justify-center",children:jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})})}),jsxRuntime.jsxs("svg",{width:"82",height:"8",viewBox:"0 0 82 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4C22 6.20914 20.2091 8 18 8H4C1.79086 8 0 6.20914 0 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M30 4C30 1.79086 31.7909 0 34 0H48C50.2091 0 52 1.79086 52 4C52 6.20914 50.2091 8 48 8H34C31.7909 8 30 6.20914 30 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M60 4C60 1.79086 61.7909 0 64 0H78C80.2091 0 82 1.79086 82 4C82 6.20914 80.2091 8 78 8H64C61.7909 8 60 6.20914 60 4Z",fill:e?.showFooter?"#D6D6D6":FOOTER_OFF_COLOR})]})]})})};exports.default=Footer;

package/dist/cjs/components/GoogleAnalytic.js

@@ -1,74 +1,12 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var router = require('next/router');
-var Script = require('next/script');
-var react = require('react');
-
-const GoogleAnalytic = ({ trackingId })=>{
-    const router$1 = router.useRouter();
-    react.useEffect(()=>{
-        const handleRouteChange = (url)=>{
-            core.gtag.pageview(url, trackingId);
-        };
-        router$1.events.on('routeChangeComplete', handleRouteChange);
-        router$1.events.on('hashChangeComplete', handleRouteChange);
-        return ()=>{
-            router$1.events.off('routeChangeComplete', handleRouteChange);
-            router$1.events.off('hashChangeComplete', handleRouteChange);
-        };
-    }, [
-        trackingId,
-        router$1.events
-    ]);
-    const handleOnReady = ()=>{
-        core.gtag.pageview(router$1.pathname, trackingId);
-    };
-    if (!trackingId) return null;
-    if (trackingId.startsWith('UA-')) return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                strategy: "lazyOnload",
-                onReady: handleOnReady,
-                src: "https://www.google-analytics.com/analytics.js"
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                id: "google-analytics",
-                strategy: "lazyOnload",
-                dangerouslySetInnerHTML: {
-                    __html: `window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-          ga('create', '${trackingId}', 'auto');
+"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),router=require("next/router"),Script=require("next/script"),react=require("react");const GoogleAnalytic=({trackingId:e})=>{let t=router.useRouter();react.useEffect(()=>{let a=t=>{core.gtag.pageview(t,e)};return t.events.on("routeChangeComplete",a),t.events.on("hashChangeComplete",a),()=>{t.events.off("routeChangeComplete",a),t.events.off("hashChangeComplete",a)}},[e,t.events]);let a=()=>{core.gtag.pageview(t.pathname,e)};return e?e.startsWith("UA-")?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Script,{strategy:"lazyOnload",onReady:a,src:"https://www.google-analytics.com/analytics.js"}),jsxRuntime.jsx(Script,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+          ga('create', '${e}', 'auto');
           ga('require', 'ec');
           ga('send', 'pageview');
-            `
-                }
-            })
-        ]
-    });
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                strategy: "lazyOnload",
-                onReady: handleOnReady,
-                src: `https://www.googletagmanager.com/gtag/js?id=${trackingId}`
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                id: "gtag-init",
-                strategy: "lazyOnload",
-                dangerouslySetInnerHTML: {
-                    __html: `
+            `}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Script,{strategy:"lazyOnload",onReady:a,src:`https://www.googletagmanager.com/gtag/js?id=${e}`}),jsxRuntime.jsx(Script,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
-            gtag('config', '${trackingId}', {
+            gtag('config', '${e}', {
               page_path: window.location.pathname,
             });
-          `
-                }
-            })
-        ]
-    });
-};
-
-exports.GoogleAnalytic = GoogleAnalytic;
+          `}})]}):null};exports.GoogleAnalytic=GoogleAnalytic;

package/dist/cjs/components/Header.js

@@ -1,110 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-
-const defaultMargin = {
-    desktop: '40px',
-    tablet: '40px',
-    mobile: '40px'
-};
-const Header = ()=>{
-    const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-header-container border-1 group relative flex justify-center border-b border-[#EEEEEE] font-sans', {
-            hidden: !layoutSetting?.showHeader
-        }),
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "flex h-[40px] flex-1 items-center justify-between",
-            style: {
-                maxWidth: `var(--g-ct-w)`,
-                ...core.makeStyleResponsive('ml', defaultMargin),
-                ...core.makeStyleResponsive('mr', defaultMargin)
-            },
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                    width: "84",
-                    height: "8",
-                    viewBox: "0 0 84 8",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            width: "22",
-                            height: "8",
-                            rx: "3",
-                            fill: "#9E9E9E"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "28",
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-header invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "flex h-[24px] w-[24px] items-center justify-center",
-                        children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                            width: "14",
-                            height: "14",
-                            viewBox: "0 0 14 14",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg",
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                    fillRule: "evenodd",
-                                    clipRule: "evenodd",
-                                    d: "M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",
-                                    fill: "#212121"
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                    fillRule: "evenodd",
-                                    clipRule: "evenodd",
-                                    d: "M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",
-                                    fill: "#212121"
-                                })
-                            ]
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                    width: "192",
-                    height: "8",
-                    viewBox: "0 0 192 8",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "68",
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                            x: "136",
-                            width: "56",
-                            height: "8",
-                            rx: "3",
-                            fill: "#E1E1E1"
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-exports.default = Header;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},HEADER_OFF_COLOR="#F4F4F4",Header=()=>{let e=core.useShopStore(e=>e.layoutSettings);return jsxRuntime.jsx("div",{className:core.cls("gp-header-container border-1 group relative flex justify-center border-b border-[#EEEEEE] font-sans"),children:jsxRuntime.jsxs("div",{className:"flex h-[40px] flex-1 items-center justify-between",style:{maxWidth:"var(--g-ct-w)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:[jsxRuntime.jsxs("svg",{width:"84",height:"8",viewBox:"0 0 84 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4C22 6.20914 20.2091 8 18 8H4C1.79086 8 0 6.20914 0 4Z",fill:e?.showHeader?"#9E9E9E":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H80C82.2091 0 84 1.79086 84 4C84 6.20914 82.2091 8 80 8H32C29.7909 8 28 6.20914 28 4Z",fill:e?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]}),jsxRuntime.jsx("div",{className:"gp-header invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",children:jsxRuntime.jsx("div",{className:"flex h-[24px] w-[24px] items-center justify-center",children:jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})})}),jsxRuntime.jsxs("svg",{width:"192",height:"8",viewBox:"0 0 192 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H52C54.2091 0 56 1.79086 56 4C56 6.20914 54.2091 8 52 8H4C1.79086 8 0 6.20914 0 4Z",fill:e?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M68 4C68 1.79086 69.7909 0 72 0H120C122.209 0 124 1.79086 124 4C124 6.20914 122.209 8 120 8H72C69.7909 8 68 6.20914 68 4Z",fill:e?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M136 4C136 1.79086 137.791 0 140 0H188C190.209 0 192 1.79086 192 4C192 6.20914 190.209 8 188 8H140C137.791 8 136 6.20914 136 4Z",fill:e?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]})]})})};exports.default=Header;

package/dist/cjs/components/TikTokPixel.js

@@ -1,23 +1,7 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Script = require('next/script');
-
-const TikTokPixel = ({ pixelId })=>{
-    if (!pixelId) return null;
-    return /*#__PURE__*/ jsxRuntime.jsx(Script, {
-        id: "tiktok-pixel",
-        strategy: "lazyOnload",
-        dangerouslySetInnerHTML: {
-            __html: `
+"use strict";var jsxRuntime=require("react/jsx-runtime"),Script=require("next/script");const TikTokPixel=({pixelId:t})=>t?jsxRuntime.jsx(Script,{id:"tiktok-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
         !function (w, d, t) {
           w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
-          ttq.load('${pixelId}');
+          ttq.load('${t}');
           ttq.page();
         }(window, document, 'ttq');
-          `
-        }
-    });
-};
-
-exports.TikTokPixel = TikTokPixel;
+          `}}):null;exports.TikTokPixel=TikTokPixel;

package/dist/cjs/components/builder/PopupManager.js

@@ -1,62 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var react = require('react');
-
-const isDialog = (item)=>!!item && item?.tag === 'Dialog' && item.type === 'component';
-const PopupManager = ()=>{
-    const state = core.useBuilderPreviewStore((s)=>s.state);
-    const setModalActive = core.useModalStore((s)=>s.setModalActive);
-    const activeModalId = core.useModalStore((s)=>s.activeId);
-    const popups = react.useMemo(()=>{
-        return state.ROOT.childrens?.map((id)=>{
-            return state?.[id];
-        }).filter(isDialog);
-    }, [
-        state
-    ]);
-    const onSetActiveModal = react.useCallback((e)=>{
-        const detail = e.detail;
-        setModalActive(detail?.modalId);
-    }, [
-        setModalActive
-    ]);
-    react.useEffect(()=>{
-        window.addEventListener('set-active-modal', onSetActiveModal);
-        return ()=>{
-            window.removeEventListener('set-active-modal', onSetActiveModal);
-        };
-    }, [
-        onSetActiveModal
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "pointer-events-none fixed inset-y-0 right-0 z-10 flex w-10 flex-col items-center justify-center gap-1 overflow-y-auto overflow-x-hidden text-sm",
-        children: popups?.map((item)=>{
-            const display = item?.advanced?.d;
-            return /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls('pointer-events-auto w-full shrink cursor-pointer select-none items-center justify-center whitespace-nowrap py-2 text-white [writing-mode:vertical-lr]', {
-                    'bg-blue-500': activeModalId === item.uid,
-                    'bg-blue-700': activeModalId !== item.uid
-                }),
-                role: "button",
-                "aria-hidden": "true",
-                onClick: ()=>setModalActive(item?.uid),
-                style: {
-                    '--d': display?.desktop ? 'inline-flex' : 'none',
-                    '--d-tablet': display?.tablet ? 'inline-flex' : 'none',
-                    '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                    className: "text-ellipsis whitespace-nowrap",
-                    children: item?.settings?.name || 'Popup Name'
-                })
-            }, item?.uid);
-        })
-    });
-};
-var PopupManager$1 = /*#__PURE__*/ react.memo(PopupManager);
-
-exports.default = PopupManager$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const isDialog=e=>!!e&&e?.tag==="Dialog"&&"component"===e.type,PopupManager=()=>{let e=core.useBuilderPreviewStore(e=>e.state),t=core.useModalStore(e=>e.setModalActive),i=core.useModalStore(e=>e.activeId),r=react.useMemo(()=>e.ROOT.childrens?.map(t=>e?.[t]).filter(isDialog),[e]),n=react.useCallback(e=>{let i=e.detail;t(i?.modalId)},[t]);return react.useEffect(()=>(window.addEventListener("set-active-modal",n),()=>{window.removeEventListener("set-active-modal",n)}),[n]),jsxRuntime.jsx("div",{className:"pointer-events-none fixed inset-y-0 right-0 z-10 flex w-10 flex-col items-center justify-center gap-1 overflow-y-auto overflow-x-hidden text-sm",children:r?.map(e=>{let r=e?.advanced?.d;return jsxRuntime.jsx("div",{className:core.cls("pointer-events-auto w-full shrink cursor-pointer select-none items-center justify-center whitespace-nowrap py-2 text-white [writing-mode:vertical-lr]",{"bg-blue-500":i===e.uid,"bg-blue-700":i!==e.uid}),role:"button","aria-hidden":"true",onClick:()=>t(e?.uid),style:{"--d":r?.desktop?"inline-flex":"none","--d-tablet":r?.tablet?"inline-flex":"none","--d-mobile":r?.mobile?"inline-flex":"none"},children:jsxRuntime.jsx("span",{className:"text-ellipsis whitespace-nowrap",children:e?.settings?.name||"Popup Name"})},e?.uid)})})};var PopupManager$1=react.memo(PopupManager);exports.default=PopupManager$1;

package/dist/cjs/components/builder/Toolbar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const TOOLBAR_HOVER_HEIGHT=24,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=(t,e,r)=>{for(let o=0;o<r;o++){let r=t.top-23*o>=e.top&&t.top-23*o<=e.top+e.height&&t.left>=e.left&&t.left<=e.left+e.width;if(r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<37},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},Toolbar=()=>{let t=react.useRef(null),e=react.useRef(!1),r=react.useRef(),o=react.useRef(!1),a=react.useCallback(({$component:t,componentUid:e,focus:r,isThemeSection:o})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let a=getChildrenByAttrSelector(t,"data-toolbar"),i=getChildrenByAttrSelector(t,"data-outline"),l=getChildrenByAttrSelector(t,"data-toolbar-add-top"),n=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),d=getChildrenByAttrSelector(t,"data-theme-section-status");if(o&&d&&d.setAttribute("data-theme-section-status-active","true"),a){a.removeAttribute("style"),a.setAttribute("data-toolbar-hover","true"),r&&a.setAttribute("data-toolbar-hover-focus","true");let e=findOverflowParent(t,a);e&&a.setAttribute("data-toolbar-hover-revert","true")}i&&(i.setAttribute("data-outline-hover","true"),o&&i.setAttribute("data-outline-overlay-theme-section","true"),r&&i.setAttribute("data-outline-hover-focus","true")),l&&l.setAttribute("data-toolbar-add-hover","true"),n&&n.setAttribute("data-toolbar-add-hover","true")},[]),i=react.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])');if(r.length){for(let t of r)t&&a({$component:t});l({$component:t,$parents:r})}},[a]),l=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let a=getChildrenByAttrSelector(r,"data-toolbar-hover");if(a){let e=a.getAttribute("data-toolbar-active");if(e)continue;let r=a.getBoundingClientRect();if(isOverParent(t,r,o)){let e=getComputedStyle(a),i=!!a.getAttribute("data-toolbar-hover-revert"),l=t.top-r.top,n=t.left-r.left,d=parseFloat(e.top)+l-23*o;i&&(d=parseFloat(e.top)-l+23*o);let u=parseFloat(e.left)+n;a.setAttribute("style",`top: ${d}px;left: ${u}px;`),o++}}}}},n=react.useCallback(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),d=react.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-outline-hover","data-toolbar-add-hover"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),n()},[n]),u=react.useCallback(()=>{t.current=null;let e=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover"],o=document.querySelectorAll(e.map(t=>`[${t}]`).join(","));o&&e.forEach(t=>{o.forEach(e=>e.removeAttribute(t))}),v(!1),r.current&&r.current.disconnect()},[]),c=(t,e)=>{let o=t.parentNode;o&&(r.current&&r.current.disconnect(),r.current=new MutationObserver(o=>{for(let a of o)a.removedNodes.forEach(o=>{o===t&&(r.current&&r.current.disconnect(),e())})}),r.current.observe(o,{childList:!0}))},s=react.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),b=(t,e)=>{let r=t.closest('[data-toolbar-wrap][data-component-tag="Section"]');if(r){if(e){let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.setAttribute("data-toolbar-force-hover","true"),e&&e.setAttribute("data-outline-force-hover","true")}else{let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.removeAttribute("data-toolbar-force-hover"),e&&e.removeAttribute("data-outline-force-hover")}}},f=react.useCallback(async({componentUid:e,productId:r,timeAwait:o=500,forceReActive:a})=>{if(!e)return;let i=await waitForElementToExist(`${r?`[data-product-id="${r}"] `:""}[data-uid="${e}"]`,o);if(!i||!a&&e==t.current?.componentUid&&r==t.current?.productId)return;(a||e===t.current?.componentUid)&&r===t.current?.productId||u();let l=getChildrenByAttrSelector(i,"data-toolbar"),n=getChildrenByAttrSelector(i,"data-outline"),v=getChildrenByAttrSelector(i,"data-toolbar-add-top"),m=getChildrenByAttrSelector(i,"data-toolbar-add-bottom");if(l){t.current={componentUid:e,productId:r},l.removeAttribute("style"),l.setAttribute("data-toolbar-active","true");let o=findOverflowParent(i,l);o&&l.setAttribute("data-toolbar-active-revert","true")}if(n&&n.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),m&&m.setAttribute("data-toolbar-add-active","true"),r){let t=document.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}s({$component:i}),b(i,!0),d(),c(i,()=>{f({componentUid:e,productId:r,timeAwait:2e3,forceReActive:!0})})},[u,d,s]),v=async e=>{if(e){if(t.current?.componentUid){let r=t.current?.componentUid,o=t.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(a){let t=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&e&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},m=react.useCallback(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),h=async({value:e})=>{if(!e)return;let r=await waitForElementToExist(`${t.current?.productId?`[data-product-id="${t.current?.productId}"] `:""}[data-uid="${t.current?.componentUid}"]`,500);if(r){let e=r?.querySelectorAll("[data-toolbar-parent]");if(e.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async e=>{let r=e.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=t.current?.productId||"");let l=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(e),window.dispatchEvent(l)};e.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},g=react.useCallback(r=>{if(e.current||o.current)return;let l=r.target;if(!l){n();return}let u=l.closest("[data-toolbar-hover]");if(u){n();let t=l.closest("[data-toolbar-wrap]");if(!t)return;let e=getChildrenByAttrSelector(t,"data-outline");if(!e)return;let r=t.getAttribute("data-theme-section"),o=r?"data-outline-overlay-theme-section":"data-outline-overlay";e.setAttribute(o,"true")}else{let e=l.closest("[data-toolbar-wrap]"),r=e?.getAttribute("data-uid");if(!e||!r||"ROOT"==r){d();return}let o=getChildrenByAttrSelector(e,"data-toolbar"),n=getChildrenByAttrSelector(e,"data-outline");if(n&&n.removeAttribute("data-outline-overlay"),!r||"ROOT"==r||o?.getAttribute("data-toolbar-hover-focus"))return;if(o?.getAttribute("data-toolbar-hover-focus")||d(),m(l),r==t.current?.componentUid){if(t.current.productId){let r=e.closest("[data-product-id]");if(r){let e=r.getAttribute("data-product-id");if(e==t.current.productId)return}}let r=l.closest("[data-theme-section]");if(!r)return;a({$component:r,focus:!0,isThemeSection:!0})}let u=l.closest("[data-theme-section]");u?a({$component:u,focus:!0,isThemeSection:!0}):(a({$component:e,componentUid:r,focus:!0}),i({$component:e,componentUid:r}))}},[m,d,a,i,n,t]),p=react.useCallback(t=>{if(e.current)return;let r=t.detail;r?.componentUid?f({componentUid:r.componentUid,productId:r.productId}):u()},[f,u,e]),A=react.useCallback(()=>{d()},[d]),y=react.useCallback(t=>{let r=t.detail;r.value&&(d(),u()),e.current=r.value},[d,u]),w=react.useCallback(t=>{let e=t.detail;e.value?v(!0):v(!1)},[]),S=react.useCallback(t=>{if(e.current)return;let r=t.detail;h({value:r?.value||!1})},[]),C=react.useCallback(t=>{let e=t.detail;e?.value?(d(),o.current=!0):o.current=!1},[d]);return react.useEffect(()=>(document.addEventListener("mousemove",g),window.addEventListener("editor:active-component",p),window.addEventListener("editor:focus-outside-preview",A),window.addEventListener("editor:is-dragging",y),window.addEventListener("editor:is-editing-text-editor",w),window.addEventListener("editor:toolbar:show-parents",S),window.addEventListener("editor:toolbar:resize-spacing",C),()=>{document.removeEventListener("mousemove",g),window.removeEventListener("editor:active-component",p),window.removeEventListener("editor:is-dragging",A),window.removeEventListener("editor:is-dragging",y),window.removeEventListener("editor:is-editing-text-editor",w),window.removeEventListener("editor:toolbar:show-parents",S),window.removeEventListener("editor:toolbar:resize-spacing",C)}),[g,p,A,y,w,S,C]),null};var Toolbar$1=react.memo(Toolbar);exports.default=Toolbar$1;