@gem-sdk/core 2.0.0-dev.896 → 2.0.0

package/dist/esm/helpers/interaction/index.js

@@ -0,0 +1,132 @@
+import { useRef, useMemo, useCallback } from 'react';
+import 'react/jsx-runtime';
+import 'zustand';
+import { usePageStore } from '../../contexts/PageContext.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'swr';
+import 'swr/infinite';
+import 'classnames';
+import 'dayjs';
+import '../convert.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import '../../hooks/useCartUI.js';
+
+const useInteraction = ()=>{
+    const ref = useRef();
+    const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
+    const sidebarMode = usePageStore((s)=>s.sidebarMode);
+    const selectType = usePageStore((s)=>s.interactionData?.selectType);
+    const interactionData = usePageStore((s)=>s.interactionData);
+    function findElementIncludingSelf(element, selector) {
+        if (!(element instanceof Document) && element?.matches(selector)) {
+            return element;
+        } else {
+            return element?.querySelector(selector);
+        }
+    }
+    const handleOnListener = (element, event, callback)=>{
+        const eventListener = (e)=>{
+            const customEvent = e;
+            const params = customEvent.detail;
+            if (callback) callback(params);
+        };
+        element.addEventListener(event, eventListener);
+        return ()=>element.removeEventListener(event, eventListener);
+    };
+    const onListener = ({ event, selector, elementRef }, callback)=>{
+        const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
+        if (!element) return;
+        return handleOnListener(element, event, callback);
+    };
+    const trigger = ({ event, data, selector, element: elementParam })=>{
+        const element = elementParam || document.body?.querySelector(selector);
+        if (!element) return;
+        const eventDispatch = new CustomEvent(event, {
+            bubbles: false,
+            cancelable: true,
+            detail: {
+                data
+            }
+        });
+        element.dispatchEvent(eventDispatch);
+    };
+    const saveToElementInteractionData = (element, key, value)=>{
+        const interactionData = element.getAttribute('gp-data-interaction');
+        const interactionDataJson = JSON.parse(interactionData || '{}');
+        element.setAttribute('gp-data-interaction', JSON.stringify({
+            ...interactionDataJson,
+            [key]: value
+        }));
+    };
+    const getInteractionPreviousData = (element, key)=>{
+        const interactionData = element.getAttribute('gp-data-interaction');
+        const interactionDataJson = JSON.parse(interactionData || '{}');
+        return {
+            previousData: interactionDataJson[key],
+            interactionDataJson
+        };
+    };
+    const closeSelectOnPage = ()=>{
+        setInteractionIsSelectOnPage(false);
+        const event = new CustomEvent('editor:interaction:change-select-on-page', {
+            bubbles: true,
+            detail: false
+        });
+        window.dispatchEvent(event);
+    };
+    const changeSelectMode = (mode)=>{
+        const event = new CustomEvent('editor:interaction:change-select-mode', {
+            bubbles: true,
+            detail: mode
+        });
+        window.dispatchEvent(event);
+    };
+    const selectInteractionElement = ({ componentUid, settingType, $target })=>{
+        const event = new CustomEvent('editor:interaction:select-element', {
+            bubbles: true,
+            detail: {
+                componentUid,
+                settingType,
+                $target
+            }
+        });
+        window.dispatchEvent(event);
+    };
+    const isInteractionMode = useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
+        sidebarMode,
+        interactionData?.isSelectOnPage,
+        selectType
+    ]);
+    const isSelectOnPage = useMemo(()=>interactionData?.isSelectOnPage, [
+        interactionData?.isSelectOnPage
+    ]);
+    const interactionListenerLoaded = useCallback((callback)=>{
+        //@ts-ignore
+        if (window.interactionLoaded) {
+            callback();
+            return;
+        }
+        window.addEventListener('gp:flow-actions-loaded', ()=>{
+            callback();
+        });
+    }, []);
+    return {
+        onListener,
+        trigger,
+        saveToElementInteractionData,
+        closeSelectOnPage,
+        ref,
+        findElementIncludingSelf,
+        getInteractionPreviousData,
+        changeSelectMode,
+        selectInteractionElement,
+        isInteractionMode,
+        isSelectOnPage,
+        interactionListenerLoaded
+    };
+};
+
+export { useInteraction };

package/dist/esm/helpers/is-browser.js

