@gem-sdk/pages 2.0.0-dev.884 → 2.0.0-staging.118

package/dist/cjs/pages/static.js

@@ -1 +1,75 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router");const StaticPage=({components:e,builderData:s,sectionData:t,seo:n,themeStyle:r,fontStyle:i})=>{let a=router.useRouter();return a.isFallback?jsxRuntime.jsx("div",{className:"gp-flex gp-h-full gp-items-center gp-justify-center",children:jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-2",children:[jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...n}),jsxRuntime.jsxs(Head,{children:[r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),i&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:i}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:s&&jsxRuntime.jsx(core.BuilderProvider,{state:s,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})},"body")})})})})]})};exports.default=StaticPage;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var nextSeo = require('next-seo');
+var Head = require('next/head');
+var router = require('next/router');
+
+const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
+    const router$1 = router.useRouter();
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-flex gp-h-[100vh] gp-items-center gp-justify-center",
+            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "gp-flex gp-gap-2",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "global-style",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: themeStyle
+                        }
+                    }),
+                    fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "google-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: fontStyle
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
+                    components: components,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
+                        data: sectionData,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+                            children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
+                                state: builderData,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                    uid: "ROOT"
+                                })
+                            }, "body")
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.default = StaticPage;

package/dist/cjs/store/libs-store.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var zustand = require('zustand');
+
+const libsStore = zustand.create((set)=>({
+        fontType: 'google',
+        changeFontType: (fontType)=>{
+            set({
+                fontType
+            });
+        }
+    }));
+
+exports.libsStore = libsStore;

package/dist/esm/components/ErrorBoundary.js

@@ -1 +1,39 @@
-import{jsx as r}from"react/jsx-runtime";import{Component as t}from"react";let initialState={hasError:!1};class ErrorBoundary extends t{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:t}=this.props;return this.state.hasError?r(t,{error:this.state.error,resetErrorBoundary:this.reset}):this.props.children}}export{ErrorBoundary};
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+
+const initialState = {
+    hasError: false
+};
+class ErrorBoundary extends 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__*/ jsx(FallbackComponent, {
+                error: this.state.error,
+                resetErrorBoundary: this.reset
+            });
+        }
+        // Return children components in case of no error
+        return this.props.children;
+    }
+}
+
+export { ErrorBoundary };

package/dist/esm/components/ErrorFallback.js

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

package/dist/esm/components/FacebookPixel.js

@@ -1,4 +1,28 @@
-import{jsx as e}from"react/jsx-runtime";import{fpixel as t}from"@gem-sdk/core";import{useRouter as n}from"next/router";import o from"next/script";import{useEffect as r}from"react";let FacebookPixel=({pixelId:a})=>{let s=n();return(r(()=>{let e=()=>{t.pageview()};return s.events.on("routeChangeComplete",e),s.events.on("hashChangeComplete",e),()=>{s.events.off("routeChangeComplete",e),s.events.off("hashChangeComplete",e)}},[s.events]),a)?e(o,{id:"fb-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { fpixel } from '@gem-sdk/core';
+import { usePathname, useSearchParams } from 'next/navigation';
+import Script from 'next/script';
+import { useEffect } from 'react';
+
+const FacebookPixel = ({ pixelId })=>{
+    const pathName = usePathname();
+    const searchParams = useSearchParams();
+    useEffect(()=>{
+        const handleRouteChange = ()=>{
+            fpixel.pageview();
+        };
+        handleRouteChange();
+    }, [
+        pathName,
+        searchParams
+    ]);
+    if (!pixelId) return null;
+    return /*#__PURE__*/ 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)};
@@ -7,6 +31,11 @@ import{jsx as e}from"react/jsx-runtime";import{fpixel as t}from"@gem-sdk/core";i
             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', ${a});
+            fbq('init', ${pixelId});
             fbq('track', 'PageView');
-          `}}):null};export{FacebookPixel};
+          `
+        }
+    });
+};
+
+export { FacebookPixel };

package/dist/esm/components/FooterForPostPurchase.js

