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

package/dist/cjs/libs/helpers/check-option-font.js

@@ -0,0 +1,65 @@
+'use strict';
+
+const listFontsNotInBunny = [
+    'Anton SC',
+    'Arsenal SC',
+    'Baskervville SC',
+    'Beiruti',
+    'Bodoni Moda SC',
+    'Bona Nova SC',
+    'Bungee Tint',
+    'Edu AU VIC WA NT Hand',
+    'Fustat',
+    'Ga Maamli',
+    'Kalnia Glaze',
+    'Maname',
+    'Matemasie',
+    'Material Icons',
+    'Material Icons Outlined',
+    'Material Icons Round',
+    'Material Icons Sharp',
+    'Material Icons Two Tone',
+    'Material Symbols Outlined',
+    'Material Symbols Rounded',
+    'Material Symbols Sharp',
+    'Moderustic',
+    'New Amsterdam',
+    'Playwrite AR',
+    'Playwrite AT',
+    'Playwrite BE VLG',
+    'Playwrite BE WAL',
+    'Playwrite CL',
+    'Playwrite CU',
+    'Playwrite CZ',
+    'Playwrite DK Loopet',
+    'Playwrite DK Uloopet',
+    'Playwrite HR',
+    'Playwrite HR Lijeva',
+    'Playwrite HU',
+    'Playwrite PE',
+    'SUSE',
+    'Sankofa Display',
+    'Wittgenstein',
+    'Zain'
+];
+const listFontsNotInGoogle = [
+    'Arima Madurai',
+    'Coda Caption',
+    'Fredoka One',
+    'Gentium Book Basic',
+    'Kantumruy',
+    'Merienda One',
+    'Source Sans Pro',
+    'Source Serif Pro',
+    'Briem Hand',
+    'Pushster'
+];
+const objectFont = {
+    bunny: listFontsNotInBunny,
+    google: listFontsNotInGoogle
+};
+const checkNotInOptionFont = (currentfont, type)=>{
+    return objectFont?.[type]?.includes(currentfont);
+};
+
+exports.checkNotInOptionFont = checkNotInOptionFont;

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

@@ -1 +1,27 @@
-"use strict";async function wait(t){return new Promise(e=>setTimeout(e,t))}const retryWithDelay=async(t,e)=>{let r=e?.retries??3,i=e?.delay??1e3;try{return await t()}catch(a){if(r<=0||e?.retryIf&&!e.retryIf(a))return Promise.reject(a);return await wait(i),retryWithDelay(t,{...e,retries:r-1,delay:i})}};exports.retryWithDelay=retryWithDelay,exports.wait=wait;
+'use strict';
+
+async function wait(ms) {
+    return new Promise((resolve)=>setTimeout(resolve, ms));
+}
+const retryWithDelay = async (fn, config)=>{
+    const retries = config?.retries ?? 3;
+    const delay = config?.delay ?? 1000;
+    try {
+        return await fn();
+    } catch (err) {
+        if (retries <= 0 || config?.retryIf && !config.retryIf(err)) {
+            return Promise.reject(err);
+        }
+        //delay the next call
+        await wait(delay);
+        //recursively call the same func
+        return retryWithDelay(fn, {
+            ...config,
+            retries: retries - 1,
+            delay
+        });
+    }
+};
+
+exports.retryWithDelay = retryWithDelay;
+exports.wait = wait;

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