@@ -1 +1,5 @@
-function isBrowser(){return"undefined"!=typeof window}export{isBrowser as default};
+function isBrowser() {
+    return typeof window !== 'undefined';
+}
+
+export { isBrowser as default };

package/dist/esm/helpers/is-defined.js

@@ -1 +1,5 @@
-function isDefined(e){return void 0!==e}export{isDefined};
+function isDefined(argument) {
+    return argument !== undefined;
+}
+
+export { isDefined };

package/dist/esm/helpers/is-empty-children.js

@@ -1 +1,10 @@
-import{Children as t}from"react";import r from"../components/ComponentToolbarPreview.js";let isEmptyChildren=e=>{let o=t.toArray(e);return o=o.filter(t=>t?.type!=r),1>t.count(o)||!e};export{isEmptyChildren as default,isEmptyChildren};
+import { Children } from 'react';
+import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
+
+const isEmptyChildren = (children)=>{
+    let arrChild = Children.toArray(children);
+    arrChild = arrChild.filter((child)=>child?.type != ComponentToolbarPreview);
+    return Children.count(arrChild) < 1 || !children;
+};
+
+export { isEmptyChildren as default, isEmptyChildren };

package/dist/esm/helpers/is-safari.js

@@ -1 +1,5 @@
-function isSafari(){return -1!=navigator.userAgent.indexOf("Safari")&&-1==navigator.userAgent.indexOf("Chrome")}export{isSafari as default};
+function isSafari() {
+    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
+}
+
+export { isSafari as default };

package/dist/esm/helpers/layout.js