@@ -1 +1,31 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{cls as t,makeStyleResponsive as p}from"@gem-sdk/core";let defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},FooterForPostPurchase=o=>e("div",{className:t("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans"),children:e("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...p("ml",defaultMargin),...p("mr",defaultMargin)},children:r("p",{className:"gp-text-lg",children:["All rights reserved ",o.shopName]})})});export{FooterForPostPurchase as default};
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cls, makeStyleResponsive } from '@gem-sdk/core';
+
+const defaultMargin = {
+    desktop: '40px',
+    tablet: '40px',
+    mobile: '40px'
+};
+const FooterForPostPurchase = (props)=>{
+    return /*#__PURE__*/ jsx("div", {
+        className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
+            style: {
+                maxWidth: `var(--g-ct-w, 1200px)`,
+                ...makeStyleResponsive('ml', defaultMargin),
+                ...makeStyleResponsive('mr', defaultMargin)
+            },
+            children: /*#__PURE__*/ jsxs("p", {
+                className: "gp-text-lg",
+                children: [
+                    "All rights reserved ",
+                    props.shopName
+                ]
+            })
+        })
+    });
+};
+
+export { FooterForPostPurchase as default };

package/dist/esm/components/GoogleAnalytic.js

@@ -1,12 +1,71 @@
-import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{gtag as n}from"@gem-sdk/core";import{useRouter as o}from"next/router";import g from"next/script";import{useEffect as r}from"react";let GoogleAnalytic=({trackingId:l})=>{let i=o();r(()=>{let e=e=>{n.pageview(e,l)};return i.events.on("routeChangeComplete",e),i.events.on("hashChangeComplete",e),()=>{i.events.off("routeChangeComplete",e),i.events.off("hashChangeComplete",e)}},[l,i.events]);let s=()=>{n.pageview(i.pathname,l)};return l?l.startsWith("UA-")?e(t,{children:[a(g,{strategy:"lazyOnload",onReady:s,src:"https://www.google-analytics.com/analytics.js"}),a(g,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-          ga('create', '${l}', 'auto');
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { gtag } from '@gem-sdk/core';
+import { useSearchParams, usePathname } from 'next/navigation';
+import Script from 'next/script';
+import { useEffect } from 'react';
+
+const GoogleAnalytic = ({ trackingId })=>{
+    const searchParams = useSearchParams();
+    const pathName = usePathname();
+    useEffect(()=>{
+        const url = pathName + searchParams.toString();
+        const handleRouteChange = (url)=>{
+            gtag.pageview(url, trackingId);
+        };
+        handleRouteChange(url);
+    }, [
+        trackingId,
+        pathName,
+        searchParams
+    ]);
+    const handleOnReady = ()=>{
+        gtag.pageview(pathName, trackingId);
+    };
+    if (!trackingId) return null;
+    if (trackingId.startsWith('UA-')) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Script, {
+                strategy: "lazyOnload",
+                onReady: handleOnReady,
+                src: "https://www.google-analytics.com/analytics.js"
+            }),
+            /*#__PURE__*/ 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');
           ga('require', 'ec');
           ga('send', 'pageview');
-            `}})]}):e(t,{children:[a(g,{strategy:"lazyOnload",onReady:s,src:`https://www.googletagmanager.com/gtag/js?id=${l}`}),a(g,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+            `
+                }
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Script, {
+                strategy: "lazyOnload",
+                onReady: handleOnReady,
+                src: `https://www.googletagmanager.com/gtag/js?id=${trackingId}`
+            }),
+            /*#__PURE__*/ jsx(Script, {
+                id: "gtag-init",
+                strategy: "lazyOnload",
+                dangerouslySetInnerHTML: {
+                    __html: `
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
-            gtag('config', '${l}', {
+            gtag('config', '${trackingId}', {
               page_path: window.location.pathname,
             });
-          `}})]}):null};export{GoogleAnalytic};
+          `
+                }
+            })
+        ]
+    });
+};
+
+export { GoogleAnalytic };

package/dist/esm/components/TikTokPixel.js

@@ -1,7 +1,22 @@
-import{jsx as t}from"react/jsx-runtime";import e from"next/script";let TikTokPixel=({pixelId:n})=>n?t(e,{id:"tiktok-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import Script from 'next/script';
+
+const TikTokPixel = ({ pixelId })=>{
+    if (!pixelId) return null;
+    return /*#__PURE__*/ 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('${n}');
+          ttq.load('${pixelId}');
           ttq.page();
         }(window, document, 'ttq');
-          `}}):null;export{TikTokPixel};
+          `
+        }
+    });
+};
+
+export { TikTokPixel };

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

@@ -0,0 +1,33 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useInteraction, cls, RenderPreview } from '@gem-sdk/core';
+import CollectionGlobalProvider from '../../pages/CollectionGlobalProvider.js';
+
+const Body = ({ pageType, isThemeSectionEditor })=>{
+    const { isInteractionMode, isSelectOnPage } = useInteraction();
+    const interactionSelectModeClass = useMemo(()=>isSelectOnPage ? 'interaction-select-mode' : '', [
+        isSelectOnPage
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        id: "storefront",
+        className: cls(isThemeSectionEditor ? 'theme-section-editor' : '', pageType === 'POST_PURCHASE' ? 'post-purchase-page' : '', interactionSelectModeClass),
+        children: [
+            pageType !== 'POST_PURCHASE' && /*#__PURE__*/ jsx("div", {
+                className: "gp-w-full gp-h-full  gp-fixed gp-left-0 gp-top-0 gp-z-[99999999]",
+                style: {
+                    pointerEvents: isInteractionMode ? 'auto' : 'none'
+                }
+            }),
+            pageType === 'GP_COLLECTION' ? /*#__PURE__*/ jsx(CollectionGlobalProvider, {
+                children: /*#__PURE__*/ jsx(RenderPreview, {
+                    uid: "ROOT"
+                })
+            }) : /*#__PURE__*/ jsx(RenderPreview, {
+                uid: "ROOT"
+            })
+        ]
+    });
+};
+
+export { Body as default };

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

@@ -0,0 +1,151 @@
+'use client';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
+import { useState, useEffect } from 'react';
+
+const defaultMargin = {
+    desktop: '16px',
+    tablet: '16px',
+    mobile: '16px'
+};
+const FOOTER_ON_COLOR = '#E2E2E2';
+const FOOTER_OFF_COLOR = '#F4F4F4';
+const Footer = (props)=>{
+    const { pageType, isOriginTemplate, openPageSetting } = props;
+    const urlParams = new URLSearchParams(window.location.search);
+    const shopName = urlParams.get('storefrontHandle');
+    const layoutSetting = useShopStore((s)=>s.layoutSettings);
+    const activeFooter = layoutSetting?.showFooter || isOriginTemplate;
+    const footerColor = activeFooter ? FOOTER_ON_COLOR : FOOTER_OFF_COLOR;
+    const [shouldFixed, setShouldFixed] = useState(false);
+    useEffect(()=>{
+        const $iframe = parent.document.body.querySelector('.iframe');
+        if (!$iframe) return;
+        const $storefront = document.body.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__*/ jsx(Fragment, {
+        children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsx("div", {
+            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
+            children: /*#__PURE__*/ jsx("div", {
+                className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
+                style: {
+                    maxWidth: `var(--g-ct-w, 1200px)`,
+                    ...makeStyleResponsive('ml', defaultMargin),
+                    ...makeStyleResponsive('mr', defaultMargin)
+                },
+                children: /*#__PURE__*/ jsxs("p", {
+                    className: "gp-text-lg",
+                    children: [
+                        "All rights reserved ",
+                        shopName
+                    ]
+                })
+            })
+        }) : /*#__PURE__*/ jsx("div", {
+            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans', {
+                'gp-fixed gp-bottom-0 gp-w-full': shouldFixed
+            }),
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",
+                style: {
+                    maxWidth: `var(--g-ct-w)`,
+                    ...makeStyleResponsive('ml', defaultMargin),
+                    ...makeStyleResponsive('mr', defaultMargin)
+                },
+                children: [
+                    /*#__PURE__*/ jsxs("svg", {
+                        width: "68",
+                        height: "8",
+                        viewBox: "0 0 68 8",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",
+                                fill: footerColor
+                            }),
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",
+                                fill: footerColor
+                            })
+                        ]
+                    }),
+                    !isOriginTemplate && /*#__PURE__*/ jsx("button", {
+                        className: "gp-footer gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",
+                        onClick: openPageSetting,
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: /*#__PURE__*/ jsxs("svg", {
+                                        width: "14",
+                                        height: "14",
+                                        viewBox: "0 0 14 14",
+                                        fill: "none",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        children: [
+                                            /*#__PURE__*/ 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__*/ 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__*/ jsx("span", {
+                                    children: "Footer"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("svg", {
+                        width: "104",
+                        height: "8",
+                        viewBox: "0 0 104 8",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",
+                                fill: footerColor
+                            }),
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",
+                                fill: footerColor
+                            }),
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M72 4C72 1.79086 73.7909 0 76 0H100C102.209 0 104 1.79086 104 4C104 6.20914 102.209 8 100 8H76C73.7909 8 72 6.20914 72 4Z",
+                                fill: footerColor
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { Footer as default };