@gem-sdk/core 1.42.7 → 1.43.0-dev.100

package/dist/cjs/graphql/queries/blogs.generated.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const BlogsDocument = `
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput) {
+  blogs(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        baseID
+        description
+        descriptionMeta
+        handle
+        articles {
+          edges {
+            node {
+              id
+              title
+              handle
+              description
+              templateSuffix
+              titleMeta
+              descriptionMeta
+              baseID
+              tags
+              isSample
+              platformCreatedAt
+              author
+              media {
+                width
+                src
+                height
+              }
+            }
+          }
+          totalCount
+        }
+        id
+        platform
+        tags
+        templateSuffix
+        title
+        titleMeta
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.BlogsDocument = BlogsDocument;

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/background.js

@@ -9,7 +9,9 @@ const getStyleBackgroundByDevice = (background, options)=>{
         return {};
     }
     return {
-        ...getStyleBgColor(background),
+        ...!options?.ignoreBackgroundColor ? {
+            ...getStyleBgColor(background)
+        } : {},
         ...!options?.ignoreBackgroundImage ? {
             ...getStyleBgImage(background, options),
             ...getStyleBgPosition(background),
@@ -203,7 +205,7 @@ const getGradientBgrStyleForButton = (backgroundStyle)=>{
     });
     return bgrStyle;
 };
-const getGradientBgrStyleByDevice = (backgroundStyle)=>{
+const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = false)=>{
     if (!backgroundStyle) return;
     const bgrStyle = {};
     [
@@ -214,7 +216,7 @@ const getGradientBgrStyleByDevice = (backgroundStyle)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: ignoreBackgroundImage ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
             });
         }
     });
@@ -227,4 +229,5 @@ exports.getBgImageByDevice = getBgImageByDevice;
 exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;
 exports.getGradientBgrStyleForButton = getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
+exports.getStyleBgColor = getStyleBgColor;
 exports.makeFixedBgAttachment = makeFixedBgAttachment;

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

@@ -119,7 +119,7 @@ const getGlobalColorStateStyle = (type, data)=>{
     return Object.fromEntries(Object.entries(data).map(([state, value])=>{
         if (state === 'active') return [];
         return [
-            `-${constant.stateMapping?.[state]}-${type}`,
+            `-${constant.stateMapping?.[state] || ''}-${type}`,
             getSingleColorVariable(value)
         ];
     }).filter(isDefined.isDefined));
@@ -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/shadow.js

@@ -27,7 +27,7 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{

package/dist/cjs/helpers/typography.js

@@ -10,7 +10,9 @@ const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
+  ${fontFamily ? `fontFamily: ${composeFontFamilyTypographyV2({
+        fontFamily
+    })};` : ''}
   ${fontSize ? `font-size: ${fontSize};` : ''}
   ${fontStyle ? `font-style: ${fontStyle};` : ''}
   ${fontWeight ? `font-weight: ${fontWeight};` : ''}
@@ -25,11 +27,13 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const { bold, italic, underline, transform } = typographyAttrs ?? {};
     const composeImportant = isImportant ? '!important' : '';
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
+  ${fontFamily ? composeFontFamilyTypographyV2({
+        fontFamily
+    }) : ''}
   ${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};` : ''}
