@gem-sdk/core 1.42.0 → 1.42.3-dev.63

package/dist/cjs/components/ai-generator/icons/SearchIcon.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const SearchIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15C10.2508 15 11.628 14.471 12.7055 13.5893L16.4775 17.3614C16.7216 17.6054 17.1173 17.6054 17.3614 17.3614C17.6054 17.1173 17.6054 16.7216 17.3614 16.4775L13.5893 12.7055C14.471 11.628 15 10.2508 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5ZM3.75 8.75C3.75 5.98858 5.98858 3.75 8.75 3.75C11.5114 3.75 13.75 5.98858 13.75 8.75C13.75 11.5114 11.5114 13.75 8.75 13.75C5.98858 13.75 3.75 11.5114 3.75 8.75Z",
+            fill: "#AAAAAA"
+        })
+    });
+};
+
+exports.SearchIcon = SearchIcon;

package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ShowMoreIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "17",
+        height: "16",
+        viewBox: "0 0 17 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.60651 6.09763C4.74852 5.96746 4.97876 5.96746 5.12077 6.09763L8.5 9.19526L11.8792 6.09763C12.0212 5.96746 12.2515 5.96746 12.3935 6.09763C12.5355 6.22781 12.5355 6.43886 12.3935 6.56904L8.75713 9.90237C8.61512 10.0325 8.38488 10.0325 8.24287 9.90237L4.60651 6.56904C4.4645 6.43886 4.4645 6.22781 4.60651 6.09763Z",
+            fill: "#F9F9F9"
+        })
+    });
+};
+
+exports.ShowMoreIcon = ShowMoreIcon;

package/dist/cjs/components/constant.js