@@ -1 +1,54 @@
-import{devicesMapping as t}from"./constant.js";import{getResponsiveValueByScreen as o,getResponsiveValue as e}from"./get-resonsive-value.js";let gridToArrayRegex=/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g,optionLayoutStyle=o=>{if(!o)return{};let e={};for(let[r,a]of Object.entries(o))Object.assign(e,{[`--gtc${t?.[r]}`]:`repeat(${parseFloat(a+"")||1}, minmax(0, 1fr))`});return e},composeGridLayout=t=>{let r=e(t,"display"),a=("fit"===o(r,"desktop")?t?.desktop?.cols?.map(()=>"minmax(0, auto)"):t?.desktop?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),i=("fit"===o(r,"tablet")?t?.tablet?.cols?.map(()=>"minmax(0, auto)"):t?.tablet?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),l=("fit"===o(r,"mobile")?t?.mobile?.cols?.map(()=>"minmax(0, auto)"):t?.mobile?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" ");return{"--gtc":a,"--gtc-tablet":i,"--gtc-mobile":l}},gridToArray=t=>t?t.match(gridToArrayRegex)??[]:[],convertOldLayout=t=>{let o=gridToArray(t?.desktop).length,e=gridToArray(t?.tablet).length,r=gridToArray(t?.mobile).length;return{desktop:{cols:o?Array.from({length:o},()=>12/o):void 0,display:"fill"},tablet:{cols:e?Array.from({length:e},()=>12/e):void 0},mobile:{cols:r?Array.from({length:r},()=>12/r):void 0}}};export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle};
+import { devicesMapping } from './constant.js';
+import { getResponsiveValueByScreen, getResponsiveValue } from './get-resonsive-value.js';
+
+const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
+/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
+const optionLayoutStyle = (column)=>{
+    if (!column) return {};
+    const style = {};
+    for (const [key, value] of Object.entries(column)){
+        Object.assign(style, {
+            [`--gtc${devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
+        });
+    }
+    return style;
+};
+const composeGridLayout = (layout)=>{
+    const display = getResponsiveValue(layout, 'display');
+    const desktop = (getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`minmax(0, auto)`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
+    const tablet = (getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`minmax(0, auto)`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
+    const mobile = (getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`minmax(0, auto)`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
+    return {
+        [`--gtc`]: desktop,
+        [`--gtc-tablet`]: tablet,
+        [`--gtc-mobile`]: mobile
+    };
+};
+const gridToArray = (layout)=>{
+    return layout ? layout.match(gridToArrayRegex) ?? [] : [];
+};
+const convertOldLayout = (layout)=>{
+    const desktopCol = gridToArray(layout?.desktop).length;
+    const tabletCol = gridToArray(layout?.tablet).length;
+    const mobileCol = gridToArray(layout?.mobile).length;
+    return {
+        desktop: {
+            cols: desktopCol ? Array.from({
+                length: desktopCol
+            }, ()=>12 / desktopCol) : undefined,
+            display: 'fill'
+        },
+        tablet: {
+            cols: tabletCol ? Array.from({
+                length: tabletCol
+            }, ()=>12 / tabletCol) : undefined
+        },
+        mobile: {
+            cols: mobileCol ? Array.from({
+                length: mobileCol
+            }, ()=>12 / mobileCol) : undefined
+        }
+    };
+};
+
+export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle };

package/dist/esm/helpers/load-script.js

@@ -1 +1,29 @@
-let SCRIPTS_LOADED={};function loadScript(e,t){let d=SCRIPTS_LOADED[e];if(d)return d;let o=new Promise((d,o)=>{let n=document.createElement("script");t?.module&&(n.type="module"),n.src=e,n.onload=()=>{d(!0)},n.onerror=()=>{o(!1)},t?.in==="head"?document.head.appendChild(n):document.body.appendChild(n)});return SCRIPTS_LOADED[e]=o,o}export{loadScript};
+const SCRIPTS_LOADED = {};
+function loadScript(src, options) {
+    const isScriptLoaded = SCRIPTS_LOADED[src];
+    if (isScriptLoaded) {
+        return isScriptLoaded;
+    }
+    const promise = new Promise((resolve, reject)=>{
+        const script = document.createElement('script');
+        if (options?.module) {
+            script.type = 'module';
+        }
+        script.src = src;
+        script.onload = ()=>{
+            resolve(true);
+        };
+        script.onerror = ()=>{
+            reject(false);
+        };
+        if (options?.in === 'head') {
+            document.head.appendChild(script);
+        } else {
+            document.body.appendChild(script);
+        }
+    });
+    SCRIPTS_LOADED[src] = promise;
+    return promise;
+}
+
+export { loadScript };

package/dist/esm/helpers/loop-component.js

@@ -0,0 +1,14 @@
+function loopComponent(component, callback) {
+    if (component) {
+        callback(component);
+    }
+    if (component?.childrens?.length) {
+        // eslint-disable-next-line
+        for(let i = 0; i < component.childrens.length; i++){
+            const children = component.childrens[i];
+            loopComponent(children, callback);
+        }
+    }
+}
+
+export { loopComponent };

package/dist/esm/helpers/make-style.js

@@ -1 +1,149 @@
-import{getResponsiveValueByScreen as e}from"./get-resonsive-value.js";let removeNullUndefined=e=>Object.entries(e).reduce((e,[t,l])=>null==l?e:{...e,[t]:l},{}),makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),makeStyle=e=>removeNullUndefined(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},makeStyleResponsive=(e,t,l)=>({[`--${e}`]:l?`${t?.desktop}${l}`:t?.desktop,[`--${e}-tablet`]:l?`${t?.tablet}${l}`:t?.tablet,[`--${e}-mobile`]:l?`${t?.mobile}${l}`:t?.mobile}),makeStyleResponsiveByScreen=(t,l,o)=>({[`--${t}`]:o?`${e(l,"desktop")}${o}`:e(l,"desktop"),[`--${t}-tablet`]:o?`${e(l,"tablet")}${o}`:e(l,"tablet"),[`--${t}-mobile`]:o?`${e(l,"mobile")}${o}`:e(l,"mobile")}),makeWidth=(t,l)=>{let o=(t,l,o)=>{let a=e(l,t),i=o?.[t]===void 0?o?.desktop:o?.[t];return i?"100%":!1===i?a??a:a||"auto"};return{desktop:o("desktop",t,l),tablet:o("tablet",t,l),mobile:o("mobile",t,l)}},makeGlobalSizeWidthResponsive=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),makeGlobalSizeHeightResponsive=e=>({"--h":e?.desktop?.height,"--h-tablet":e?.tablet?.height,"--h-mobile":e?.mobile?.height}),makeHeight=(e,t)=>{let l=(e,t,l)=>{let o=t?.[e],a=l?.[e];return a?"auto":!1===a?o??o:o};return{desktop:l("desktop",e,t),tablet:l("tablet",e,t),mobile:l("mobile",e,t)}},makeAspectRatio=(t,l,o)=>{let a={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let m=e(t,i);"none"!==m&&(a={...a,[i]:"custom"!==m?m:`${e(l,"desktop")}/${e(o,"desktop")}`})}),a},makeLineClamp=(t,l)=>{let o=(t,l,o)=>{let a=e(l,t),i=e(o,t);return i||void 0===i?a:"unset"};return{desktop:o("desktop",t,l),tablet:o("tablet",t,l),mobile:o("mobile",t,l)}};export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined};
+import { getResponsiveValueByScreen } from './get-resonsive-value.js';
+
+const removeNullUndefined = (obj)=>Object.entries(obj).reduce((a, [k, v])=>{
+        if (v === null || v === undefined) return a;
+        return {
+            ...a,
+            [k]: v
+        };
+    }, {});
+const makeStyleKey = (name)=>{
+    return [
+        name,
+        `hvr-${name}`,
+        `focus-${name}`,
+        `${name}-tablet`,
+        `hvr-${name}-tablet`,
+        `focus-${name}-tablet`,
+        `${name}-mobile`,
+        `hvr-${name}-mobile`,
+        `focus-${name}-mobile`
+    ].map((key)=>`--${key}`);
+};
+const makeStyle = (style)=>{
+    return removeNullUndefined(Object.fromEntries(Object.entries(style).map(([key, value])=>[
+            `--${key}`,
+            value
+        ])));
+};
+const makeStyleState = (name, value)=>{
+    if (!value) return {};
+    return {
+        [`--${name}`]: value?.normal,
+        [`--hvr-${name}`]: value?.hover,
+        [`--focus-${name}`]: value?.focus
+    };
+};
+const makeStyleResponsiveState = (name, value)=>{
+    if (!value) return {};
+    return {
+        [`--${name}`]: value?.desktop?.normal,
+        [`--hvr-${name}`]: value?.desktop?.hover,
+        [`--focus-${name}`]: value?.desktop?.focus,
+        [`--${name}-tablet`]: value?.tablet?.normal,
+        [`--hvr-${name}-tablet`]: value?.tablet?.hover,
+        [`--focus-${name}-tablet`]: value?.tablet?.focus,
+        [`--${name}-mobile`]: value?.mobile?.normal,
+        [`--hvr-${name}-mobile`]: value?.mobile?.hover,
+        [`--focus-${name}-mobile`]: value?.mobile?.focus
+    };
+};
+const makeStyleResponsive = (name, value, unit)=>{
+    return {
+        [`--${name}`]: unit ? `${value?.desktop}${unit}` : value?.desktop,
+        [`--${name}-tablet`]: unit ? `${value?.tablet}${unit}` : value?.tablet,
+        [`--${name}-mobile`]: unit ? `${value?.mobile}${unit}` : value?.mobile
+    };
+};
+const makeStyleResponsiveByScreen = (name, value, unit)=>{
+    return {
+        [`--${name}`]: unit ? `${getResponsiveValueByScreen(value, 'desktop')}${unit}` : getResponsiveValueByScreen(value, 'desktop'),
+        [`--${name}-tablet`]: unit ? `${getResponsiveValueByScreen(value, 'tablet')}${unit}` : getResponsiveValueByScreen(value, 'tablet'),
+        [`--${name}-mobile`]: unit ? `${getResponsiveValueByScreen(value, 'mobile')}${unit}` : getResponsiveValueByScreen(value, 'mobile')
+    };
+};
+const makeWidth = (widthValue, fullWidthValue)=>{
+    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
+        const widthVal = getResponsiveValueByScreen(widthValue, deviceValue);
+        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
+        if (fullWidthVal) {
+            return '100%';
+        } else if (fullWidthVal === false) {
+            return widthVal ?? widthVal;
+        } else {
+            return widthVal || 'auto';
+        }
+    };
+    return {
+        desktop: getVal('desktop', widthValue, fullWidthValue),
+        tablet: getVal('tablet', widthValue, fullWidthValue),
+        mobile: getVal('mobile', widthValue, fullWidthValue)
+    };
+};
+const makeGlobalSizeWidthResponsive = (globalSize)=>{
+    return {
+        '--w': globalSize?.desktop?.width,
+        '--w-tablet': globalSize?.tablet?.width,
+        '--w-mobile': globalSize?.mobile?.width
+    };
+};
+const makeGlobalSizeHeightResponsive = (globalSize)=>{
+    return {
+        '--h': globalSize?.desktop?.height,
+        '--h-tablet': globalSize?.tablet?.height,
+        '--h-mobile': globalSize?.mobile?.height
+    };
+};
+const makeHeight = (heighValue, autoHeight)=>{
+    const getVal = (deviceValue, heighValue, autoHeight)=>{
+        const heightVal = heighValue?.[deviceValue];
+        const isAuto = autoHeight?.[deviceValue];
+        if (isAuto) {
+            return 'auto';
+        } else if (isAuto === false) {
+            return heightVal ?? heightVal;
+        } else {
+            return heightVal;
+        }
+    };
+    return {
+        desktop: getVal('desktop', heighValue, autoHeight),
+        tablet: getVal('tablet', heighValue, autoHeight),
+        mobile: getVal('mobile', heighValue, autoHeight)
+    };
+};
+const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const aspectRatioDevice = getResponsiveValueByScreen(aspectRatio, device);
+        if (aspectRatioDevice !== 'none') {
+            result = {
+                ...result,
+                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}`
+            };
+        }
+    });
+    return result;
+};
+const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
+    const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
+        const lineClamp = getResponsiveValueByScreen(lineClampValue, deviceValue);
+        const hasLineClamp = getResponsiveValueByScreen(hasLineClampValue, deviceValue);
+        if (hasLineClamp || hasLineClamp === undefined) {
+            return lineClamp;
+        }
+        return 'unset';
+    };
+    return {
+        desktop: getVal('desktop', lineClampValue, hasLineClampValue),
+        tablet: getVal('tablet', lineClampValue, hasLineClampValue),
+        mobile: getVal('mobile', lineClampValue, hasLineClampValue)
+    };
+};
+
+export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined };

package/dist/esm/helpers/normalize-builder-data.js

@@ -1 +1,21 @@
-function normalizeBuilderData(e){let n={};return!function e(n,i={}){let t=n.childrens,r=t?.map(e=>e.uid)??[];i[n.uid]={...n,childrens:r,type:"component"},t&&t.map(n=>e(n,i))}(e,n),{...n}}export{normalizeBuilderData};
+function normalizeBuilderData(data) {
+    const result = {};
+    function compose(data, res = {}) {
+        const childrens = data.childrens;
+        const items = childrens?.map((child)=>child.uid) ?? [];
+        res[data.uid] = {
+            ...data,
+            childrens: items,
+            type: 'component'
+        };
+        if (childrens) {
+            childrens.map((child)=>compose(child, res));
+        }
+    }
+    compose(data, result);
+    return {
+        ...result
+    };
+}
+
+export { normalizeBuilderData };

package/dist/esm/helpers/pascal-to-kebab-case.js

@@ -0,0 +1,5 @@
+const pascalToKebab = (pascalCaseString)=>{
+    return pascalCaseString.replace(/[A-Z]/g, (match, offset)=>(offset ? '-' : '') + match.toLowerCase());
+};
+
+export { pascalToKebab };

package/dist/esm/helpers/prefetch-queries.js