@@ -43,7 +47,9 @@ function getCustomCSSByDevice(typography, device) {
         [`--size${suffix}`]: typography?.[device]?.fontSize,
         [`--lh${suffix}`]: typography?.[device]?.lineHeight,
         [`--fs${suffix}`]: typography?.[device]?.fontStyle,
-        [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
+        [`--ff${suffix}`]: composeFontFamilyTypographyV2({
+            fontFamily
+        }),
         [`--weight${suffix}`]: typography?.[device]?.fontWeight,
         [`--ls${suffix}`]: typography?.[device]?.letterSpacing
     };
@@ -61,14 +67,42 @@ const composeTypographyV2 = (value, attrs)=>{
     return makeStyle.removeNullUndefined({
         ...makeStyle.makeStyle({
             fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
+            ff: composeFontFamilyTypographyV2(value),
             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 composeFontFamilyTypographyV2 = (value)=>{
+    const fontFamily = value?.fontFamily;
+    if (!fontFamily) return;
+    if (typeof fontFamily === 'string') {
+        return getFontUsedByTypographyV2({
+            fontFamily,
+            fallbackFontFamily: value?.fallbackFontFamily
+        });
+    }
+    if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
+        switch(fontFamily.type){
+            case 'theme':
+                return `var(${fontFamily?.value}), var(--g-font-body)`;
+            default:
+                return getFontUsedByTypographyV2({
+                    fontFamily: fontFamily.value,
+                    fallbackFontFamily: value?.fallbackFontFamily
+                });
+        }
+    }
+    return;
+};
+const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
+    if (fontFamily) {
+        return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;
+    }
+    return;
+};
 const composeTypographyAttr = (attrs)=>{
     if (!attrs) return {};
     return makeStyle.removeNullUndefined({
@@ -116,6 +150,7 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
 };
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
+exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;
 exports.composeTypography = composeTypography;
 exports.composeTypographyAttr = composeTypographyAttr;
 exports.composeTypographyClassName = composeTypographyClassName;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+var articles_generated = require('../../graphql/queries/articles.generated.js');
+var useFetchHandle = require('../useFetchHandle.js');
+var useSWR = require('swr');
+var blogs_generated = require('../../graphql/queries/blogs.generated.js');
+
+const useArticlesQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchArticles = ()=>fetcher([
+            articles_generated.ArticlesDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/articles',
+        variables
+    ] : null, fetchArticles, options);
+};
+const useBlogsQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchBlogs = ()=>fetcher([
+            blogs_generated.BlogsDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/blogs',
+        variables
+    ] : null, fetchBlogs, options);
+};
+
+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,13 @@ 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('dayjs');
 require('../helpers/convert.js');
 
 const useAnimations = ()=>{

package/dist/cjs/hooks/useFormatMoney.js

@@ -5,70 +5,71 @@ var shop = require('./shop.js');
 const shopifyPriceRounding = (amount, precision)=>{
     return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
 };
+const formatMoney = function(cents, format) {
+    let value = '';
+    const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
+    const formatString = format || '${{amount}}';
+    /**
+   * check default
+   * @param opt opt
+   * @param def def
+   * @returns any
+   */ function defaultOption(opt, def) {
+        return typeof opt == 'undefined' ? def : opt;
+    }
+    /**
+   * formatWithDelimiters
+   * @param number number
+   * @param precision precision
+   * @param thousands thousands
+   * @param decimal decimal
+   * @returns any
+   */ // eslint-disable-next-line max-params
+    function formatWithDelimiters(number, precision, thousands, decimal) {
+        precision = defaultOption(precision, 2);
+        thousands = defaultOption(thousands, ',');
+        decimal = defaultOption(decimal, '.');
+        if (isNaN(number) || number == null) {
+            return 0;
+        }
+        // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
+        number = shopifyPriceRounding(number, Number(precision));
+        const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
+        return dollars + cents;
+    }
+    switch(formatString.match(placeholderRegex)[1]){
+        case 'amount':
+            value = formatWithDelimiters(cents, 2);
+            break;
+        case 'amount_no_decimals':
+            value = formatWithDelimiters(cents, 0);
+            break;
+        case 'amount_with_comma_separator':
+            value = formatWithDelimiters(cents, 2, '.', ',');
+            break;
+        case 'amount_no_decimals_with_comma_separator':
+            value = formatWithDelimiters(cents, 0, '.', ',');
+            break;
+        case 'amount_with_apostrophe_separator':
+            value = formatWithDelimiters(cents, 2, "'", '.');
+            break;
+        case 'amount_no_decimals_with_space_separator':
+            value = formatWithDelimiters(cents, 0, ' ');
+            break;
+        case 'amount_with_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', ',');
+            break;
+        case 'amount_with_period_and_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', '.');
+            break;
+    }
+    return formatString.replace(placeholderRegex, value);
+};
 const useFormatMoney = (amount, withCurrency)=>{
     const { moneyFormat, moneyWithCurrencyFormat } = shop.useMoneyFormat();
-    const formatMoney = function(cents, format) {
-        let value = '';
-        const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
-        const formatString = format || '${{amount}}';
-        /**
-     * check default
-     * @param opt opt
-     * @param def def
-     * @returns any
-     */ function defaultOption(opt, def) {
-            return typeof opt == 'undefined' ? def : opt;
-        }
-        /**
-     * formatWithDelimiters
-     * @param number number
-     * @param precision precision
-     * @param thousands thousands
-     * @param decimal decimal
-     * @returns any
-     */ // eslint-disable-next-line max-params
-        function formatWithDelimiters(number, precision, thousands, decimal) {
-            precision = defaultOption(precision, 2);
-            thousands = defaultOption(thousands, ',');
-            decimal = defaultOption(decimal, '.');
-            if (isNaN(number) || number == null) {
-                return 0;
-            }
-            // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
-            number = shopifyPriceRounding(number, Number(precision));
-            const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
-            return dollars + cents;
-        }
-        switch(formatString.match(placeholderRegex)[1]){
-            case 'amount':
-                value = formatWithDelimiters(cents, 2);
-                break;
-            case 'amount_no_decimals':
-                value = formatWithDelimiters(cents, 0);
-                break;
-            case 'amount_with_comma_separator':
-                value = formatWithDelimiters(cents, 2, '.', ',');
-                break;
-            case 'amount_no_decimals_with_comma_separator':
-                value = formatWithDelimiters(cents, 0, '.', ',');
-                break;
-            case 'amount_with_apostrophe_separator':
-                value = formatWithDelimiters(cents, 2, "'", '.');
-                break;
-            case 'amount_no_decimals_with_space_separator':
-                value = formatWithDelimiters(cents, 0, ' ');
-                break;
-            case 'amount_with_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', ',');
-                break;
-            case 'amount_with_period_and_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', '.');
-                break;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
     return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
 };
 
+exports.formatMoney = formatMoney;
 exports.shopifyPriceRounding = shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -13,10 +13,13 @@ 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');
+require('dayjs');
 var isBrowser = require('../helpers/is-browser.js');
 require('../helpers/convert.js');
 

package/dist/cjs/hooks/useProduct.js

@@ -8,11 +8,14 @@ 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');
+require('dayjs');
 var flattenConnection = require('../helpers/flatten-connection.js');
 require('../helpers/convert.js');
 var product = require('../helpers/product.js');

package/dist/cjs/index.js

@@ -16,6 +16,8 @@ var ShopContext = require('./contexts/ShopContext.js');
 var PageContext = require('./contexts/PageContext.js');
 var CollectionContext = require('./contexts/CollectionContext.js');
 var ModalContext = require('./contexts/ModalContext.js');
+var ArticleListContext = require('./contexts/ArticleListContext.js');
+var ArticleContext = require('./contexts/ArticleContext.js');
 var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
 var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
 var collection_generated = require('./graphql/queries/collection.generated.js');
@@ -58,6 +60,7 @@ var iconList = require('./helpers/icon-list.js');
 var isDefined = require('./helpers/is-defined.js');
 var layout = require('./helpers/layout.js');
 var makeStyle = require('./helpers/make-style.js');
+var align = require('./helpers/align.js');
 var product = require('./helpers/product.js');
 var query = require('./helpers/query.js');
 var radius = require('./helpers/radius.js');
@@ -89,6 +92,7 @@ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
 var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
+var useArticlesQuery = require('./hooks/articles/useArticlesQuery.js');
 var useProduct = require('./hooks/useProduct.js');
 var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
@@ -136,6 +140,10 @@ exports.CollectionProvider = CollectionContext.CollectionProvider;
 exports.useCollectionStore = CollectionContext.useCollectionStore;
 exports.ModalProvider = ModalContext.ModalProvider;
 exports.useModalStore = ModalContext.useModalStore;
+exports.ArticleListProvider = ArticleListContext.ArticleListProvider;
+exports.useArticleListStore = ArticleListContext.useArticleListStore;
+exports.ArticleProvider = ArticleContext.ArticleProvider;
+exports.useArticleStore = ArticleContext.useArticleStore;
 exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
 exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
 exports.CollectionDocument = collection_generated.CollectionDocument;
@@ -187,6 +195,7 @@ exports.getBgImageByDevice = background.getBgImageByDevice;
 exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
 exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
+exports.getStyleBgColor = background.getStyleBgColor;
 exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
 exports.composeTextColorCss = colors.composeTextColorCss;
 exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
@@ -232,6 +241,7 @@ exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
 exports.makeStyleState = makeStyle.makeStyleState;
 exports.makeWidth = makeStyle.makeWidth;
 exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
 exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
 exports.parseSelectedOption = product.parseSelectedOption;
@@ -269,6 +279,7 @@ exports.makeGlobalSize = size.makeGlobalSize;
 exports.makeGlobalSizeIcon = size.makeGlobalSizeIcon;
 exports.makeStyleWithDefault = size.makeStyleWithDefault;
 exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
+exports.composeFontFamilyTypographyV2 = typography.composeFontFamilyTypographyV2;
 exports.composeTypography = typography.composeTypography;
 exports.composeTypographyAttr = typography.composeTypographyAttr;
 exports.composeTypographyClassName = typography.composeTypographyClassName;
@@ -304,6 +315,7 @@ exports.useProductQuery = useProductQuery.useProductQuery;
 exports.useProductsQuery = useProductsQuery.useProductsQuery;
 exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
 exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
+exports.formatMoney = useFormatMoney.formatMoney;
 exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney.useFormatMoney;
 exports.useLazyVideo = useLazyVideo.useLazyVideo;
@@ -319,6 +331,8 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
 exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
+exports.useArticlesQuery = useArticlesQuery.useArticlesQuery;
+exports.useBlogsQuery = useArticlesQuery.useBlogsQuery;
 exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;