@@ -36,7 +36,10 @@ const disableWrap = [
     'ProductImagesV2',
     'PostPurchaseProductImages',
     'Sticky',
-    'Heading'
+    'Heading',
+    'ProductBadge',
+    'Marquee',
+    'MarqueeItem'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -47,7 +50,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',
@@ -66,7 +70,20 @@ const postPurchaseWrapElements = [
     'PostPurchaseCalloutBox',
     'PostPurchaseProductOffer'
 ];
+const ableGenerateContentElements = [
+    'Section',
+    'Row',
+    'Text',
+    'Heading',
+    'Accordion',
+    'Product',
+    'HeroBanner',
+    'IconList',
+    'IconListV2',
+    'AdvancedList'
+];
 
+exports.ableGenerateContentElements = ableGenerateContentElements;
 exports.customRenderChildren = customRenderChildren;
 exports.disableWrap = disableWrap;
 exports.excludeApplyStyle = excludeApplyStyle;

package/dist/cjs/components/resize/Spacing.js

@@ -10,10 +10,12 @@ require('swr');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var shop = require('../../hooks/shop.js');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('classnames');
 require('../../helpers/convert.js');
 
 function Spacing(props) {

package/dist/cjs/components/theme-section/CreateThemeSection.js

@@ -8,8 +8,10 @@ var ShopContext = require('../../contexts/ShopContext.js');
 require('@gem-sdk/adapter-shopify');
 require('swr');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('classnames');
 require('../../helpers/convert.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;

package/dist/cjs/contexts/ArticleContext.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ react.createContext(null);
+const createArticleStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = react.useId();
+    const store = react.useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleProvider = ArticleProvider;
+exports.useArticleStore = useArticleStore;

package/dist/cjs/contexts/ArticleListContext.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ArticleListContext = /*#__PURE__*/ react.createContext(null);
+const createArticleListProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, blogs, children, styles, settings })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings,
+            blogs
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleListContext = ArticleListContext;
+exports.ArticleListProvider = ArticleListProvider;
+exports.useArticleListStore = useArticleListStore;

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -253,7 +253,11 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {
@@ -428,15 +432,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
             updateItemAttribute: (id, value, attr)=>{
                 if (!attr || ![
                     'label',
-                    'customLabel'
+                    'customLabel',
+                    'isShopifyVisibility'
                 ].includes(attr)) return;
                 const state = get().state;
                 const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
                 if (item) {
-                    const dateModified = Date.now();
-                    item.dateModified = dateModified;
+                    if (item.type !== 'section') {
+                        const dateModified = Date.now();
+                        item.dateModified = dateModified;
+                    }
                     const updatedItem = {
                         ...item,
                         [attr]: value

package/dist/cjs/contexts/SectionContext.js

@@ -10,6 +10,7 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
 const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/cjs/helpers/align.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const convertTextAlignToJustify = (align)=>{
+    const devices = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    const result = {};
+    devices.forEach((device)=>{
+        const deviceType = device === 'desktop' ? '' : `${device}:`;
+        result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
+        result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
+        result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
+    });
+    return result;
+};
+
+exports.convertTextAlignToJustify = convertTextAlignToJustify;

package/dist/cjs/helpers/carousel.js

@@ -2,24 +2,21 @@
 
 var getResonsiveValue = require('./get-resonsive-value.js');
 
-const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
-    const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
-        if (dotStyle === 'outside') {
-            return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
-        }
-        return '100%';
+const getCarouselContainerHeight = (dotStyle)=>{
+    const getVal = (dotStyle)=>{
+        return dotStyle === 'outside' ? 'auto' : '100%';
     };
     return {
-        desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
-        tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
-        mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
+        desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop')),
+        tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet')),
+        mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'))
     };
 };
 const makeContainerWidthOrHeight = (setting)=>{
     const getStyleName = (vertical)=>{
         return vertical ? 'w' : 'h';
     };
-    const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
+    const result = getCarouselContainerHeight(setting.dotStyle);
     return {
         [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
         [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,

package/dist/cjs/helpers/colors.js

@@ -156,7 +156,7 @@ const getSingleColorVariable = (color)=>{
 };
 function isColor(color) {
     if (!color || typeof color !== 'string') return false;
-    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
 }
 const getGlobalColorStyle = (data)=>{
     if (!data) return {};

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

@@ -80,6 +80,28 @@ const getProductQueryAll = async (fetcher, arg)=>{
     const pageData = await fetchProducts(fetcher, variables);
     return pageData;
 };
+const getListProductByVariables = async (fetcher, arg)=>{
+    const variables = {
+        first: arg.first || 8,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg.where
+        },
+        after: arg.after
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
 const fetchProducts = async (fetcher, variables)=>{
     return fetcher([
         products_generated.ProductsDocument,
@@ -187,5 +209,6 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
  //   );
  // };
 
+exports.getListProductByVariables = getListProductByVariables;
 exports.getProductQueryAll = getProductQueryAll;
 exports.getProducts = getProducts;

package/dist/cjs/helpers/typography.js

@@ -29,7 +29,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
   ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
+  ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
   ${italic ? `font-style: italic ${composeImportant};` : ''}
   ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
   ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
@@ -63,10 +63,10 @@ const composeTypographyV2 = (value, attrs)=>{
             fs: !attrs?.italic ? value?.fontStyle : undefined,
             ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
             weight: !attrs?.bold ? value?.fontWeight : undefined,
-            ls: value?.letterSpacing,
-            lh: value?.lineHeight
+            ls: value?.letterSpacing
         }),
-        ...makeStyle.makeStyleResponsive('size', value?.fontSize)
+        ...makeStyle.makeStyleResponsive('size', value?.fontSize),
+        ...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
     });
 };
 const composeTypographyAttr = (attrs)=>{

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,152 @@
+'use strict';
+
+const mock = [
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066740457',
+        id: 592066740457,
+        title: 'Blog post might appear in a search engine listing',
+        created_at: '2024-05-09T04:06:12-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:06:12-04:00',
+        updated_at: '2024-05-09T04:06:13-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'blog-post-might-appear-in-a-search-engine-listing',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066740457',
+        image: {
+            created_at: '2024-05-09T04:06:12-04:00',
+            alt: '',
+            width: 1073,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_2.jpg?v=1715241973'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066707689',
+        id: 592066707689,
+        title: 'ar on your home page or blog.',
+        created_at: '2024-05-09T04:05:26-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:05:25-04:00',
+        updated_at: '2024-05-09T05:35:29-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'ar-on-your-home-page-or-blog',
+        tags: 'cotton, vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066707689',
+        image: {
+            created_at: '2024-05-09T04:05:26-04:00',
+            alt: '',
+            width: 1080,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_1.jpg?v=1715241926'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066674921',
+        id: 592066674921,
+        title: 'Add a summary of the post.',
+        created_at: '2024-05-09T04:04:44-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:04:44-04:00',
+        updated_at: '2024-05-09T04:04:45-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'add-a-summary-of-the-post',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066674921',
+        image: {
+            created_at: '2024-05-09T04:04:44-04:00',
+            alt: '',
+            width: 1086,
+            height: 718,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_7.jpg?v=1715241885'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058777833',
+        id: 592058777833,
+        title: 'Article Page - May 7, 10:47:14',
+        created_at: '2024-05-06T23:47:59-04:00',
+        body_html: '<h2>\n<span>Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>\n</h2>',
+        blog_id: 91970044137,
+        author: 'GemPages',
+        user_id: null,
+        published_at: '2024-05-06T23:47:59-04:00',
+        updated_at: '2024-05-09T04:06:48-04:00',
+        summary_html: '',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'article-page-may-7-10-47-14',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058777833',
+        image: {
+            created_at: '2024-05-09T04:06:41-04:00',
+            alt: '',
+            width: 578,
+            height: 585,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.png?v=1715242002'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058679529',
+        id: 592058679529,
+        title: 'Blog about your latest products or deals',
+        created_at: '2024-05-06T22:36:55-04:00',
+        body_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-06T22:36:54-04:00',
+        updated_at: '2024-05-09T03:46:39-04:00',
+        summary_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'blog-about-your-latest-products-or-deals',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058679529',
+        image: {
+            created_at: '2024-05-06T22:36:55-04:00',
+            alt: '',
+            width: 497,
+            height: 618,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.jpg?v=1715049415'
+        }
+    }
+];
+const useArticlesQuery = ()=>{
+    return mock;
+};
+const useBlogsQuery = ()=>{
+    return {
+        blogs: {
+            edges: [
+                {
+                    node: {
+                        id: '511006979737518962',
+                        title: 'News',
+                        baseID: 'gid://shopify/OnlineStoreBlog/91970044137',
+                        tags: [],
+                        handle: 'news',
+                        descriptionMeta: '',
+                        description: '',
+                        titleMeta: '',
+                        templateSuffix: '',
+                        platform: 'SHOPIFY'
+                    }
+                }
+            ]
+        }
+    };
+};
+
+exports.useArticlesQuery = useArticlesQuery;
+exports.useBlogsQuery = useBlogsQuery;

package/dist/cjs/hooks/shop/use-products-query.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var useSWR = require('swr');
+var useSWRInfinite = require('swr/infinite');
 var getProducts = require('../../helpers/queries/get-products.js');
 var query = require('../../helpers/query.js');
 var shop = require('../shop.js');
@@ -20,6 +21,33 @@ const useProductsQuery = (ids, options, params)=>{
         return getProducts.getProducts(params?.fetcher || fetcher, arg);
     }, options);
 };
+const getKey = (variable)=>{
+    return (pageIndex, previousPageData)=>{
+        if (!variable || previousPageData && !previousPageData.products?.pageInfo?.hasNextPage) {
+            return null;
+        }
+        if (pageIndex === 0) {
+            return [
+                'query/products',
+                variable
+            ];
+        }
+        return [
+            'query/products',
+            {
+                ...variable,
+                after: previousPageData.products?.pageInfo?.endCursor
+            }
+        ];
+    };
+};
+const useListProductQuery = (variable, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const data = useSWRInfinite(getKey(variable), async ([, arg])=>{
+        return getProducts.getListProductByVariables(fetcher, arg);
+    }, options);
+    return data;
+};
 const useProductsQueryAll = (variable, options)=>{
     const fetcher = useFetchHandle.useFetchHandle();
     return useSWR(variable ? [
@@ -30,5 +58,6 @@ const useProductsQueryAll = (variable, options)=>{
     }, options);
 };
 
+exports.useListProductQuery = useListProductQuery;
 exports.useProductsQuery = useProductsQuery;
 exports.useProductsQueryAll = useProductsQueryAll;

package/dist/cjs/hooks/useAnimations.js

@@ -7,10 +7,12 @@ require('zustand');
 require('swr');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('classnames');
 require('../helpers/convert.js');
 
 const useAnimations = ()=>{

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -13,10 +13,12 @@ require('react/jsx-runtime');
 require('zustand');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('classnames');
 var isBrowser = require('../helpers/is-browser.js');
 require('../helpers/convert.js');
 

package/dist/cjs/hooks/useProduct.js

@@ -8,11 +8,13 @@ require('swr');
 var PageContext = require('../contexts/PageContext.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('classnames');
 var flattenConnection = require('../helpers/flatten-connection.js');
 require('../helpers/convert.js');
 var product = require('../helpers/product.js');