@gem-sdk/pages 1.5.7 → 1.5.23

package/dist/cjs/pages/preview.js

@@ -3,18 +3,24 @@
 var jsxRuntime = require('react/jsx-runtime');
 var dynamic = require('next/dynamic');
 
-const StaticPage = dynamic(() => Promise.resolve().then(function () { return require('./static.js'); }));
-const ProductPage = dynamic(() => Promise.resolve().then(function () { return require('./product-detail.js'); }));
-const CollectionPage = dynamic(() => Promise.resolve().then(function () { return require('./collection-detail.js'); }));
-const PreviewPage = ({ pageType, ...props }) => {
-    switch (pageType) {
-        case 'PRODUCT':
-            return jsxRuntime.jsx(ProductPage, { ...props });
-        case 'COLLECTION':
-            return jsxRuntime.jsx(CollectionPage, { ...props });
-        default:
-            return jsxRuntime.jsx(StaticPage, { ...props });
-    }
+const StaticPage = dynamic(()=>Promise.resolve().then(function () { return require('./static.js'); }));
+const ProductPage = dynamic(()=>Promise.resolve().then(function () { return require('./product-detail.js'); }));
+const CollectionPage = dynamic(()=>Promise.resolve().then(function () { return require('./collection-detail.js'); }));
+const PreviewPage = ({ pageType , ...props })=>{
+    switch(pageType){
+        case 'PRODUCT':
+            return /*#__PURE__*/ jsxRuntime.jsx(ProductPage, {
+                ...props
+            });
+        case 'COLLECTION':
+            return /*#__PURE__*/ jsxRuntime.jsx(CollectionPage, {
+                ...props
+            });
+        default:
+            return /*#__PURE__*/ jsxRuntime.jsx(StaticPage, {
+                ...props
+            });
+    }
 };
 
 exports.PreviewPage = PreviewPage;

package/dist/cjs/pages/product-detail.js

@@ -9,13 +9,59 @@ var dynamic = require('next/dynamic');
 var Head = require('next/head');
 var router = require('next/router');
 
-const ProductProvider = dynamic(() => import('@gem-sdk/core').then((m) => m.ProductProvider));
-const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData, }) => {
-    const router$1 = router.useRouter();
-    if (router$1.isFallback) {
-        return jsxRuntime.jsx("div", { children: "Loading..." });
-    }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(nextSeo.NextSeo, { ...seo }), jsxRuntime.jsxs(Head, { children: [themeStyle && (jsxRuntime.jsx("style", { "data-id": "global-style", type: "text/css", dangerouslySetInnerHTML: { __html: themeStyle } })), fontStyle && (jsxRuntime.jsx("style", { "data-id": "google-fonts", type: "text/css", dangerouslySetInnerHTML: { __html: fontStyle } }))] }), jsxRuntime.jsx(core.BuilderComponentProvider, { components: components, children: jsxRuntime.jsx(core.SectionProvider, { data: sectionData, children: jsxRuntime.jsxs(ProductProvider, { product: product, children: [builderData && (jsxRuntime.jsx(core.BuilderProvider, { state: builderData, children: jsxRuntime.jsx(core.Render, { uid: "ROOT" }) })), jsxRuntime.jsx(core.AddOn, { name: "sticky-add-to-cart" })] }) }) })] }));
+const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
+const ProductDetailPage = ({ themeStyle , fontStyle , seo , product , components , builderData , sectionData  })=>{
+    const router$1 = router.useRouter();
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            children: "Loading..."
+        });
+    }
+    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.BuilderComponentProvider, {
+                components: components,
+                children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
+                    data: sectionData,
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(ProductProvider, {
+                        product: product,
+                        children: [
+                            builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
+                                state: builderData,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                    uid: "ROOT"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(core.AddOn, {
+                                name: "sticky-add-to-cart"
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
 };
 
 exports.default = ProductDetailPage;

package/dist/cjs/pages/static-v2.js

@@ -8,13 +8,68 @@ var router = require('next/router');
 var useTrackingView = require('../libs/hooks/use-tracking-view.js');
 var parseHtml = require('../libs/parse-html.js');
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, customCodeHeader, shopToken, pageHandle, }) => {
-    const router$1 = router.useRouter();
-    useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
-    if (router$1.isFallback) {
-        return (jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800" }), jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800" }), jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800" })] }) }));
-    }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(nextSeo.NextSeo, { ...seo }), jsxRuntime.jsxs(Head, { children: [parseHtml.parseHtml(customCodeHeader, true), themeStyle && (jsxRuntime.jsx("style", { "data-id": "global-style", type: "text/css", dangerouslySetInnerHTML: { __html: themeStyle } })), fontStyle && (jsxRuntime.jsx("style", { "data-id": "google-fonts", type: "text/css", dangerouslySetInnerHTML: { __html: fontStyle } }))] }), jsxRuntime.jsx(core.BuilderComponentProvider, { components: components, children: jsxRuntime.jsx(core.SectionProvider, { data: sectionData, children: builderData?.map((builder) => (jsxRuntime.jsx(core.BuilderProvider, { state: builder.data, lazy: builder.lazy, priority: builder.priority, children: jsxRuntime.jsx(core.Render, { uid: builder.uid }) }, builder.uid))) }) })] }));
+const StaticPageV2 = ({ components , builderData , sectionData , seo , themeStyle , fontStyle , customCodeHeader , shopToken , pageHandle  })=>{
+    const router$1 = router.useRouter();
+    useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "flex h-full items-center justify-center",
+            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    parseHtml.parseHtml(customCodeHeader, true),
+                    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.BuilderComponentProvider, {
+                components: components,
+                children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
+                    data: sectionData,
+                    children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
+                            state: builder.data,
+                            lazy: builder.lazy,
+                            priority: builder.priority,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                uid: builder.uid
+                            })
+                        }, builder.uid))
+                })
+            })
+        ]
+    });
 };
 
 exports.StaticPageV2 = StaticPageV2;

