@gem-sdk/core 1.14.0-next.96 → 1.14.0

package/dist/cjs/helpers/layout.js

@@ -1 +1,59 @@
-"use strict";var constant=require("./constant.js"),getResonsiveValue=require("./get-resonsive-value.js");const gridToArrayRegex=/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g,optionLayoutStyle=e=>{if(!e)return{};let t={};for(let[o,r]of Object.entries(e))Object.assign(t,{[`--gtc${constant.devicesMapping?.[o]}`]:`repeat(${parseFloat(r+"")||1}, minmax(0, 1fr))`});return t},composeGridLayout=e=>{let t=getResonsiveValue.getResponsiveValue(e,"display"),o=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"desktop")?e?.desktop?.cols?.map(()=>"minmax(0, auto)"):e?.desktop?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" "),r=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"tablet")?e?.tablet?.cols?.map(()=>"minmax(0, auto)"):e?.tablet?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" "),a=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"mobile")?e?.mobile?.cols?.map(()=>"minmax(0, auto)"):e?.mobile?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" ");return{"--gtc":o,"--gtc-tablet":r,"--gtc-mobile":a}},gridToArray=e=>e?e.match(gridToArrayRegex)??[]:[],convertOldLayout=e=>{let t=gridToArray(e?.desktop).length,o=gridToArray(e?.tablet).length,r=gridToArray(e?.mobile).length;return{desktop:{cols:t?Array.from({length:t},()=>12/t):void 0,display:"fill"},tablet:{cols:o?Array.from({length:o},()=>12/o):void 0},mobile:{cols:r?Array.from({length:r},()=>12/r):void 0}}};exports.composeGridLayout=composeGridLayout,exports.convertOldLayout=convertOldLayout,exports.gridToArrayRegex=gridToArrayRegex,exports.optionLayoutStyle=optionLayoutStyle;
+'use strict';
+
+var constant = require('./constant.js');
+var getResonsiveValue = require('./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${constant.devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
+        });
+    }
+    return style;
+};
+const composeGridLayout = (layout)=>{
+    const display = getResonsiveValue.getResponsiveValue(layout, 'display');
+    const desktop = (getResonsiveValue.getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`minmax(0, auto)`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
+    const tablet = (getResonsiveValue.getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`minmax(0, auto)`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
+    const mobile = (getResonsiveValue.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
+        }
+    };
+};
+
+exports.composeGridLayout = composeGridLayout;
+exports.convertOldLayout = convertOldLayout;
+exports.gridToArrayRegex = gridToArrayRegex;
+exports.optionLayoutStyle = optionLayoutStyle;

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

@@ -1 +1,31 @@
-"use strict";const SCRIPTS_LOADED={};function loadScript(e,t){let o=SCRIPTS_LOADED[e];if(o)return o;let d=new Promise((o,d)=>{let r=document.createElement("script");t?.module&&(r.type="module"),r.src=e,r.onload=()=>{o(!0)},r.onerror=()=>{d(!1)},t?.in==="head"?document.head.appendChild(r):document.body.appendChild(r)});return SCRIPTS_LOADED[e]=d,d}exports.loadScript=loadScript;
+'use strict';
+
+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;
+}
+
+exports.loadScript = loadScript;

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