@@ -1 +1,76 @@
-import{unstable_serialize as e}from"swr";import{getCollection as t}from"./queries/get-collection.js";import{getProduct as r}from"./queries/get-product.js";import{getProducts as s}from"./queries/get-products.js";import{generateCollectionQueryKey as o,generateProductsQueryKey as i,generateProductQueryKey as c}from"./query.js";let prefetchQueries=(u,l)=>{let n=[];return Object.keys(u).forEach(p=>{let f;let d=u[p];switch(d.tag){case"Product":{if(d.settings?.isAuto)break;let t={id:d.settings?.productSetting?.productId??"latest",isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(c(t)),func:r,variables:t};break}case"ProductList":{let r=d.settings?.productSetting;if(r?.productSrc==="Collection"){let s={id:r?.collectionId??"latest",numberOfProducts:d.settings?.numberOfProducts??4,orderBy:d.settings?.orderBy,isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(o(s)),func:t,variables:s}}else{let t={ids:[...r?.productIds??[]].sort(),isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(i(t)),func:s,variables:t}}}}f&&n.push(f)}),n.reduce((e,t)=>e.some(e=>e.key===t.key)?e:[...e,t],[])};export{prefetchQueries};
+import { unstable_serialize } from 'swr';
+import { getCollection } from './queries/get-collection.js';
+import { getProduct } from './queries/get-product.js';
+import { getProducts } from './queries/get-products.js';
+import { generateCollectionQueryKey, generateProductsQueryKey, generateProductQueryKey } from './query.js';
+
+const prefetchQueries = (input, options)=>{
+    const queries = [];
+    Object.keys(input).forEach((key)=>{
+        const item = input[key];
+        let data = undefined;
+        switch(item.tag){
+            case 'Product':
+                {
+                    if (item.settings?.isAuto) break;
+                    const variables = {
+                        id: item.settings?.productSetting?.productId ?? 'latest',
+                        isSample: options?.isSample,
+                        isStorefront: options?.isStorefront
+                    };
+                    data = {
+                        key: unstable_serialize(generateProductQueryKey(variables)),
+                        func: getProduct,
+                        variables
+                    };
+                    break;
+                }
+            case 'ProductList':
+                {
+                    const productSetting = item.settings?.productSetting;
+                    if (productSetting?.productSrc === 'Collection') {
+                        const variables = {
+                            id: productSetting?.collectionId ?? 'latest',
+                            numberOfProducts: item.settings?.numberOfProducts ?? 4,
+                            orderBy: item.settings?.orderBy,
+                            isSample: options?.isSample,
+                            isStorefront: options?.isStorefront
+                        };
+                        data = {
+                            key: unstable_serialize(generateCollectionQueryKey(variables)),
+                            func: getCollection,
+                            variables
+                        };
+                    } else {
+                        const variables = {
+                            ids: [
+                                ...productSetting?.productIds ?? []
+                            ].sort(),
+                            isSample: options?.isSample,
+                            isStorefront: options?.isStorefront
+                        };
+                        data = {
+                            key: unstable_serialize(generateProductsQueryKey(variables)),
+                            func: getProducts,
+                            variables
+                        };
+                    }
+                    break;
+                }
+        }
+        if (data) {
+            queries.push(data);
+        }
+    });
+    return queries.reduce((accumulator, current)=>{
+        if (!accumulator.some((x)=>x.key === current.key)) {
+            return [
+                ...accumulator,
+                current
+            ];
+        }
+        return accumulator;
+    }, []);
+};
+
+export { prefetchQueries };