package/dist/cjs/pages/static.js

@@ -8,12 +8,66 @@ 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 (jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800" }), jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800" }), jsxRuntime.jsx("span", { className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800" })] }) }));
-    }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(nextSeo.NextSeo, { ...seo }), jsxRuntime.jsxs(Head, { children: [themeStyle && (jsxRuntime.jsx("style", { "data-id": "global-style", type: "text/css", dangerouslySetInnerHTML: { __html: themeStyle } })), fontStyle && (jsxRuntime.jsx("style", { "data-id": "google-fonts", type: "text/css", dangerouslySetInnerHTML: { __html: fontStyle } }))] }), jsxRuntime.jsx(core.BuilderComponentProvider, { components: components, children: jsxRuntime.jsx(core.SectionProvider, { data: sectionData, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: builderData && (jsxRuntime.jsx(core.BuilderProvider, { state: builderData, children: jsxRuntime.jsx(core.Render, { uid: "ROOT" }) }, "body")) }) }) })] }));
+const StaticPage = ({ components , builderData , sectionData , seo , themeStyle , fontStyle  })=>{
+    const router$1 = router.useRouter();
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "flex h-full items-center justify-center",
+            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full 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.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/esm/components/ErrorBoundary.js

@@ -1,30 +1,38 @@
 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 jsx(FallbackComponent, { error: this.state.error, resetErrorBoundary: this.reset });
-        }
-        // Return children components in case of no error
-        return this.props.children;
-    }
+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,7 +1,24 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-const ErrorFallback = ({ error, resetErrorBoundary }) => {
-    return (jsxs("div", { role: "alert", className: "flex flex-col items-center gap-2", children: [jsx("p", { className: "text-center text-2xl", children: "Oops! Something went wrong" }), jsx("pre", { children: error?.message }), 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" })] }));
+const ErrorFallback = ({ error , resetErrorBoundary  })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        role: "alert",
+        className: "flex flex-col items-center gap-2",
+        children: [
+            /*#__PURE__*/ jsx("p", {
+                className: "text-center text-2xl",
+                children: "Oops! Something went wrong"
+            }),
+            /*#__PURE__*/ jsx("pre", {
+                children: error?.message
+            }),
+            /*#__PURE__*/ 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"
+            })
+        ]
+    });
 };
 
 export { ErrorFallback };

package/dist/esm/components/FacebookPixel.js

@@ -4,24 +4,28 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
-const FacebookPixel = ({ pixelId }) => {
-    const router = useRouter();
-    useEffect(() => {
-        // This pageview only triggers the first time (it's important for Pixel to have real information)
-        fpixel.pageview();
-        const handleRouteChange = () => {
-            fpixel.pageview();
-        };
-        router.events.on('routeChangeComplete', handleRouteChange);
-        router.events.on('hashChangeComplete', handleRouteChange);
-        return () => {
-            router.events.off('routeChangeComplete', handleRouteChange);
-            router.events.off('hashChangeComplete', handleRouteChange);
-        };
-    }, [router.events]);
-    if (!pixelId)
-        return null;
-    return (jsx(Script, { id: "fb-pixel", strategy: "afterInteractive", dangerouslySetInnerHTML: {
+const FacebookPixel = ({ pixelId  })=>{
+    const router = useRouter();
+    useEffect(()=>{
+        // This pageview only triggers the first time (it's important for Pixel to have real information)
+        fpixel.pageview();
+        const handleRouteChange = ()=>{
+            fpixel.pageview();
+        };
+        router.events.on('routeChangeComplete', handleRouteChange);
+        router.events.on('hashChangeComplete', handleRouteChange);
+        return ()=>{
+            router.events.off('routeChangeComplete', handleRouteChange);
+            router.events.off('hashChangeComplete', handleRouteChange);
+        };
+    }, [
+        router.events
+    ]);
+    if (!pixelId) return null;
+    return /*#__PURE__*/ jsx(Script, {
+        id: "fb-pixel",
+        strategy: "afterInteractive",
+        dangerouslySetInnerHTML: {
             __html: `
             !function(f,b,e,v,n,t,s)
             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
@@ -32,8 +36,9 @@ const FacebookPixel = ({ pixelId }) => {
             s.parentNode.insertBefore(t,s)}(window, document,'script',
             'https://connect.facebook.net/en_US/fbevents.js');
             fbq('init', ${pixelId});
-          `,
-        } }));
+          `
+        }
+    });
 };
 
 export { FacebookPixel };