@@ -1 +1,128 @@
-"use strict";var getResonsiveValue=require("./get-resonsive-value.js");const removeNullUndefined=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),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)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),makeWidth=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e]===void 0?t?.desktop:t?.[e],s=o?.[e]===void 0?o?.desktop:o?.[e];return s?"100%":!1===s?l??l:l||"auto"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeHeight=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],s=o?.[e];return s?"auto":!1===s?l??l:l};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeAspectRatio=(e,t,o)=>({desktop:e?.desktop==="custom"?`${getResonsiveValue.getResponsiveValueByScreen(t,"desktop")}/${getResonsiveValue.getResponsiveValueByScreen(o,"desktop")}`:e?.desktop,tablet:e?.tablet==="custom"?`${getResonsiveValue.getResponsiveValueByScreen(t,"tablet")}/${getResonsiveValue.getResponsiveValueByScreen(o,"tablet")}`:e?.tablet,mobile:e?.mobile==="custom"?`${getResonsiveValue.getResponsiveValueByScreen(t,"mobile")}/${getResonsiveValue.getResponsiveValueByScreen(o,"mobile")}`:e?.mobile}),makeLineClamp=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],s=o?.[e]||o?.desktop;return s||void 0===s?l:"unset"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}};exports.makeAspectRatio=makeAspectRatio,exports.makeHeight=makeHeight,exports.makeLineClamp=makeLineClamp,exports.makeStyle=makeStyle,exports.makeStyleKey=makeStyleKey,exports.makeStyleResponsive=makeStyleResponsive,exports.makeStyleResponsiveState=makeStyleResponsiveState,exports.makeStyleState=makeStyleState,exports.makeWidth=makeWidth,exports.removeNullUndefined=removeNullUndefined;
+'use strict';
+
+var getResonsiveValue = require('./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)=>{
+    return {
+        [`--${name}`]: value?.desktop,
+        [`--${name}-tablet`]: value?.tablet,
+        [`--${name}-mobile`]: value?.mobile
+    };
+};
+const makeWidth = (widthValue, fullWidthValue)=>{
+    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
+        const widthVal = widthValue?.[deviceValue] === undefined ? widthValue?.['desktop'] : 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 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)=>{
+    return {
+        desktop: aspectRatio?.desktop === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
+        tablet: aspectRatio?.tablet === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
+        mobile: aspectRatio?.mobile === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
+    };
+};
+const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
+    const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
+        const lineClamp = lineClampValue?.[deviceValue];
+        const hasLineClamp = hasLineClampValue?.[deviceValue] || hasLineClampValue?.['desktop'];
+        if (hasLineClamp || hasLineClamp === undefined) {
+            return lineClamp;
+        }
+        return 'unset';
+    };
+    return {
+        desktop: getVal('desktop', lineClampValue, hasLineClampValue),
+        tablet: getVal('tablet', lineClampValue, hasLineClampValue),
+        mobile: getVal('mobile', lineClampValue, hasLineClampValue)
+    };
+};
+
+exports.makeAspectRatio = makeAspectRatio;
+exports.makeHeight = makeHeight;
+exports.makeLineClamp = makeLineClamp;
+exports.makeStyle = makeStyle;
+exports.makeStyleKey = makeStyleKey;
+exports.makeStyleResponsive = makeStyleResponsive;
+exports.makeStyleResponsiveState = makeStyleResponsiveState;
+exports.makeStyleState = makeStyleState;
+exports.makeWidth = makeWidth;
+exports.removeNullUndefined = removeNullUndefined;

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

@@ -1 +1,23 @@
-"use strict";function normalizeBuilderData(e){let i={};return!function e(i,t={}){let n=i.childrens,r=n?.map(e=>e.uid)??[];t[i.uid]={...i,childrens:r,type:"component"},n&&n.map(i=>e(i,t))}(e,i),{...i}}exports.normalizeBuilderData=normalizeBuilderData;
+'use strict';
+
+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
+    };
+}
+
+exports.normalizeBuilderData = normalizeBuilderData;

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