package/dist/esm/helpers/product.js

@@ -1 +1,44 @@
-import{checkInStock as e}from"./variant.js";function getSelectedVariant(e,t,n){return e&&e.length&&t&&e[0]?.selectedOptions.length===Object.keys(t).length?n?e.find(e=>e?.id===n):e.find(e=>Object.entries(t).every(([t,n])=>e?.selectedOptions.some(e=>e.name===t&&e.value===n))):void 0}function parseSelectedOption(e){if(e&&(!e||0!==e.length))return e.reduce((e,{name:t,value:n})=>t&&n?{...e,[t]:n}:e,{})}function checkAvailableVariantInStock(t,n,r){return!!t&&t.some(t=>{if(t){let{selectedOptions:i}=t,a=i?.some(e=>e?.name===n&&e.value===r),c=e(t);return a&&c}return!1})}export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption};
+import { checkInStock } from './variant.js';
+
+function getSelectedVariant(variants, choices, variantId) {
+    /**
+   * Ensure the user has selected all the required options, not just some.
+   */ if (!variants || !variants.length || !choices || variants[0]?.selectedOptions.length !== Object.keys(choices).length) {
+        return;
+    }
+    if (variantId) {
+        return variants.find((variant)=>variant?.id === variantId);
+    }
+    return variants.find((variant)=>{
+        return Object.entries(choices).every(([name, value])=>{
+            return variant?.selectedOptions.some((option)=>option.name === name && option.value === value);
+        });
+    });
+}
+function parseSelectedOption(options) {
+    if (!options || options && options.length === 0) {
+        return;
+    }
+    return options.reduce((acc, { name, value })=>{
+        if (name && value) {
+            return {
+                ...acc,
+                [name]: value
+            };
+        }
+        return acc;
+    }, {});
+}
+function checkAvailableVariantInStock(variants, optionId, optionValue) {
+    return variants ? variants.some((item)=>{
+        if (item) {
+            const { selectedOptions } = item;
+            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
+            const isInStock = checkInStock(item);
+            return opt && isInStock;
+        }
+        return false;
+    }) : false;
+}
+
+export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption };