@gem-sdk/pages 1.36.20 → 2.0.0-dev.832

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

@@ -1,115 +1 @@
-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;
-        if ([
-            'font-heading',
-            'font-body'
-        ].includes(key)) {
-            return `--g-${key}: '${value}'`;
-        }
-        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 };
+import{getShortName as e}from"@gem-sdk/core";import t from"deepmerge";let baseDevices={tablet:"1023px",mobile:"767px"},flattenObject=(e,t)=>Object.keys(e).reduce((r,o)=>{let i=t?`${t}-`:"";return"object"==typeof e[o]&&null!==e[o]&&Object.keys(e[o]).length>0?Object.assign(r,flattenObject(e[o],i+o)):r[i+o]=e[o],r},{}),devicesOrder=["desktop","tablet","mobile"],mapObject=t=>Object.entries(t??{}).reduce((t,[r,o])=>({...t,[e(r)]:"object"==typeof o?mapObject(o):o}),{}),getValueByDevice=(e,t)=>{let r={typography:Object.fromEntries(Object.entries(e?.typography??{}).map(([e,r])=>{let o={...r?.[t]};return o?(o.fontFamily&&(o.fontFamily=`var(--g-font-${o.fontFamily}, ${o.fontFamily})`),[e,o]):[e,void 0]})),spacing:Object.fromEntries(Object.entries(e?.spacing??{}).map(([e,r])=>[e,r?.[t]])),container:Object.fromEntries(Object.entries(e?.container??{}).map(([e,r])=>[e,r?.[t]])),font:Object.fromEntries(Object.entries(e?.font??{}).map(([e,t])=>[e,t?.family]))};return r},genCSSVariable=e=>Object.entries(mapObject(flattenObject(e))).map(([e,t])=>{if(void 0!==t)return["font-heading","font-body"].includes(e)?`--g-${e}: '${t}'`:`--g-${e}:${t}`}).filter(e=>void 0!==e).join(";"),genCSS=(e,r)=>{if(!e)return"";let o={};try{if(o="string"==typeof e?JSON.parse(e):e,r){let e=getValueByDevice(o,"desktop"),r=getValueByDevice(o,"mobile"),i=t(e,r);i.color=o.color,i.radius=o.radius;let n=genCSSVariable(i);return`:root{${n}}`}return devicesOrder.map(e=>{let t=getValueByDevice(o,e);"desktop"===e&&(t.color=o.color,t.radius=o.radius);let r=genCSSVariable(t);return"desktop"===e?`:root{${r}}`:`@media (max-width: ${baseDevices[e]}) {:root{${r}}}`}).join("\n")}catch{return""}};export{genCSS};

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