@@ -1 +1,78 @@
-"use strict";var useSWR=require("swr"),getCollection=require("./queries/get-collection.js"),getProduct=require("./queries/get-product.js"),getProducts=require("./queries/get-products.js"),query=require("./query.js");const prefetchQueries=(e,t)=>{let r=[];return Object.keys(e).forEach(s=>{let u;let o=e[s];switch(o.tag){case"Product":{if(o.settings?.isAuto)break;let e={id:o.settings?.productSetting?.productId??"latest",isSample:t?.isSample,isStorefront:t?.isStorefront};u={key:useSWR.unstable_serialize(query.generateProductQueryKey(e)),func:getProduct.getProduct,variables:e};break}case"ProductList":{let e=o.settings?.productSetting;if(e?.productSrc==="Collection"){let r={id:e?.collectionId??"latest",numberOfProducts:o.settings?.numberOfProducts??4,orderBy:o.settings?.orderBy,isSample:t?.isSample,isStorefront:t?.isStorefront};u={key:useSWR.unstable_serialize(query.generateCollectionQueryKey(r)),func:getCollection.getCollection,variables:r}}else{let r={ids:[...e?.productIds??[]].sort(),isSample:t?.isSample,isStorefront:t?.isStorefront};u={key:useSWR.unstable_serialize(query.generateProductsQueryKey(r)),func:getProducts.getProducts,variables:r}}}}u&&r.push(u)}),r.reduce((e,t)=>e.some(e=>e.key===t.key)?e:[...e,t],[])};exports.prefetchQueries=prefetchQueries;
+'use strict';
+
+var useSWR = require('swr');
+var getCollection = require('./queries/get-collection.js');
+var getProduct = require('./queries/get-product.js');
+var getProducts = require('./queries/get-products.js');
+var query = require('./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: useSWR.unstable_serialize(query.generateProductQueryKey(variables)),
+                        func: getProduct.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: useSWR.unstable_serialize(query.generateCollectionQueryKey(variables)),
+                            func: getCollection.getCollection,
+                            variables
+                        };
+                    } else {
+                        const variables = {
+                            ids: [
+                                ...productSetting?.productIds ?? []
+                            ].sort(),
+                            isSample: options?.isSample,
+                            isStorefront: options?.isStorefront
+                        };
+                        data = {
+                            key: useSWR.unstable_serialize(query.generateProductsQueryKey(variables)),
+                            func: getProducts.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;
+    }, []);
+};
+
+exports.prefetchQueries = prefetchQueries;

package/dist/cjs/helpers/product.js

