@gem-sdk/pages 1.5.7 → 1.5.23

package/dist/esm/libs/get-layout.js

@@ -1,8 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import MainLayout from '../layouts/main.js';
 
-const getLayout = (page, pageProps) => {
-    return jsx(MainLayout, { ...pageProps, children: page });
+const getLayout = (page, pageProps)=>{
+    return /*#__PURE__*/ jsx(MainLayout, {
+        ...pageProps,
+        children: page
+    });
 };
 
 export { getLayout };

package/dist/esm/libs/get-storefront-api.js

@@ -1,10 +1,10 @@
-const getStorefrontApi = (handle, provider) => {
-    switch (provider) {
-        case 'BIGCOMMERCE':
-            return `https://${handle}.bigcommerce.com`;
-        default:
-            return `https://${handle}.myshopify.com/api/2022-07/graphql.json`;
-    }
+const getStorefrontApi = (handle, provider)=>{
+    switch(provider){
+        case 'BIGCOMMERCE':
+            return `https://${handle}.bigcommerce.com`;
+        default:
+            return `https://${handle}.myshopify.com/api/2022-07/graphql.json`;
+    }
 };
 
 export { getStorefrontApi };

package/dist/esm/libs/getStaticPaths.js

@@ -1,8 +1,8 @@
-const getStaticPaths = async () => {
-    return {
-        paths: [],
-        fallback: true,
-    };
+const getStaticPaths = async ()=>{
+    return {
+        paths: [],
+        fallback: true
+    };
 };
 
 export { getStaticPaths };

package/dist/esm/libs/google-fonts.js

@@ -1,64 +1,57 @@
-const CHROME_UA = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36';
-const IE_UA = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
-async function getFontForUA(url, UA) {
-    return fetch(url, {
-        headers: {
-            'User-Agent': UA,
-        },
-    }).then((res) => res.text());
-}
-const createFontUrl = (fonts, option) => {
-    const params = new URLSearchParams();
-    const display = option?.display || 'swap';
-    const family = fonts
-        .filter((font, index, arr) => {
-        return index === arr.findIndex((t) => t.family === font.family);
-    })
-        .map((font) => {
-        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
-    })
-        .join('|');
-    params.append('family', family);
-    params.append('display', display);
-    if (option?.subset) {
-        params.append('subset', option.subset);
-    }
-    if (option?.effect) {
-        params.append('effect', option.effect);
-    }
-    return `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
-};
-async function getFonts(fonts, option) {
-    /**
-     * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
-     * CSS cascading 🤷‍♂️.
-     */
-    const url = createFontUrl(fonts, option);
-    try {
-        const [ie, chrome] = await Promise.all([
-            getFontForUA(url, IE_UA),
-            getFontForUA(url, CHROME_UA),
-        ]);
-        return ie + chrome;
-    }
-    catch (e) {
-        return '';
-    }
-}
-const getFontFromGlobalStyle = (data) => {
-    if (!data)
-        return '';
-    try {
-        const globalStyle = JSON.parse(data);
-        const fonts = globalStyle?.font ?? {};
-        const font = Object.entries(fonts).map(([, value]) => {
-            return value;
-        });
-        return getFonts(font);
-    }
-    catch {
-        return '';
-    }
+const CHROME_UA = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36';
+const IE_UA = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
+async function getFontForUA(url, UA) {
+    return fetch(url, {
+        headers: {
+            'User-Agent': UA
+        }
+    }).then((res)=>res.text());
+}
+const createFontUrl = (fonts, option)=>{
+    const params = new URLSearchParams();
+    const display = option?.display || 'swap';
+    const family = fonts.filter((font, index, arr)=>{
+        return index === arr.findIndex((t)=>t.family === font.family);
+    }).map((font)=>{
+        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
+    }).join('|');
+    params.append('family', family);
+    params.append('display', display);
+    if (option?.subset) {
+        params.append('subset', option.subset);
+    }
+    if (option?.effect) {
+        params.append('effect', option.effect);
+    }
+    return `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
+};
+async function getFonts(fonts, option) {
+    /**
+   * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
+   * CSS cascading 🤷‍♂️.
+   */ const url = createFontUrl(fonts, option);
+    try {
+        const [ie, chrome] = await Promise.all([
+            getFontForUA(url, IE_UA),
+            getFontForUA(url, CHROME_UA)
+        ]);
+        return ie + chrome;
+    } catch (e) {
+        return '';
+    }
+}
+const getFontFromGlobalStyle = (data)=>{
+    if (!data) return '';
+    try {
+        const globalStyle = JSON.parse(data);
+        const fonts = globalStyle?.font ?? {};
+        const font = Object.entries(fonts).map(([, value])=>{
+            return value;
+        });
+        return getFonts(font);
+    } catch  {
+        return '';
+    }
 };
 
 export { createFontUrl, getFontFromGlobalStyle, getFonts };

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

@@ -1,100 +1,109 @@
 import { getShortName } from '@gem-sdk/core';
 import merge from 'deepmerge';
 
-const baseDevices = {
-    tablet: '1023px',
-    mobile: '767px',
-};
-const flattenObject = (obj, prefix) => {
-    return Object.keys(obj).reduce((acc, k) => {
-        const pre = prefix ? `${prefix}-` : '';
-        if (typeof obj[k] === 'object' && obj[k] !== null && Object.keys(obj[k]).length > 0)
-            Object.assign(acc, flattenObject(obj[k], pre + k));
-        else
-            acc[pre + k] = obj[k];
-        return acc;
-    }, {});
-};
-const devicesOrder = ['desktop', 'tablet', 'mobile'];
-const mapObject = (obj) => {
-    return Object.entries(obj ?? {}).reduce((acc, [k, v]) => {
-        return {
-            ...acc,
-            [getShortName(k)]: typeof v === 'object' ? mapObject(v) : v,
-        };
-    }, {});
-};
-const getValueByDevice = (data, device) => {
-    const deviceData = {
-        typography: Object.fromEntries(Object.entries(data?.typography ?? {}).map(([key, value]) => {
-            const typo = { ...value?.[device] };
-            if (!typo)
-                return [key, undefined];
-            if (typo.fontFamily) {
-                typo.fontFamily = `var(--g-font-${typo.fontFamily}, ${typo.fontFamily})`;
-            }
-            return [key, typo];
-        })),
-        spacing: Object.fromEntries(Object.entries(data?.spacing ?? {}).map(([key, value]) => {
-            return [key, value?.[device]];
-        })),
-        container: Object.fromEntries(Object.entries(data?.container ?? {}).map(([key, value]) => {
-            return [key, value?.[device]];
-        })),
-        font: Object.fromEntries(Object.entries(data?.font ?? {}).map(([key, value]) => {
-            return [key, value?.family];
-        })),
-    };
-    return deviceData;
-};
-const genCSSVariable = (deviceData) => {
-    return Object.entries(mapObject(flattenObject(deviceData)))
-        .map(([key, value]) => {
-        if (value === undefined)
-            return undefined;
-        return `--g-${key}:${value}`;
-    })
-        .filter((v) => v !== undefined)
-        .join(';');
-};
-const genCSS = (input, mobileOnly) => {
-    if (!input)
-        return '';
-    let data = {};
-    try {
-        if (typeof input === 'string') {
-            data = JSON.parse(input);
-        }
-        else {
-            data = input;
-        }
-        if (mobileOnly) {
-            const desktop = getValueByDevice(data, 'desktop');
-            const mobile = getValueByDevice(data, 'mobile');
-            const deviceData = merge(desktop, mobile);
-            deviceData.color = data.color;
-            deviceData.radius = data.radius;
-            const cssData = genCSSVariable(deviceData);
-            return `:root{${cssData}}`;
-        }
-        return devicesOrder
-            .map((device) => {
-            const deviceData = getValueByDevice(data, device);
-            if (device === 'desktop') {
-                deviceData.color = data.color;
-                deviceData.radius = data.radius;
-            }
-            const cssData = genCSSVariable(deviceData);
-            if (device === 'desktop') {
-                return `:root{${cssData}}`;
-            }
-            return `@media (max-width: ${baseDevices[device]}) {:root{${cssData}}}`;
-        })
-            .join('\n');
-    }
-    catch {
-        return '';
-    }
+const baseDevices = {
+    tablet: '1023px',
+    mobile: '767px'
+};
+const flattenObject = (obj, prefix)=>{
+    return Object.keys(obj).reduce((acc, k)=>{
+        const pre = prefix ? `${prefix}-` : '';
+        if (typeof obj[k] === 'object' && obj[k] !== null && Object.keys(obj[k]).length > 0) Object.assign(acc, flattenObject(obj[k], pre + k));
+        else acc[pre + k] = obj[k];
+        return acc;
+    }, {});
+};
+const devicesOrder = [
+    'desktop',
+    'tablet',
+    'mobile'
+];
+const mapObject = (obj)=>{
+    return Object.entries(obj ?? {}).reduce((acc, [k, v])=>{
+        return {
+            ...acc,
+            [getShortName(k)]: typeof v === 'object' ? mapObject(v) : v
+        };
+    }, {});
+};
+const getValueByDevice = (data, device)=>{
+    const deviceData = {
+        typography: Object.fromEntries(Object.entries(data?.typography ?? {}).map(([key, value])=>{
+            const typo = {
+                ...value?.[device]
+            };
+            if (!typo) return [
+                key,
+                undefined
+            ];
+            if (typo.fontFamily) {
+                typo.fontFamily = `var(--g-font-${typo.fontFamily}, ${typo.fontFamily})`;
+            }
+            return [
+                key,
+                typo
+            ];
+        })),
+        spacing: Object.fromEntries(Object.entries(data?.spacing ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.[device]
+            ];
+        })),
+        container: Object.fromEntries(Object.entries(data?.container ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.[device]
+            ];
+        })),
+        font: Object.fromEntries(Object.entries(data?.font ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.family
+            ];
+        }))
+    };
+    return deviceData;
+};
+const genCSSVariable = (deviceData)=>{
+    return Object.entries(mapObject(flattenObject(deviceData))).map(([key, value])=>{
+        if (value === undefined) return undefined;
+        return `--g-${key}:${value}`;
+    }).filter((v)=>v !== undefined).join(';');
+};
+const genCSS = (input, mobileOnly)=>{
+    if (!input) return '';
+    let data = {};
+    try {
+        if (typeof input === 'string') {
+            data = JSON.parse(input);
+        } else {
+            data = input;
+        }
+        if (mobileOnly) {
+            const desktop = getValueByDevice(data, 'desktop');
+            const mobile = getValueByDevice(data, 'mobile');
+            const deviceData = merge(desktop, mobile);
+            deviceData.color = data.color;
+            deviceData.radius = data.radius;
+            const cssData = genCSSVariable(deviceData);
+            return `:root{${cssData}}`;
+        }
+        return devicesOrder.map((device)=>{
+            const deviceData = getValueByDevice(data, device);
+            if (device === 'desktop') {
+                deviceData.color = data.color;
+                deviceData.radius = data.radius;
+            }
+            const cssData = genCSSVariable(deviceData);
+            if (device === 'desktop') {
+                return `:root{${cssData}}`;
+            }
+            return `@media (max-width: ${baseDevices[device]}) {:root{${cssData}}}`;
+        }).join('\n');
+    } catch  {
+        return '';
+    }
 };
 
 export { genCSS };

package/dist/esm/libs/helpers/generate-manifres.js

@@ -1,3 +1,3 @@
-const generateManifest = (data) => `data:application/manifest+json,${encodeURIComponent(JSON.stringify(data))}`;
+const generateManifest = (data)=>`data:application/manifest+json,${encodeURIComponent(JSON.stringify(data))}`;
 
 export { generateManifest };

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

@@ -1,27 +1,29 @@
 import { prefetchQueries } from '@gem-sdk/core';
 
-const getFallbackV2 = async (fetcher, data) => {
-    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
-    const queries = data.map((v) => prefetchQueries(v.data, isSample)).flat();
-    const datas = await Promise.allSettled(queries.map(({ query, variables, func }) => {
-        if (func) {
-            return func(fetcher, variables);
-        }
-        if (query)
-            return fetcher([query, variables]);
-        return {};
-    }));
-    const fallback = queries.reduce((acc, { key }, index) => {
-        const res = datas[index];
-        if (res?.status === 'fulfilled') {
-            return {
-                ...acc,
-                [key]: res.value,
-            };
-        }
-        return acc;
-    }, {});
-    return fallback;
+const getFallbackV2 = async (fetcher, data)=>{
+    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
+    const queries = data.map((v)=>prefetchQueries(v.data, isSample)).flat();
+    const datas = await Promise.allSettled(queries.map(({ query , variables , func  })=>{
+        if (func) {
+            return func(fetcher, variables);
+        }
+        if (query) return fetcher([
+            query,
+            variables
+        ]);
+        return {};
+    }));
+    const fallback = queries.reduce((acc, { key  }, index)=>{
+        const res = datas[index];
+        if (res?.status === 'fulfilled') {
+            return {
+                ...acc,
+                [key]: res.value
+            };
+        }
+        return acc;
+    }, {});
+    return fallback;
 };
 
 export { getFallbackV2 };

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

@@ -1,83 +1,85 @@
-const normalizeBuilderData = (data) => {
-    const result = {};
-    function compose(cData, currData = {}) {
-        if (cData) {
-            const { childrens, dateModified, editorConfigs, ...rest } = cData;
-            if (rest.type === 'section') {
-                currData[rest.uid] = rest;
-            }
-            else {
-                const items = childrens?.map((child) => child?.uid) ?? [];
-                currData[rest.uid] = { ...rest, childrens: items };
-                if (childrens) {
-                    childrens.map((child) => compose(child, currData));
-                }
-            }
-        }
-    }
-    compose(data, result);
-    return { ...result };
-};
-const orderSection = (sections, orders) => {
-    // Filter out sections that are not in the order list
-    const ids = orders?.filter((id) => sections?.some((v) => v?.id === id));
-    // Return the ordered sections
-    const orderedSections = ids?.map((id) => sections?.find((v) => v?.id === id)) ?? [];
-    // Return the sections that are not in the order list
-    const sectionsNotInOrder = sections?.filter((v) => !v?.id || !ids?.includes(v.id)) ?? [];
-    // Return the ordered sections + the sections that are not in the order list
-    return orderedSections.concat(sectionsNotInOrder);
-};
-function normalizePageSectionResponse(sections, orders) {
-    const sortedSections = orderSection(sections, orders);
-    const childrens = sortedSections
-        .map((item) => {
-        if (!item?.component)
-            return false;
-        try {
-            const data = JSON.parse(item.component);
-            return data;
-        }
-        catch {
-            return false;
-        }
-    })
-        .filter(Boolean);
-    return normalizeBuilderData({
-        uid: 'ROOT',
-        tag: 'Root',
-        childrens,
-    });
-}
-function normalizePageSectionResponseV2(sections, orders) {
-    const sortedSections = orderSection(sections, orders);
-    const childrens = sortedSections
-        .map((item) => {
-        if (!item?.component)
-            return false;
-        try {
-            const data = JSON.parse(item.component);
-            return data;
-        }
-        catch {
-            return false;
-        }
-    })
-        .filter(Boolean);
-    return childrens.map((v) => {
-        return {
-            uid: v.uid,
-            lazy: Boolean(v.settings?.lazy),
-            priority: Boolean(v.settings?.priority),
-            data: normalizeBuilderData(v),
-        };
-    });
-}
-const parseBuilderTemplateV2 = (data) => {
-    return normalizePageSectionResponseV2([...(data?.pageSections ?? []), ...(data?.themePageCustomSections ?? [])], data?.sectionPosition);
-};
-const parseBuilderTemplate = (data) => {
-    return normalizePageSectionResponse([...(data?.pageSections ?? []), ...(data?.themePageCustomSections ?? [])], data?.sectionPosition);
+const normalizeBuilderData = (data)=>{
+    const result = {};
+    function compose(cData, currData = {}) {
+        if (cData) {
+            const { childrens , dateModified , editorConfigs , ...rest } = cData;
+            if (rest.type === 'section') {
+                currData[rest.uid] = rest;
+            } else {
+                const items = childrens?.map((child)=>child?.uid) ?? [];
+                currData[rest.uid] = {
+                    ...rest,
+                    childrens: items
+                };
+                if (childrens) {
+                    childrens.map((child)=>compose(child, currData));
+                }
+            }
+        }
+    }
+    compose(data, result);
+    return {
+        ...result
+    };
+};
+const orderSection = (sections, orders)=>{
+    // Filter out sections that are not in the order list
+    const ids = orders?.filter((id)=>sections?.some((v)=>v?.id === id));
+    // Return the ordered sections
+    const orderedSections = ids?.map((id)=>sections?.find((v)=>v?.id === id)) ?? [];
+    // Return the sections that are not in the order list
+    const sectionsNotInOrder = sections?.filter((v)=>!v?.id || !ids?.includes(v.id)) ?? [];
+    // Return the ordered sections + the sections that are not in the order list
+    return orderedSections.concat(sectionsNotInOrder);
+};
+function normalizePageSectionResponse(sections, orders) {
+    const sortedSections = orderSection(sections, orders);
+    const childrens = sortedSections.map((item)=>{
+        if (!item?.component) return false;
+        try {
+            const data = JSON.parse(item.component);
+            return data;
+        } catch  {
+            return false;
+        }
+    }).filter(Boolean);
+    return normalizeBuilderData({
+        uid: 'ROOT',
+        tag: 'Root',
+        childrens
+    });
+}
+function normalizePageSectionResponseV2(sections, orders) {
+    const sortedSections = orderSection(sections, orders);
+    const childrens = sortedSections.map((item)=>{
+        if (!item?.component) return false;
+        try {
+            const data = JSON.parse(item.component);
+            return data;
+        } catch  {
+            return false;
+        }
+    }).filter(Boolean);
+    return childrens.map((v)=>{
+        return {
+            uid: v.uid,
+            lazy: Boolean(v.settings?.lazy),
+            priority: Boolean(v.settings?.priority),
+            data: normalizeBuilderData(v)
+        };
+    });
+}
+const parseBuilderTemplateV2 = (data)=>{
+    return normalizePageSectionResponseV2([
+        ...data?.pageSections ?? [],
+        ...data?.themePageCustomSections ?? []
+    ], data?.sectionPosition);
+};
+const parseBuilderTemplate = (data)=>{
+    return normalizePageSectionResponse([
+        ...data?.pageSections ?? [],
+        ...data?.themePageCustomSections ?? []
+    ], data?.sectionPosition);
 };
 
 export { normalizeBuilderData, parseBuilderTemplate, parseBuilderTemplateV2 };

package/dist/esm/libs/helpers/parse-json.js

@@ -1,15 +1,13 @@
-const parseJson = (json) => {
-    if (!json)
-        return null;
-    try {
-        return JSON.parse(json);
-    }
-    catch (e) {
-        return null;
-    }
-};
-const serializableJson = (props) => {
-    return JSON.parse(JSON.stringify(props));
+const parseJson = (json)=>{
+    if (!json) return null;
+    try {
+        return JSON.parse(json);
+    } catch (e) {
+        return null;
+    }
+};
+const serializableJson = (props)=>{
+    return JSON.parse(JSON.stringify(props));
 };
 
 export { parseJson, serializableJson };

package/dist/esm/libs/helpers/user-agent.js

@@ -1,5 +1,5 @@
-function isBot(input) {
-    return /Googlebot|Mediapartners-Google|AdsBot-Google|googleweblight|Storebot-Google|Google-PageRenderer|Chrome-Lighthouse|Bingbot|BingPreview|Slurp|DuckDuckBot|baiduspider|yandex|sogou|LinkedInBot|bitlybot|tumblr|vkShare|quora link preview|facebookexternalhit|facebookcatalog|Twitterbot|applebot|redditbot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|ia_archiver/i.test(input);
+function isBot(input) {
+    return /Googlebot|Mediapartners-Google|AdsBot-Google|googleweblight|Storebot-Google|Google-PageRenderer|Chrome-Lighthouse|Bingbot|BingPreview|Slurp|DuckDuckBot|baiduspider|yandex|sogou|LinkedInBot|bitlybot|tumblr|vkShare|quora link preview|facebookexternalhit|facebookcatalog|Twitterbot|applebot|redditbot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|ia_archiver/i.test(input);
 }
 
 export { isBot };