@@ -1,65 +1 @@
-const getFontsFromDataBuilder = (dataBuilder)=>{
-    const fonts = [];
-    for(const uid in dataBuilder){
-        if (Object.prototype.hasOwnProperty.call(dataBuilder, uid)) {
-            const data = dataBuilder[uid];
-            const styles = data.styles;
-            const settings = data.settings;
-            getFontFromGroupSetting(fonts, styles);
-            getFontFromGroupSetting(fonts, settings);
-        }
-    }
-    return fonts;
-};
-const getFontFromGroupSetting = (fonts, groupSetting)=>{
-    for(const attr in groupSetting){
-        if (Object.prototype.hasOwnProperty.call(groupSetting, attr)) {
-            const value = groupSetting[attr];
-            if (value) {
-                const customFontFamily = value.custom?.fontFamily;
-                let customFontVariants = value.custom?.fontVariants;
-                if (!customFontVariants?.length) {
-                    customFontVariants = [
-                        value.custom?.fontWeight
-                    ];
-                }
-                if (customFontFamily && customFontVariants?.length) {
-                    const variants = customFontVariants.map((item)=>{
-                        switch(item){
-                            case 'regular':
-                                return '400';
-                        }
-                        return item;
-                    });
-                    const customFontWeight = value.custom?.fontWeight && variants.includes(value.custom?.fontWeight) ? value.custom?.fontWeight : variants[0];
-                    if (customFontWeight) {
-                        const isExist = fonts.find((item)=>item.family == customFontFamily && item.variants.includes(customFontWeight));
-                        if (!isExist) {
-                            const isFontFamily = fonts.find((item)=>item.family == customFontFamily);
-                            if (isFontFamily) {
-                                isFontFamily.variants.push(customFontWeight);
-                            } else {
-                                const fontVariants = [
-                                    customFontWeight
-                                ];
-                                if (customFontWeight !== '700') {
-                                    if (variants.includes('700')) {
-                                        fontVariants.push('700'); // Auto add 700 for bold in editor inline
-                                    }
-                                }
-                                fonts.push({
-                                    family: customFontFamily,
-                                    variants: fontVariants,
-                                    subsets: [],
-                                    type: 'google'
-                                });
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-};
-
-export { getFontFromGroupSetting, getFontsFromDataBuilder };
+let getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let i=t[o],n=i.styles,l=i.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,l)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let i=e[o];if(i){let e=i.custom?.fontFamily,o=i.custom?.fontVariants;if(o?.length||(o=[i.custom?.fontWeight]),e&&o?.length){let n=o.map(t=>"regular"===t?"400":t),l=i.custom?.fontWeight&&n.includes(i.custom?.fontWeight)?i.custom?.fontWeight:n[0];if(l){let o=t.find(t=>t.family==e&&t.variants.includes(l));if(!o){let o=t.find(t=>t.family==e);if(o)o.variants.push(l);else{let o=[l];"700"!==l&&n.includes("700")&&o.push("700"),t.push({family:e,variants:o,subsets:[],type:"google"})}}}}}}};export{getFontFromGroupSetting,getFontsFromDataBuilder};

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

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

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

@@ -1,33 +1 @@
-import { prefetchQueries } from '@gem-sdk/core';
-
-const isStorefront = true;
-const getFallbackV2 = async (fetcher, data)=>{
-    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
-    const queries = data.map((v)=>prefetchQueries(v.data, {
-            isSample,
-            isStorefront
-        })).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 };
+import{prefetchQueries as e}from"@gem-sdk/core";let isStorefront=!0,getFallbackV2=async(t,a)=>{let l=!process.env.NEXT_PUBLIC_STOREFRONT_TOKEN,r=a.map(t=>e(t.data,{isSample:l,isStorefront:!0})).flat(),o=await Promise.allSettled(r.map(({query:e,variables:a,func:l})=>l?l(t,a):e?t([e,a]):{})),s=r.reduce((e,{key:t},a)=>{let l=o[a];return l?.status==="fulfilled"?{...e,[t]:l.value}:e},{});return s};export{getFallbackV2};

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

@@ -1,85 +1 @@
-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, normalizePageSectionResponseV2, parseBuilderTemplate, parseBuilderTemplateV2 };
+let normalizeBuilderData=e=>{let t={};function i(e,t={}){if(e){let{childrens:n,dateModified:r,editorConfigs:o,...a}=e;if("section"===a.type)t[a.uid]=a;else{let e=n?.map(e=>e?.uid)??[];t[a.uid]={...a,childrens:e},n&&n.map(e=>i(e,t))}}}return i(e,t),{...t}},orderSection=(e,t)=>{let i=t?.filter(t=>e?.some(e=>e?.id===t)),n=i?.map(t=>e?.find(e=>e?.id===t))??[],r=e?.filter(e=>(!e?.id||!i?.includes(e.id))&&!e?.deletedAt)??[];return n.concat(r)};function normalizePageSectionResponse(e,t){let i=orderSection(e,t),n=i.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return normalizeBuilderData({uid:"ROOT",tag:"Root",childrens:n})}function normalizePageSectionResponseV2(e,t){let i=orderSection(e,t),n=i.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return n.map(e=>({uid:e.uid,lazy:!!e.settings?.lazy,priority:!!e.settings?.priority,data:normalizeBuilderData(e)}))}let parseBuilderTemplateV2=e=>normalizePageSectionResponseV2([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition),parseBuilderTemplate=e=>normalizePageSectionResponse([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition);export{normalizeBuilderData,normalizePageSectionResponseV2,parseBuilderTemplate,parseBuilderTemplateV2};

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

@@ -1,13 +1 @@
-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 };
+let parseJson=r=>{if(!r)return null;try{return JSON.parse(r)}catch(r){return null}},serializableJson=r=>JSON.parse(JSON.stringify(r));export{parseJson,serializableJson};

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

@@ -1,5 +1 @@
-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 };
+function isBot(o){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(o)}export{isBot};

package/dist/esm/libs/hooks/use-tracking-view.js

@@ -1,43 +1 @@
-import { PageViewUpDocument } from '@gem-sdk/core';
-import { useCallback, useEffect } from 'react';
-import { isBot } from '../helpers/user-agent.js';
-
-const useTrackingView = (token, handle, isFallback)=>{
-    const shopToken = token || process.env.NEXT_PUBLIC_SHOP_TOKEN;
-    const apiURL = process.env.NEXT_PUBLIC_API_URL;
-    const sendTracking = useCallback((handle)=>{
-        if (!apiURL || !shopToken) return;
-        const bot = isBot(navigator.userAgent);
-        const variables = {
-            pageHandle: handle,
-            userAgent: bot ? 'BOT' : 'BROWSER'
-        };
-        const headers = {
-            'Content-Type': 'application/json',
-            'X-GemX-Shop-Token': shopToken
-        };
-        fetch(apiURL, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                query: PageViewUpDocument,
-                variables
-            })
-        }).finally(()=>{
-        //
-        });
-    }, [
-        apiURL,
-        shopToken
-    ]);
-    useEffect(()=>{
-        if (!handle || isFallback) return;
-        sendTracking(handle);
-    }, [
-        handle,
-        sendTracking,
-        isFallback
-    ]);
-};
-
-export { useTrackingView };
+import{PageViewUpDocument as e}from"@gem-sdk/core";import{useCallback as o,useEffect as r}from"react";let useTrackingView=(t,n,i)=>{let p=t||process.env.NEXT_PUBLIC_SHOP_TOKEN,s=process.env.NEXT_PUBLIC_API_URL,a=o(o=>{if(!s||!p)return;let r={pageHandle:o},t={"Content-Type":"application/json","X-GemX-Shop-Token":p};fetch(s,{method:"POST",headers:t,body:JSON.stringify({query:e,variables:r})}).finally(()=>{})},[s,p]);r(()=>{n&&!i&&a(n)},[n,a,i])};export{useTrackingView};