@@ -1 +1,45 @@
-"use strict";var variant=require("./variant.js");function getSelectedVariant(e,t){if(e&&e.length&&t&&e[0]?.selectedOptions.length===Object.keys(t).length)return e.find(e=>Object.entries(t).every(([t,n])=>e?.selectedOptions.some(e=>e.name===t&&e.value===n)))}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(e,t,n){return!!e&&e.some(e=>{if(e){let{selectedOptions:a}=e,r=a?.some(e=>e?.name===t&&e.value===n),c=variant.checkInStock(e);return r&&c}return!1})}exports.checkAvailableVariantInStock=checkAvailableVariantInStock,exports.getSelectedVariant=getSelectedVariant,exports.parseSelectedOption=parseSelectedOption;
+'use strict';
+
+var variant = require('./variant.js');
+
+function getSelectedVariant(variants, choices) {
+    /**
+   * 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;
+    }
+    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 = variant.checkInStock(item);
+            return opt && isInStock;
+        }
+        return false;
+    }) : false;
+}
+
+exports.checkAvailableVariantInStock = checkAvailableVariantInStock;
+exports.getSelectedVariant = getSelectedVariant;
+exports.parseSelectedOption = parseSelectedOption;

package/dist/cjs/helpers/queries/get-collection.js

@@ -1 +1,220 @@
-"use strict";var collectionDetailFilter_generated=require("../../graphql/queries/collection-detail-filter.generated.js"),productVariants_generated=require("../../graphql/queries/product-variants.generated.js"),isDefined=require("../is-defined.js");const PRODUCT_PER_PAGE=8;function productSortedByOrder(e){switch(e){case"TITLE_ASC":case"none":default:return{direction:"ASC",field:"TITLE"};case"TITLE_DESC":return{direction:"DESC",field:"TITLE"};case"CREATED_AT_ASC":return{direction:"ASC",field:"PLATFORM_CREATED_AT"};case"CREATED_AT_DESC":return{direction:"DESC",field:"PLATFORM_CREATED_AT"}}}const getCollection=async(e,t)=>{let r=await loopFetchCollection(e,t);if(!r)throw Error("collections not found");let o=await mergeProductCollectionVariant(e,r,t.isSample);return o},fetchCollection=async(e,t)=>e([collectionDetailFilter_generated.CollectionDetailFilterDocument,t]),calculateFirstProduct=(e,t,r)=>{let o=e-r*t;return e<r?e:o>0?r:r+o},chunkArray=(e,t)=>{let r=[],o=0;for(;o<e.length;)r.push(e.slice(o,t+o)),o+=t;return r},loopFetchCollection=async(e,t)=>{let r,o,i,n,d;let s=1;if(t.numberOfProducts){let a=Math.ceil(t.numberOfProducts/8);for(;s<=a&&!1!==n;){r={firstVariant:1,firstMedia:30,orderBy:{field:"PLATFORM_UPDATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},firstProduct:calculateFirstProduct(t.numberOfProducts,s,8),...t.id&&"latest"!==t.id.toLowerCase()?{where:{baseID:t.id}}:{where:{isSample:t.isSample}},orderByProduct:productSortedByOrder(t.orderBy),whereProduct:{status:"ACTIVE",...t.isStorefront&&{isStorefront:t.isStorefront},isSample:t.isSample},...o?{productsAfter:o}:void 0};let a=await fetchCollection(e,r);if(o=a?.collections?.edges?.[0]?.node?.products?.pageInfo?.endCursor,1===s?(i=a,d=i?.collections?.edges?.[0]):d?.node?.products&&a?.collections?.edges?.[0]?.node?.products?.edges&&(d.node.products={pageInfo:a?.collections?.edges?.[0]?.node?.products?.pageInfo,edges:d.node?.products?.edges.concat(a?.collections?.edges?.[0]?.node?.products?.edges)}),s++,!d?.node?.products?.pageInfo?.hasNextPage){n=!1;break}}return i}},mergeProductCollectionVariant=async(e,t,r)=>{let o=t?.collections?.edges?.[0]?.node;if(!o)return t;let i=o?.products?.edges,n=i?.map(e=>e?.node?.baseID).filter(isDefined.isDefined),d=await fetchVariantsByBaseIds(e,{ids:n,isSample:r}),s=i?.map(e=>{let t=d?.variants?.edges?.filter(t=>t?.node?.id===e?.node?.id);return{...e,node:e.node?{...e.node,variants:e.node?.variants?{...e.node?.variants,edges:t?.[0]?.node?.variants?.edges??[]}:void 0}:void 0}})??[],a={...t,collections:{edges:[{node:{...o,products:{edges:s}},cursor:void 0}]}};return a},fetchVariantsByBaseIds=async(e,{ids:t,isSample:r,isStorefront:o})=>{let i=chunkArray(t??[],8),n=[],d=async t=>{try{return await e([productVariants_generated.ProductVariantsDocument,t])}catch{return{}}},s=i.map(e=>{let t={firstVariant:100,first:e.length,orderBy:{field:"TITLE",direction:"ASC"},where:{status:"ACTIVE",isSample:r,...o&&{isStorefront:o},...e.length&&{baseIDIn:e.sort()}}};return d(t)}),a=await Promise.all(s),c=a?.reduce((e,t)=>e.concat(t?.variants?.edges??[]),n);return{variants:{edges:c}}};exports.calculateFirstProduct=calculateFirstProduct,exports.getCollection=getCollection;
+'use strict';
+
+var collectionDetailFilter_generated = require('../../graphql/queries/collection-detail-filter.generated.js');
+var productVariants_generated = require('../../graphql/queries/product-variants.generated.js');
+var isDefined = require('../is-defined.js');
+
+const PRODUCT_PER_PAGE = 8; // number of products per page
+function productSortedByOrder(key) {
+    switch(key){
+        case 'TITLE_ASC':
+            return {
+                direction: 'ASC',
+                field: 'TITLE'
+            };
+        case 'TITLE_DESC':
+            return {
+                direction: 'DESC',
+                field: 'TITLE'
+            };
+        case 'CREATED_AT_ASC':
+            return {
+                direction: 'ASC',
+                field: 'CREATED_AT'
+            };
+        case 'CREATED_AT_DESC':
+            return {
+                direction: 'DESC',
+                field: 'CREATED_AT'
+            };
+        case 'none':
+        default:
+            return {
+                direction: 'ASC',
+                field: 'TITLE'
+            };
+    }
+}
+const getCollection = async (fetcher, arg)=>{
+    const collections = await loopFetchCollection(fetcher, arg);
+    if (!collections) {
+        throw new Error('collections not found');
+    }
+    // merge product collection variant
+    const mergeProducts = await mergeProductCollectionVariant(fetcher, collections, arg.isSample);
+    return mergeProducts;
+};
+const fetchCollection = async (fetcher, variables)=>{
+    return fetcher([
+        collectionDetailFilter_generated.CollectionDetailFilterDocument,
+        variables
+    ]);
+};
+const calculateFirstProduct = (numberOfProducts, currentPage, productsPerPage)=>{
+    const remainingProducts = numberOfProducts - productsPerPage * currentPage;
+    if (numberOfProducts < productsPerPage) return numberOfProducts;
+    return remainingProducts > 0 ? productsPerPage : productsPerPage + remainingProducts;
+};
+const chunkArray = (array, size)=>{
+    const chunked_arr = [];
+    let index = 0;
+    while(index < array.length){
+        chunked_arr.push(array.slice(index, size + index));
+        index += size;
+    }
+    return chunked_arr;
+};
+const loopFetchCollection = async (fetcher, arg)=>{
+    let variables; // variables of collection query
+    let productAfterFetcher; // product after of collection query
+    let dataCollection; // data of collection query
+    let hasNextPage; //
+    let firstCollection;
+    let currentPage = 1;
+    if (arg.numberOfProducts) {
+        const pages = Math.ceil(arg.numberOfProducts / PRODUCT_PER_PAGE);
+        while(currentPage <= pages && hasNextPage !== false){
+            variables = {
+                firstVariant: 1,
+                firstMedia: 30,
+                orderBy: {
+                    field: 'PLATFORM_CREATED_AT',
+                    direction: 'DESC'
+                },
+                orderByMedia: {
+                    field: 'POSITION',
+                    direction: 'ASC'
+                },
+                firstProduct: calculateFirstProduct(arg.numberOfProducts, currentPage, PRODUCT_PER_PAGE),
+                ...!arg.id || arg.id.toLowerCase() === 'latest' ? {
+                    where: {
+                        hasCollectionProducts: true,
+                        isSample: arg.isSample
+                    }
+                } : {
+                    where: {
+                        baseID: arg.id
+                    }
+                },
+                orderByProduct: productSortedByOrder(arg.orderBy),
+                whereProduct: {
+                    status: 'ACTIVE',
+                    ...arg.isStorefront && {
+                        isStorefront: arg.isStorefront
+                    },
+                    isSample: arg.isSample
+                },
+                ...productAfterFetcher ? {
+                    productsAfter: productAfterFetcher
+                } : undefined
+            };
+            const pageData = await fetchCollection(fetcher, variables);
+            productAfterFetcher = pageData?.collections?.edges?.[0]?.node?.products?.pageInfo?.endCursor;
+            if (currentPage === 1) {
+                dataCollection = pageData; // set data of first page
+                firstCollection = dataCollection?.collections?.edges?.[0];
+            } else if (firstCollection?.node?.products && pageData?.collections?.edges?.[0]?.node?.products?.edges) {
+                // concat new values to the old ones
+                firstCollection.node.products = {
+                    pageInfo: pageData?.collections?.edges?.[0]?.node?.products?.pageInfo,
+                    edges: firstCollection.node?.products?.edges.concat(pageData?.collections?.edges?.[0]?.node?.products?.edges)
+                };
+            }
+            currentPage++;
+            // hasNextPage = false if there is no more pages then break the loop
+            if (!firstCollection?.node?.products?.pageInfo?.hasNextPage) {
+                hasNextPage = false;
+                break;
+            }
+        }
+        return dataCollection;
+    }
+};
+const mergeProductCollectionVariant = async (fetcher, collection, isSample)=>{
+    const node = collection?.collections?.edges?.[0]?.node;
+    if (!node) return collection;
+    const productList = node?.products?.edges;
+    const listBaseId = productList?.map((product)=>product?.node?.baseID).filter(isDefined.isDefined);
+    const ProductListWithVariants = await fetchVariantsByBaseIds(fetcher, {
+        ids: listBaseId,
+        isSample
+    });
+    // mapping variant to product list in collections
+    const newProductList = productList?.map((product)=>{
+        const productVariants = ProductListWithVariants?.variants?.edges?.filter((productV)=>productV?.node?.id === product?.node?.id);
+        return {
+            ...product,
+            node: product.node ? {
+                ...product.node,
+                variants: product.node?.variants ? {
+                    ...product.node?.variants,
+                    edges: productVariants?.[0]?.node?.variants?.edges ?? []
+                } : undefined
+            } : undefined
+        };
+    }) ?? [];
+    const newCollection = {
+        ...collection,
+        collections: {
+            edges: [
+                {
+                    node: {
+                        ...node,
+                        products: {
+                            edges: newProductList
+                        }
+                    },
+                    cursor: undefined
+                }
+            ]
+        }
+    };
+    return newCollection;
+};
+const fetchVariantsByBaseIds = async (fetcher, { ids, isSample, isStorefront })=>{
+    const chunkedIds = chunkArray(ids ?? [], 8);
+    const defaultEdges = [];
+    const query = async (variables)=>{
+        try {
+            return await fetcher([
+                productVariants_generated.ProductVariantsDocument,
+                variables
+            ]);
+        } catch  {
+            return {};
+        }
+    };
+    const promises = chunkedIds.map((chunkedId)=>{
+        const variables = {
+            firstVariant: 100,
+            first: chunkedId.length,
+            orderBy: {
+                field: 'TITLE',
+                direction: 'ASC'
+            },
+            where: {
+                status: 'ACTIVE',
+                isSample,
+                ...isStorefront && {
+                    isStorefront
+                },
+                ...chunkedId.length && {
+                    baseIDIn: chunkedId.sort()
+                }
+            }
+        };
+        return query(variables);
+    });
+    const responses = await Promise.all(promises);
+    const edges = responses?.reduce((acc, response)=>{
+        return acc.concat(response?.variants?.edges ?? []);
+    }, defaultEdges);
+    return {
+        variants: {
+            edges
+        }
+    };
+};
+
+exports.calculateFirstProduct = calculateFirstProduct;
+exports.getCollection = getCollection;

package/dist/cjs/helpers/queries/get-collections.js

@@ -1 +1,21 @@
-"use strict";var collections_generated=require("../../graphql/queries/collections.generated.js");const getCollections=async(e,t)=>{let o=await fetchCollections(e,t??{});if(!o)throw Error("Collection not found");return{...o}},fetchCollections=async(e,t)=>e([collections_generated.CollectionsDocument,t]);exports.getCollections=getCollections;
+'use strict';
+
+var collections_generated = require('../../graphql/queries/collections.generated.js');
+
+const getCollections = async (fetcher, variable)=>{
+    const collections = await fetchCollections(fetcher, variable ?? {});
+    if (!collections) {
+        throw new Error('Collection not found');
+    }
+    return {
+        ...collections
+    };
+};
+const fetchCollections = async (fetcher, variables)=>{
+    return fetcher([
+        collections_generated.CollectionsDocument,
+        variables
+    ]);
+};
+
+exports.getCollections = getCollections;