@@ -1 +1,135 @@
-"use strict";var core=require("@gem-sdk/core"),merge=require("deepmerge");const baseDevices={tablet:"1023px",mobile:"767px"},flattenObject=(e,t)=>Object.keys(e).reduce((r,i)=>{let o=t?`${t}-`:"";return"object"==typeof e[i]&&null!==e[i]&&Object.keys(e[i]).length>0?Object.assign(r,flattenObject(e[i],o+i)):r[o+i]=e[i],r},{}),devicesOrder=["desktop","tablet","mobile"],mapObject=e=>Object.entries(e??{}).reduce((e,[t,r])=>({...e,[core.getShortName(t)]:"object"==typeof r?mapObject(r):r}),{}),getValueByDevice=(e,t)=>{let r={typography:Object.fromEntries(Object.entries(e?.typography??{}).map(([e,r])=>{let i={...r?.[t]};return i?(i.fontFamily&&(i.fontFamily=`var(--g-font-${i.fontFamily}, ${i.fontFamily})`),[e,i]):[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,t)=>{if(!e)return"";let r={};try{if(r="string"==typeof e?JSON.parse(e):e,t){let e=getValueByDevice(r,"desktop"),t=getValueByDevice(r,"mobile"),i=merge(e,t);i.color=r.color,i.radius=r.radius;let o=genCSSVariable(i);return`:root{${o}}`}return devicesOrder.map(e=>{let t=getValueByDevice(r,e);"desktop"===e&&(t.color=r.color,t.radius=r.radius);let i=genCSSVariable(t);return"desktop"===e?`:root{${i}}`:`@media (max-width: ${baseDevices[e]}) {:root{${i}}}`}).join("\n")}catch{return""}};exports.genCSS=genCSS;
+'use strict';
+
+var core = require('@gem-sdk/core');
+var merge = require('deepmerge');
+
+const baseDevices = {
+    tablet: '1023px',
+    mobile: '767px'
+};
+const devicesOrder = [
+    'desktop',
+    'tablet',
+    'mobile'
+];
+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 mapObject = (obj)=>{
+    return Object.entries(obj ?? {}).reduce((acc, [k, v])=>{
+        return {
+            ...acc,
+            [core.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
+            ];
+        })),
+        theme: {
+            font: Object.fromEntries(Object.entries(data?.theme?.font ?? {}).map(([key, value])=>{
+                return [
+                    key,
+                    value?.family
+                ];
+            }))
+        }
+    };
+    return deviceData;
+};
+const quoteFontName = (font)=>{
+    if ([
+        'sans-serif'
+    ].includes(font)) {
+        return font;
+    }
+    return `'${font}'`;
+};
+const genCSSVariable = (deviceData)=>{
+    return Object.entries(mapObject(flattenObject(deviceData))).map(([key, value])=>{
+        if (value === undefined) return undefined;
+        if ([
+            'font-heading',
+            'font-body',
+            'theme-font-heading',
+            'theme-font-body'
+        ].includes(key)) {
+            return `--g-${key}: ${quoteFontName(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 '';
+    }
+};
+
+exports.genCSS = genCSS;

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

@@ -1 +1,90 @@
-"use strict";const getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let n=t[o],i=n.styles,r=n.settings;getFontFromGroupSetting(e,i),getFontFromGroupSetting(e,r)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let n=e[o];if(n){let e=n.custom?.fontFamily,o=n.custom?.fontVariants;if(o?.length||(o=[n.custom?.fontWeight]),e&&o?.length){let i=o.map(t=>"regular"===t?"400":t),r=n.custom?.fontWeight&&i.includes(n.custom?.fontWeight)?n.custom?.fontWeight:i[0];if(r){let o=t.find(t=>t.family==e&&t.variants.includes(r));if(!o){let o=t.find(t=>t.family==e);if(o)o.variants.push(r);else{let o=[r];"700"!==r&&i.includes("700")&&o.push("700"),t.push({family:e,variants:o,subsets:[],type:"google"})}}}}}}};exports.getFontFromGroupSetting=getFontFromGroupSetting,exports.getFontsFromDataBuilder=getFontsFromDataBuilder;
+'use strict';
+
+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)=>{
+    const states = [
+        'normal',
+        'hover',
+        'focus',
+        'active',
+        'disabled',
+        'price',
+        'compareAtPrice'
+    ];
+    for(const attr in groupSetting){
+        if (Object.prototype.hasOwnProperty.call(groupSetting, attr)) {
+            const value = groupSetting[attr];
+            if (!value) continue;
+            getFontValue(fonts, value);
+            for (const state of states){
+                if (!value[state]) continue;
+                getFontValue(fonts, value[state]);
+            }
+        }
+    }
+};
+const getFontValue = (fonts, value)=>{
+    let customFontFamily = value.custom?.fontFamily;
+    if (typeof customFontFamily === 'string') {
+        customFontFamily = {
+            value: value.custom?.fontFamily || '',
+            type: 'google'
+        };
+    }
+    const fontFamily = customFontFamily?.value;
+    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 == fontFamily && item.variants.includes(customFontWeight));
+            if (!isExist) {
+                const isFontFamily = fonts.find((item)=>item.family == fontFamily);
+                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: fontFamily || '',
+                        variants: fontVariants,
+                        subsets: [],
+                        type: customFontFamily.type
+                    });
+                }
+            }
+        }
+    }
+};
+
+exports.getFontFromGroupSetting = getFontFromGroupSetting;
+exports.getFontsFromDataBuilder = getFontsFromDataBuilder;

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

@@ -1 +1,5 @@
-"use strict";const generateManifest=e=>`data:application/manifest+json,${encodeURIComponent(JSON.stringify(e))}`;exports.generateManifest=generateManifest;
+'use strict';
+
+const generateManifest = (data)=>`data:application/manifest+json,${encodeURIComponent(JSON.stringify(data))}`;
+
+exports.generateManifest = generateManifest;

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

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

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

@@ -1 +1,111 @@
-"use strict";const normalizeBuilderData=e=>{let t={};function r(e,t={}){if(e){let{childrens:i,dateModified:o,editorConfigs:n,...a}=e;if("section"===a.type)t[a.uid]=a;else{let e=i?.map(e=>e?.uid)??[];t[a.uid]={...a,childrens:e},i&&i.map(e=>r(e,t))}}}return r(e,t),{...t}},orderSection=(e,t)=>{let r=t?.filter(t=>e?.some(e=>e?.id===t)),i=r?.map(t=>e?.find(e=>e?.id===t))??[],o=e?.filter(e=>(!e?.id||!r?.includes(e.id))&&!e?.deletedAt)??[];return i.concat(o)};function normalizePageSectionResponse(e,t){let r=orderSection(e,t),i=r.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:i})}function normalizePageSectionResponseV2(e,t){let r=orderSection(e,t),i=r.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return i.map(e=>({uid:e.uid,lazy:!!e.settings?.lazy,priority:!!e.settings?.priority,data:normalizeBuilderData(e)}))}const parseBuilderTemplateV2=e=>normalizePageSectionResponseV2([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition),parseBuilderTemplate=e=>normalizePageSectionResponse([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition),parseBuilderLibraryTemplate=e=>normalizePageSectionResponseV2([...e?.sections??[]],e?.sectionPosition);exports.normalizeBuilderData=normalizeBuilderData,exports.normalizePageSectionResponseV2=normalizePageSectionResponseV2,exports.parseBuilderLibraryTemplate=parseBuilderLibraryTemplate,exports.parseBuilderTemplate=parseBuilderTemplate,exports.parseBuilderTemplateV2=parseBuilderTemplateV2;
+'use strict';
+
+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)) && !v?.deletedAt) ?? [];
+    // 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 extractPageBackground = (data)=>{
+    try {
+        const pageBackgroundStr = data?.metafields?.find((item)=>item?.key === 'page_background')?.value;
+        return JSON.parse(pageBackgroundStr ?? '{}');
+    } catch  {
+        return {};
+    }
+};
+const parseBuilderLibraryTemplate = (data)=>{
+    return normalizePageSectionResponseV2([
+        ...data?.sections ?? []
+    ], data?.sectionPosition);
+};
+const parseShopLibraryPageTemplate = (data)=>{
+    return normalizePageSectionResponseV2([
+        ...data?.shopLibrarySections ?? []
+    ], data?.sectionPosition);
+};
+
+exports.extractPageBackground = extractPageBackground;
+exports.normalizeBuilderData = normalizeBuilderData;
+exports.normalizePageSectionResponseV2 = normalizePageSectionResponseV2;
+exports.parseBuilderLibraryTemplate = parseBuilderLibraryTemplate;
+exports.parseBuilderTemplate = parseBuilderTemplate;
+exports.parseBuilderTemplateV2 = parseBuilderTemplateV2;
+exports.parseShopLibraryPageTemplate = parseShopLibraryPageTemplate;

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

@@ -1 +1,16 @@
-"use strict";const parseJson=s=>{if(!s)return null;try{return JSON.parse(s)}catch(s){return null}},serializableJson=s=>JSON.parse(JSON.stringify(s));exports.parseJson=parseJson,exports.serializableJson=serializableJson;
+'use strict';
+
+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));
+};
+
+exports.parseJson = parseJson;
+exports.serializableJson = serializableJson;

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

@@ -1 +1,7 @@
-"use strict";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)}exports.isBot=isBot;
+'use strict';
+
+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);
+}
+
+exports.isBot = isBot;

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

@@ -1 +1,43 @@
-"use strict";var core=require("@gem-sdk/core"),react=require("react");const useTrackingView=(e,r,c)=>{let t=e||process.env.NEXT_PUBLIC_SHOP_TOKEN,a=process.env.NEXT_PUBLIC_API_URL,i=react.useCallback(e=>{if(!a||!t)return;let r={pageHandle:e},c={"Content-Type":"application/json","X-GemX-Shop-Token":t};fetch(a,{method:"POST",headers:c,body:JSON.stringify({query:core.PageViewUpDocument,variables:r})}).finally(()=>{})},[a,t]);react.useEffect(()=>{r&&!c&&i(r)},[r,i,c])};exports.useTrackingView=useTrackingView;
+'use client';
+'use strict';
+
+var core = require('@gem-sdk/core');
+var react = require('react');
+
+const useTrackingView = (token, handle, isFallback)=>{
+    const shopToken = token || process.env.NEXT_PUBLIC_SHOP_TOKEN;
+    const apiURL = process.env.NEXT_PUBLIC_API_URL;
+    const sendTracking = react.useCallback((handle)=>{
+        if (!apiURL || !shopToken) return;
+        const variables = {
+            pageHandle: handle
+        };
+        const headers = {
+            'Content-Type': 'application/json',
+            'X-GemX-Shop-Token': shopToken
+        };
+        fetch(apiURL, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({
+                query: core.PageViewUpDocument,
+                variables
+            })
+        }).finally(()=>{
+        //
+        });
+    }, [
+        apiURL,
+        shopToken
+    ]);
+    react.useEffect(()=>{
+        if (!handle || isFallback) return;
+        sendTracking(handle);
+    }, [
+        handle,
+        sendTracking,
+        isFallback
+    ]);
+};
+
+exports.useTrackingView = useTrackingView;

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

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