package/dist/esm/libs/hooks/usePagePreview.js

@@ -0,0 +1 @@
+import{generateManifest as e}from"../helpers/generate-manifres.js";import{parseJson as o}from"../helpers/parse-json.js";let usePagePreview=(r,a,n)=>{let s=r?.isMobile??!1,i="fulfilled"===n.status?n.value:void 0,t="fulfilled"===a.status?a.value:void 0,l=t?.storeProperty?.favicon??"/favicon/favicon-32x32.png",c=i?.localization.language.isoCode??null,p=i?.localization.country.isoCode??null,m=i?.shop.moneyFormat??null,f=i?.localization.country.currency.isoCode??null,u=o(t?.storeProperty?.swatchesConfig),d=c&&p?`${c}-${p}`:null,h={defaultTitle:i?.shop.name,title:r?.name,openGraph:{site_name:i?.shop.name,locale:i?.localization.country.isoCode,title:r?.name??i?.shop.name},nofollow:!0,noindex:!0,canonical:`/preview/${r?.id}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${l}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${l}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${l}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:e({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:i?.shop.name,short_name:i?.shop.name,description:i?.shop.description,icons:[{src:`${l}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${l}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]};return{seo:h,pageConfig:{mobileOnly:s,locale:d,languageIsoCode:c,countryIsoCode:p,moneyFormat:m,currency:f,swatches:u}}};export{usePagePreview};

package/dist/esm/libs/parse-html.js

@@ -1,40 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import parse, { Element, Text } from 'html-react-parser';
-import Script from 'next/script';
-
-const parseHtml = (html, isHead)=>{
-    if (!html) return undefined;
-    try {
-        return parse(html, {
-            replace: (node)=>{
-                if (node.type === 'script' && node instanceof Element) {
-                    const child = node.children?.[0];
-                    if (child instanceof Text) {
-                        if (isHead) return /*#__PURE__*/ jsx("script", {
-                            ...node.attribs,
-                            dangerouslySetInnerHTML: {
-                                __html: child.data
-                            }
-                        });
-                        else return /*#__PURE__*/ jsx(Script, {
-                            ...node.attribs,
-                            dangerouslySetInnerHTML: {
-                                __html: child.data
-                            }
-                        });
-                    } else {
-                        if (!isHead) {
-                            return /*#__PURE__*/ jsx(Script, {
-                                ...node.attribs
-                            });
-                        }
-                    }
-                }
-            }
-        });
-    } catch  {
-        return undefined;
-    }
-};
-
-export { parseHtml };
+import{jsx as t}from"react/jsx-runtime";import r,{Element as e,Text as a}from"html-react-parser";import i from"next/script";let parseHtml=(n,s)=>{if(n)try{return r(n,{replace:r=>{if("script"===r.type&&r instanceof e){let e=r.children?.[0];if(e instanceof a)return s?t("script",{...r.attribs,dangerouslySetInnerHTML:{__html:e.data}}):t(i,{...r.attribs,dangerouslySetInnerHTML:{__html:e.data}});if(!s)return t(i,{...r.attribs})}}})}catch{return}};export{parseHtml};