@gem-sdk/pages 1.13.38 → 1.13.42

package/dist/cjs/components/ErrorBoundary.js

@@ -23,7 +23,7 @@ class ErrorBoundary extends react.Component {
         this.props.onError?.(error, errorInfo);
     }
     render() {
-        const { FallbackComponent  } = this.props;
+        const { FallbackComponent } = this.props;
         // Check if the error is thrown
         if (this.state.hasError) {
             // You can render any custom fallback UI

package/dist/cjs/components/ErrorFallback.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const ErrorFallback = ({ error , resetErrorBoundary  })=>{
+const ErrorFallback = ({ error, resetErrorBoundary })=>{
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         role: "alert",
         className: "flex flex-col items-center gap-2",

package/dist/cjs/components/FacebookPixel.js

@@ -6,7 +6,7 @@ var router = require('next/router');
 var Script = require('next/script');
 var react = require('react');
 
-const FacebookPixel = ({ pixelId  })=>{
+const FacebookPixel = ({ pixelId })=>{
     const router$1 = router.useRouter();
     react.useEffect(()=>{
         const handleRouteChange = ()=>{

package/dist/cjs/components/GoogleAnalytic.js

@@ -6,7 +6,7 @@ var router = require('next/router');
 var Script = require('next/script');
 var react = require('react');
 
-const GoogleAnalytic = ({ trackingId  })=>{
+const GoogleAnalytic = ({ trackingId })=>{
     const router$1 = router.useRouter();
     react.useEffect(()=>{
         const handleRouteChange = (url)=>{

package/dist/cjs/components/TikTokPixel.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Script = require('next/script');
 
-const TikTokPixel = ({ pixelId  })=>{
+const TikTokPixel = ({ pixelId })=>{
     if (!pixelId) return null;
     return /*#__PURE__*/ jsxRuntime.jsx(Script, {
         id: "tiktok-pixel",

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

@@ -34,7 +34,7 @@ const PopupManager = ()=>{
     ]);
     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, index)=>{
+        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]', {
@@ -49,13 +49,9 @@ const PopupManager = ()=>{
                     '--d-tablet': display?.tablet ? 'inline-flex' : 'none',
                     '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
                 },
-                children: /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                children: /*#__PURE__*/ jsxRuntime.jsx("span", {
                     className: "text-ellipsis whitespace-nowrap",
-                    children: [
-                        item?.settings?.name || 'Popup Name',
-                        " ",
-                        index + 1
-                    ]
+                    children: item?.settings?.name || 'Popup Name'
                 })
             }, item?.uid);
         })

package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js

@@ -32,7 +32,7 @@ const defaultPadding = {
     tablet: 'var(--g-ct-p)',
     mobile: 'var(--g-ct-p)'
 };
-const AddSectionImageToLayout = ({ editorImageToLayout  })=>{
+const AddSectionImageToLayout = ({ editorImageToLayout })=>{
     const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
     const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
     const [link, setLink] = react.useState('');

package/dist/cjs/components/image-to-layout/ImageToLayout.js

@@ -10,7 +10,7 @@ var ImageToLayoutInput = require('./ImageToLayoutInput.js');
 
 const HEADER_HEIGHT = 40;
 const FOOTER_HEIGHT = 50;
-const ImageToLayout = ({ editorImageToLayout  })=>{
+const ImageToLayout = ({ editorImageToLayout })=>{
     const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
     const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
     const loaded = core.useBuilderPreviewStore((state)=>state.loaded);

package/dist/cjs/components/image-to-layout/ImageToLayoutInput.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var PagesSuggestion = require('./PagesSuggestion.js');
 
-const ImageToLayoutInput = ({ totalSection  })=>{
+const ImageToLayoutInput = ({ totalSection })=>{
     const [link, setLink] = react.useState('');
     const [isFocus, setIsFocus] = react.useState(false);
     const [openSuggestion, setOpenSuggestion] = react.useState(false);

package/dist/cjs/components/image-to-layout/PagesSuggestion.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const PagesSuggestion = ({ isOpen , setOpenSuggestion , setUrl  })=>{
+const PagesSuggestion = ({ isOpen, setOpenSuggestion, setUrl })=>{
     const pages = [
         'https://seal-commerce-asia.myshopify.com/pages/image-to-layout-demo-page'
     ];

package/dist/cjs/layouts/main.js

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var parseHtml = require('../libs/parse-html.js');
 
-const MainLayout = ({ children , ...props })=>{
+const MainLayout = ({ children, ...props })=>{
     const mobileOnly = core.useShopStore((s)=>s.mobileOnly);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [

package/dist/cjs/libs/api/get-collection-props.js

@@ -28,9 +28,9 @@ const getCollectionProps = (fetcher)=>async (handle)=>{
         if (!collectionData || !collectionData?.collection || !dataBuilder) {
             throw new Error('Collection not found');
         }
-        const { collection  } = collectionData;
+        const { collection } = collectionData;
         const queries = core.prefetchQueries(collectionTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -40,7 +40,7 @@ const getCollectionProps = (fetcher)=>async (handle)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/cjs/libs/api/get-home-page-props.js

@@ -38,7 +38,7 @@ const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
         const homeTemplate = normalize.parseBuilderTemplate(dataBuilder);
         const fontStyle = await googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
         const queries = core.prefetchQueries(homeTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -48,7 +48,7 @@ const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/cjs/libs/api/get-product-props.js

@@ -24,7 +24,7 @@ const getProductProps = (fetcher)=>async (handle)=>{
         }
         const productTemplate = normalize.parseBuilderTemplate(dataBuilder);
         const queries = core.prefetchQueries(productTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -34,7 +34,7 @@ const getProductProps = (fetcher)=>async (handle)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/cjs/libs/api/get-static-page-props.js

@@ -35,7 +35,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
         const pageTemplate = normalize.parseBuilderTemplate(dataBuilder);
         const fontStyle = await googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
         const queries = core.prefetchQueries(pageTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -45,7 +45,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/cjs/libs/helpers/get-fallback.js

@@ -9,7 +9,7 @@ const getFallbackV2 = async (fetcher, data)=>{
             isSample,
             isStorefront
         })).flat();
-    const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+    const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
         if (func) {
             return func(fetcher, variables);
         }
@@ -19,7 +19,7 @@ const getFallbackV2 = async (fetcher, data)=>{
         ]);
         return {};
     }));
-    const fallback = queries.reduce((acc, { key  }, index)=>{
+    const fallback = queries.reduce((acc, { key }, index)=>{
         const res = datas[index];
         if (res?.status === 'fulfilled') {
             return {

package/dist/cjs/libs/helpers/normalize.js

@@ -4,7 +4,7 @@ const normalizeBuilderData = (data)=>{
     const result = {};
     function compose(cData, currData = {}) {
         if (cData) {
-            const { childrens , dateModified , editorConfigs , ...rest } = cData;
+            const { childrens, dateModified, editorConfigs, ...rest } = cData;
             if (rest.type === 'section') {
                 currData[rest.uid] = rest;
             } else {

package/dist/cjs/pages/CollectionGlobalProvider.js

@@ -8,7 +8,7 @@ var core = require('@gem-sdk/core');
 var dynamic = require('next/dynamic');
 
 const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
-const CollectionGlobalProvider = ({ children  })=>{
+const CollectionGlobalProvider = ({ children })=>{
     const [variables, setVariables] = react.useState({
         first: 1,
         orderBy: {
@@ -19,7 +19,7 @@ const CollectionGlobalProvider = ({ children  })=>{
             isSample: false
         }
     });
-    const { data: collections , isLoading , error  } = core.useCollectionsQuery(variables);
+    const { data: collections, isLoading, error } = core.useCollectionsQuery(variables);
     const collection = collections?.collections?.edges?.[0]?.node;
     const onChangeCollectionInfo = react.useCallback((e)=>{
         const detail = e.detail;

package/dist/cjs/pages/builder.js

@@ -13,7 +13,7 @@ var PopupManager = require('../components/builder/PopupManager.js');
 var ImageToLayout = require('../components/image-to-layout/ImageToLayout.js');
 var AddSectionImageToLayout = require('../components/image-to-layout/AddSectionImageToLayout.js');
 
-const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData , pageType , editorImageToLayout  })=>{
+const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout })=>{
     const [loadSuccess, setLoadSuccess] = react.useState(false);
     const initState = react.useMemo(()=>({
             ROOT: {

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

@@ -10,7 +10,7 @@ var Head = require('next/head');
 var router = require('next/router');
 
 const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
-const CollectionDetailPage = ({ seo , components , builderData , sectionData , themeStyle , collection , fontStyle  })=>{
+const CollectionDetailPage = ({ seo, components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
     const router$1 = router.useRouter();
     if (router$1.isFallback) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {

package/dist/cjs/pages/preview.js

@@ -6,7 +6,7 @@ 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 })=>{
+const PreviewPage = ({ pageType, ...props })=>{
     switch(pageType){
         case 'PRODUCT':
             return /*#__PURE__*/ jsxRuntime.jsx(ProductPage, {

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

@@ -10,7 +10,7 @@ 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 ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
     const router$1 = router.useRouter();
     if (router$1.isFallback) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {

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

@@ -8,7 +8,7 @@ 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 , elementFontStyle , customCodeHeader , shopToken , pageHandle  })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle })=>{
     const router$1 = router.useRouter();
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
     if (router$1.isFallback) {

package/dist/cjs/pages/static.js

@@ -8,7 +8,7 @@ var nextSeo = require('next-seo');
 var Head = require('next/head');
 var router = require('next/router');
 
-const StaticPage = ({ components , builderData , sectionData , seo , themeStyle , fontStyle  })=>{
+const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
     const router$1 = router.useRouter();
     if (router$1.isFallback) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {

package/dist/esm/components/ErrorBoundary.js

@@ -21,7 +21,7 @@ class ErrorBoundary extends Component {
         this.props.onError?.(error, errorInfo);
     }
     render() {
-        const { FallbackComponent  } = this.props;
+        const { FallbackComponent } = this.props;
         // Check if the error is thrown
         if (this.state.hasError) {
             // You can render any custom fallback UI

package/dist/esm/components/ErrorFallback.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-const ErrorFallback = ({ error , resetErrorBoundary  })=>{
+const ErrorFallback = ({ error, resetErrorBoundary })=>{
     return /*#__PURE__*/ jsxs("div", {
         role: "alert",
         className: "flex flex-col items-center gap-2",

package/dist/esm/components/FacebookPixel.js

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
-const FacebookPixel = ({ pixelId  })=>{
+const FacebookPixel = ({ pixelId })=>{
     const router = useRouter();
     useEffect(()=>{
         const handleRouteChange = ()=>{

package/dist/esm/components/GoogleAnalytic.js

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
-const GoogleAnalytic = ({ trackingId  })=>{
+const GoogleAnalytic = ({ trackingId })=>{
     const router = useRouter();
     useEffect(()=>{
         const handleRouteChange = (url)=>{

package/dist/esm/components/TikTokPixel.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import Script from 'next/script';
 
-const TikTokPixel = ({ pixelId  })=>{
+const TikTokPixel = ({ pixelId })=>{
     if (!pixelId) return null;
     return /*#__PURE__*/ jsx(Script, {
         id: "tiktok-pixel",

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useBuilderPreviewStore, useModalStore, cls } from '@gem-sdk/core';
 import { memo, useMemo, useCallback, useEffect } from 'react';
 
@@ -30,7 +30,7 @@ const PopupManager = ()=>{
     ]);
     return /*#__PURE__*/ 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, index)=>{
+        children: popups?.map((item)=>{
             const display = item?.advanced?.d;
             return /*#__PURE__*/ jsx("div", {
                 className: 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]', {
@@ -45,13 +45,9 @@ const PopupManager = ()=>{
                     '--d-tablet': display?.tablet ? 'inline-flex' : 'none',
                     '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
                 },
-                children: /*#__PURE__*/ jsxs("span", {
+                children: /*#__PURE__*/ jsx("span", {
                     className: "text-ellipsis whitespace-nowrap",
-                    children: [
-                        item?.settings?.name || 'Popup Name',
-                        " ",
-                        index + 1
-                    ]
+                    children: item?.settings?.name || 'Popup Name'
                 })
             }, item?.uid);
         })

package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js

@@ -28,7 +28,7 @@ const defaultPadding = {
     tablet: 'var(--g-ct-p)',
     mobile: 'var(--g-ct-p)'
 };
-const AddSectionImageToLayout = ({ editorImageToLayout  })=>{
+const AddSectionImageToLayout = ({ editorImageToLayout })=>{
     const layoutSetting = useShopStore((s)=>s.layoutSettings);
     const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
     const [link, setLink] = useState('');

package/dist/esm/components/image-to-layout/ImageToLayout.js

@@ -6,7 +6,7 @@ import { ImageToLayoutInput } from './ImageToLayoutInput.js';
 
 const HEADER_HEIGHT = 40;
 const FOOTER_HEIGHT = 50;
-const ImageToLayout = ({ editorImageToLayout  })=>{
+const ImageToLayout = ({ editorImageToLayout })=>{
     const layoutSetting = useShopStore((s)=>s.layoutSettings);
     const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
     const loaded = useBuilderPreviewStore((state)=>state.loaded);

package/dist/esm/components/image-to-layout/ImageToLayoutInput.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { PagesSuggestion } from './PagesSuggestion.js';
 
-const ImageToLayoutInput = ({ totalSection  })=>{
+const ImageToLayoutInput = ({ totalSection })=>{
     const [link, setLink] = useState('');
     const [isFocus, setIsFocus] = useState(false);
     const [openSuggestion, setOpenSuggestion] = useState(false);

package/dist/esm/components/image-to-layout/PagesSuggestion.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-const PagesSuggestion = ({ isOpen , setOpenSuggestion , setUrl  })=>{
+const PagesSuggestion = ({ isOpen, setOpenSuggestion, setUrl })=>{
     const pages = [
         'https://seal-commerce-asia.myshopify.com/pages/image-to-layout-demo-page'
     ];

package/dist/esm/layouts/main.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useShopStore, cls, AddOn } from '@gem-sdk/core';
 import { parseHtml } from '../libs/parse-html.js';
 
-const MainLayout = ({ children , ...props })=>{
+const MainLayout = ({ children, ...props })=>{
     const mobileOnly = useShopStore((s)=>s.mobileOnly);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [

package/dist/esm/libs/api/get-collection-props.js

@@ -26,9 +26,9 @@ const getCollectionProps = (fetcher)=>async (handle)=>{
         if (!collectionData || !collectionData?.collection || !dataBuilder) {
             throw new Error('Collection not found');
         }
-        const { collection  } = collectionData;
+        const { collection } = collectionData;
         const queries = prefetchQueries(collectionTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -38,7 +38,7 @@ const getCollectionProps = (fetcher)=>async (handle)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/esm/libs/api/get-home-page-props.js

@@ -36,7 +36,7 @@ const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
         const homeTemplate = parseBuilderTemplate(dataBuilder);
         const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
         const queries = prefetchQueries(homeTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -46,7 +46,7 @@ const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/esm/libs/api/get-product-props.js

@@ -22,7 +22,7 @@ const getProductProps = (fetcher)=>async (handle)=>{
         }
         const productTemplate = parseBuilderTemplate(dataBuilder);
         const queries = prefetchQueries(productTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -32,7 +32,7 @@ const getProductProps = (fetcher)=>async (handle)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/esm/libs/api/get-static-page-props.js

@@ -33,7 +33,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
         const pageTemplate = parseBuilderTemplate(dataBuilder);
         const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
         const queries = prefetchQueries(pageTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
             if (func) {
                 return func(fetcher, variables);
             }
@@ -43,7 +43,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             ]);
             return {};
         }));
-        const fallback = queries.reduce((acc, { key  }, index)=>{
+        const fallback = queries.reduce((acc, { key }, index)=>{
             const res = datas[index];
             if (res?.status === 'fulfilled') {
                 return {

package/dist/esm/libs/helpers/get-fallback.js

@@ -7,7 +7,7 @@ const getFallbackV2 = async (fetcher, data)=>{
             isSample,
             isStorefront
         })).flat();
-    const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+    const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
         if (func) {
             return func(fetcher, variables);
         }
@@ -17,7 +17,7 @@ const getFallbackV2 = async (fetcher, data)=>{
         ]);
         return {};
     }));
-    const fallback = queries.reduce((acc, { key  }, index)=>{
+    const fallback = queries.reduce((acc, { key }, index)=>{
         const res = datas[index];
         if (res?.status === 'fulfilled') {
             return {

package/dist/esm/libs/helpers/normalize.js

@@ -2,7 +2,7 @@ const normalizeBuilderData = (data)=>{
     const result = {};
     function compose(cData, currData = {}) {
         if (cData) {
-            const { childrens , dateModified , editorConfigs , ...rest } = cData;
+            const { childrens, dateModified, editorConfigs, ...rest } = cData;
             if (rest.type === 'section') {
                 currData[rest.uid] = rest;
             } else {

package/dist/esm/pages/CollectionGlobalProvider.js

@@ -4,7 +4,7 @@ import { useCollectionsQuery } from '@gem-sdk/core';
 import dynamic from 'next/dynamic';
 
 const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
-const CollectionGlobalProvider = ({ children  })=>{
+const CollectionGlobalProvider = ({ children })=>{
     const [variables, setVariables] = useState({
         first: 1,
         orderBy: {
@@ -15,7 +15,7 @@ const CollectionGlobalProvider = ({ children  })=>{
             isSample: false
         }
     });
-    const { data: collections , isLoading , error  } = useCollectionsQuery(variables);
+    const { data: collections, isLoading, error } = useCollectionsQuery(variables);
     const collection = collections?.collections?.edges?.[0]?.node;
     const onChangeCollectionInfo = useCallback((e)=>{
         const detail = e.detail;

package/dist/esm/pages/builder.js

@@ -11,7 +11,7 @@ import PopupManager from '../components/builder/PopupManager.js';
 import ImageToLayout from '../components/image-to-layout/ImageToLayout.js';
 import AddSectionImageToLayout from '../components/image-to-layout/AddSectionImageToLayout.js';
 
-const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData , pageType , editorImageToLayout  })=>{
+const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout })=>{
     const [loadSuccess, setLoadSuccess] = useState(false);
     const initState = useMemo(()=>({
             ROOT: {

package/dist/esm/pages/collection-detail.js

@@ -6,7 +6,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
-const CollectionDetailPage = ({ seo , components , builderData , sectionData , themeStyle , collection , fontStyle  })=>{
+const CollectionDetailPage = ({ seo, components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
     const router = useRouter();
     if (router.isFallback) {
         return /*#__PURE__*/ jsx("div", {

package/dist/esm/pages/preview.js

@@ -4,7 +4,7 @@ import dynamic from 'next/dynamic';
 const StaticPage = dynamic(()=>import('./static.js'));
 const ProductPage = dynamic(()=>import('./product-detail.js'));
 const CollectionPage = dynamic(()=>import('./collection-detail.js'));
-const PreviewPage = ({ pageType , ...props })=>{
+const PreviewPage = ({ pageType, ...props })=>{
     switch(pageType){
         case 'PRODUCT':
             return /*#__PURE__*/ jsx(ProductPage, {

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

@@ -6,7 +6,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
-const ProductDetailPage = ({ themeStyle , fontStyle , seo , product , components , builderData , sectionData  })=>{
+const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
     const router = useRouter();
     if (router.isFallback) {
         return /*#__PURE__*/ jsx("div", {

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

@@ -6,7 +6,7 @@ import { useRouter } from 'next/router';
 import { useTrackingView } from '../libs/hooks/use-tracking-view.js';
 import { parseHtml } from '../libs/parse-html.js';
 
-const StaticPageV2 = ({ components , builderData , sectionData , seo , themeStyle , fontStyle , elementFontStyle , customCodeHeader , shopToken , pageHandle  })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle })=>{
     const router = useRouter();
     useTrackingView(shopToken, pageHandle, router.isFallback);
     if (router.isFallback) {

package/dist/esm/pages/static.js

@@ -4,7 +4,7 @@ import { NextSeo } from 'next-seo';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 
-const StaticPage = ({ components , builderData , sectionData , seo , themeStyle , fontStyle  })=>{
+const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
     const router = useRouter();
     if (router.isFallback) {
         return /*#__PURE__*/ jsx("div", {

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@ import { NextPage, GetStaticPaths } from 'next';
 import { NextSeoProps } from 'next-seo';
 import { AppProps } from 'next/app';
 import { SWRConfig } from 'swr';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { Component } from 'react';
 
@@ -85,7 +86,7 @@ declare const getStaticPagePropsPreview: (fetcher: FetchFunc, shopifyFetcher: Fe
 declare const createFetcher: (token?: string | null) => FetchFunc;
 declare const createShopifyFetcher: (storefrontToken?: string, handle?: string) => FetchFunc;
 
-declare const getLayout: (page: React.ReactElement, pageProps?: any) => JSX.Element;
+declare const getLayout: (page: React.ReactElement, pageProps?: any) => react_jsx_runtime.JSX.Element;
 
 declare const genCSS: (input?: string | Record<string, any>, mobileOnly?: boolean) => string;
 
@@ -189,32 +190,32 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     reset: () => void;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | react.ReactFragment | react.PromiseLikeOfReactNode | JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<react.ReactNode> | react.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 type Props$3 = {
     error?: Error;
     resetErrorBoundary: () => void;
 };
-declare const ErrorFallback: ({ error, resetErrorBoundary }: Props$3) => JSX.Element;
+declare const ErrorFallback: ({ error, resetErrorBoundary }: Props$3) => react_jsx_runtime.JSX.Element;
 
-declare const Page404: () => JSX.Element;
+declare const Page404: () => react_jsx_runtime.JSX.Element;
 
-declare const Page500: () => JSX.Element;
+declare const Page500: () => react_jsx_runtime.JSX.Element;
 
 type Props$2 = {
     trackingId?: string | null;
 };
-declare const GoogleAnalytic: ({ trackingId }: Props$2) => JSX.Element | null;
+declare const GoogleAnalytic: ({ trackingId }: Props$2) => react_jsx_runtime.JSX.Element | null;
 
 type Props$1 = {
     pixelId?: string | null;
 };
-declare const FacebookPixel: ({ pixelId }: Props$1) => JSX.Element | null;
+declare const FacebookPixel: ({ pixelId }: Props$1) => react_jsx_runtime.JSX.Element | null;
 
 type Props = {
     pixelId?: string | null;
 };
-declare const TikTokPixel: ({ pixelId }: Props) => JSX.Element | null;
+declare const TikTokPixel: ({ pixelId }: Props) => react_jsx_runtime.JSX.Element | null;
 
 export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PreviewPage, ProductDetailPage, ProductPageProps, StaticPage, StaticPageProps, StaticPagePropsV2, StaticPageV2, TikTokPixel, createFetcher, createShopifyFetcher, genCSS, getBuilderProps, getCollectionProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPreviewProps, getProductProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.13.38",
+  "version": "1.13.42",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -19,13 +19,13 @@
     "test": "jest -c ./../../helpers/jest.config.ts"
   },
   "dependencies": {
-    "@sentry/nextjs": "7.47.0",
+    "@sentry/nextjs": "7.57.0",
     "deepmerge": "4.3.1",
     "html-react-parser": "3.0.15",
     "next-seo": "^6.0.0"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.13.38",
+    "@gem-sdk/core": "1.13.42",
     "@gem-sdk/plugin-cookie-bar": "*",
     "@gem-sdk/plugin-quick-view": "*",
     "@gem-sdk/plugin-sticky-add-to-cart": "*"