@gem-sdk/core 1.5.7 → 1.5.14

package/dist/cjs/components/Render.liquid.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('swr');
 var render = require('../helpers/render.js');
+require('../helpers/convert.js');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 

package/dist/cjs/graphql/fragments/product.generated.js

@@ -3,7 +3,7 @@
 const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
-  medias(first: $firstMedia, after: $afterMedia) {
+  medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor
       node {

package/dist/cjs/graphql/queries/collection-detail-filter.generated.js

@@ -11,7 +11,7 @@ var variant_generated = require('../fragments/variant.generated.js');
 var selectedOption_generated = require('../fragments/selected-option.generated.js');
 
 const CollectionDetailFilterDocument = `
-    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $whereProduct: ProductWhereInput) {
+    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $orderByMedia: MediaOrder, $whereProduct: ProductWhereInput) {
   collections(first: 1, orderBy: $orderBy, where: $where) {
     edges {
       cursor

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

@@ -9,7 +9,7 @@ var variant_generated = require('../fragments/variant.generated.js');
 var selectedOption_generated = require('../fragments/selected-option.generated.js');
 
 const CollectionDocument = `
-    query collection($first: Int = 5, $firstMedia: Int = 20, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
+    query collection($first: Int = 5, $firstMedia: Int = 20, $orderByMedia: MediaOrder, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
   collection(handle: $handle, id: $id) {
     baseID
     createdAt

package/dist/cjs/graphql/queries/product-medias.generated.js

@@ -3,12 +3,12 @@
 var media_generated = require('../fragments/media.generated.js');
 
 const ProductMediasDocument = `
-    query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput) {
+    query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $orderByMedia: MediaOrder) {
   medias: products(first: 1, orderBy: $orderBy, where: $where) {
     edges {
       node {
         id
-        medias(first: $firstMedia, after: $afterMedia) {
+        medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
           edges {
             cursor
             node {

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

@@ -17,7 +17,7 @@ const ProductsEdgeDetail = `
 }
     `;
 const ProductsDocument = `
-    query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor) {
+    query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $orderByMedia: MediaOrder) {
   products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
     edges {
       ...ProductsEdgeDetail

package/dist/cjs/helpers/colors.js

@@ -21,13 +21,17 @@ const getGlobalColorResponsiveClass = (type, data) => {
         return '';
     return Object.entries(data)
         .map(([device, value]) => {
+        const clName = getGlobalColorClass(type, value);
+        if (!clName)
+            return undefined;
         if (device === 'desktop') {
-            return getGlobalColorClass(type, value);
+            return clName;
         }
         else {
-            return `${device}:${getGlobalColorClass(type, value)}`;
+            return `${device}:${clName}`;
         }
     })
+        .filter(isDefined.isDefined)
         .join(' ');
 };
 const getGlobalColorStateClass = (type, data) => {
@@ -35,13 +39,17 @@ const getGlobalColorStateClass = (type, data) => {
         return '';
     return Object.entries(data)
         .map(([state, value]) => {
+        const clName = getGlobalColorClass(type, value);
+        if (!clName)
+            return undefined;
         if (state === 'normal') {
-            return getGlobalColorClass(type, value);
+            return clName;
         }
         else {
-            return `${state}:${getGlobalColorClass(type, value)}`;
+            return `${state}:${clName}`;
         }
     })
+        .filter(isDefined.isDefined)
         .join(' ');
 };
 const getGlobalColorStateResponsiveClass = (type, data) => {
@@ -52,28 +60,37 @@ const getGlobalColorStateResponsiveClass = (type, data) => {
         if (device === 'desktop') {
             return Object.entries(objectState)
                 .map(([state, value]) => {
+                const clName = getGlobalColorClass(type, value);
+                if (!clName)
+                    return undefined;
                 if (state === 'normal') {
-                    return getGlobalColorClass(type, value);
+                    return clName;
                 }
                 else {
-                    return `${state}:${getGlobalColorClass(type, value)}`;
+                    return `${state}:${clName}`;
                 }
             })
+                .filter(isDefined.isDefined)
                 .join(' ');
         }
         else {
             return Object.entries(objectState)
                 .map(([state, value]) => {
+                const clName = getGlobalColorClass(type, value);
+                if (!clName)
+                    return undefined;
                 if (state === 'normal') {
-                    return `${device}:${getGlobalColorClass(type, value)}`;
+                    return `${device}:${clName}`;
                 }
                 else {
-                    return `${device}:${state}:${getGlobalColorClass(type, value)}`;
+                    return `${device}:${state}:${clName}`;
                 }
             })
+                .filter(isDefined.isDefined)
                 .join(' ');
         }
     })
+        .filter(Boolean)
         .join(' ');
 };
 const getGlobalColorResponsiveStyle = (type, data) => {

package/dist/cjs/helpers/convert.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
+
+exports.isLocalEnv = isLocalEnv;

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

@@ -59,6 +59,10 @@ const loopFetchCollection = async (fetcher, arg) => {
                     field: 'UPDATED_AT',
                     direction: 'DESC',
                 },
+                orderByMedia: {
+                    field: 'POSITION',
+                    direction: 'ASC',
+                },
                 firstProduct: calculateFirstProduct(arg.numberOfProducts, currentPage, productsPerPage),
                 ...(!arg.id || arg.id.toLowerCase() === 'latest'
                     ? { where: { hasCollectionProducts: true, isSample: arg.isSample } }

package/dist/cjs/helpers/queries/get-product-by-slug.js

@@ -66,6 +66,10 @@ const fetchMedias = async (fetcher, handle) => {
     const initVariables = {
         orderBy,
         where: { handle, isStorefront: true },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC',
+        },
     };
     const query = async (variables) => {
         try {

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

@@ -78,6 +78,10 @@ const fetchMedias = async (fetcher, { id, isSample }) => {
             isSample,
             ...(id && id.toLowerCase() !== 'latest' && { baseID: id }),
         },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC',
+        },
     };
     const query = async (variables) => {
         try {

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

@@ -64,6 +64,10 @@ const loopFetchProducts = async (fetcher, { ids, isSample }) => {
                 direction: 'DESC',
                 field: 'UPDATED_AT',
             },
+            orderByMedia: {
+                field: 'POSITION',
+                direction: 'ASC',
+            },
             where: {
                 isStorefront: true,
                 isSample: isSample,

package/dist/cjs/hooks/useProduct.js

@@ -5,6 +5,7 @@ var ProductContext = require('../contexts/ProductContext.js');
 var flattenConnection = require('../helpers/flatten-connection.js');
 require('swr');
 var product = require('../helpers/product.js');
+require('../helpers/convert.js');
 
 const useUniqProductID = () => {
     return ProductContext.useProductStore((s) => s.uiqueId);

package/dist/cjs/index.js

@@ -49,6 +49,7 @@ var fpixel = require('./helpers/tracking/fpixel.js');
 var gtag = require('./helpers/tracking/gtag.js');
 var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
 var render = require('./helpers/render.js');
+var convert = require('./helpers/convert.js');
 var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
 var useCartData = require('./hooks/cart/use-cart-data.js');
 var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -175,6 +176,7 @@ exports.RenderIf = render.RenderIf;
 exports.props = render.props;
 exports.styles = render.styles;
 exports.template = render.template;
+exports.isLocalEnv = convert.isLocalEnv;
 exports.useAddToCart = useAddToCart.useAddToCart;
 exports.useCartData = useCartData.useCartData;
 exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;

package/dist/esm/components/Render.liquid.js

@@ -1,6 +1,7 @@
 import 'react';
 import 'swr';
 import { RenderIf, template } from '../helpers/render.js';
+import '../helpers/convert.js';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 

package/dist/esm/graphql/fragments/product.generated.js

@@ -1,7 +1,7 @@
 const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
-  medias(first: $firstMedia, after: $afterMedia) {
+  medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor
       node {

package/dist/esm/graphql/queries/collection-detail-filter.generated.js

@@ -9,7 +9,7 @@ import { VariantSelect } from '../fragments/variant.generated.js';
 import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
 
 const CollectionDetailFilterDocument = `
-    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $whereProduct: ProductWhereInput) {
+    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $orderByMedia: MediaOrder, $whereProduct: ProductWhereInput) {
   collections(first: 1, orderBy: $orderBy, where: $where) {
     edges {
       cursor

package/dist/esm/graphql/queries/collection.generated.js

@@ -7,7 +7,7 @@ import { VariantSelect } from '../fragments/variant.generated.js';
 import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
 
 const CollectionDocument = `
-    query collection($first: Int = 5, $firstMedia: Int = 20, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
+    query collection($first: Int = 5, $firstMedia: Int = 20, $orderByMedia: MediaOrder, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
   collection(handle: $handle, id: $id) {
     baseID
     createdAt

package/dist/esm/graphql/queries/product-medias.generated.js

@@ -1,12 +1,12 @@
 import { MediaSelect } from '../fragments/media.generated.js';
 
 const ProductMediasDocument = `
-    query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput) {
+    query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $orderByMedia: MediaOrder) {
   medias: products(first: 1, orderBy: $orderBy, where: $where) {
     edges {
       node {
         id
-        medias(first: $firstMedia, after: $afterMedia) {
+        medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
           edges {
             cursor
             node {

package/dist/esm/graphql/queries/products.generated.js

@@ -15,7 +15,7 @@ const ProductsEdgeDetail = `
 }
     `;
 const ProductsDocument = `
-    query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor) {
+    query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $orderByMedia: MediaOrder) {
   products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
     edges {
       ...ProductsEdgeDetail

package/dist/esm/helpers/colors.js

@@ -19,13 +19,17 @@ const getGlobalColorResponsiveClass = (type, data) => {
         return '';
     return Object.entries(data)
         .map(([device, value]) => {
+        const clName = getGlobalColorClass(type, value);
+        if (!clName)
+            return undefined;
         if (device === 'desktop') {
-            return getGlobalColorClass(type, value);
+            return clName;
         }
         else {
-            return `${device}:${getGlobalColorClass(type, value)}`;
+            return `${device}:${clName}`;
         }
     })
+        .filter(isDefined)
         .join(' ');
 };
 const getGlobalColorStateClass = (type, data) => {
@@ -33,13 +37,17 @@ const getGlobalColorStateClass = (type, data) => {
         return '';
     return Object.entries(data)
         .map(([state, value]) => {
+        const clName = getGlobalColorClass(type, value);
+        if (!clName)
+            return undefined;
         if (state === 'normal') {
-            return getGlobalColorClass(type, value);
+            return clName;
         }
         else {
-            return `${state}:${getGlobalColorClass(type, value)}`;
+            return `${state}:${clName}`;
         }
     })
+        .filter(isDefined)
         .join(' ');
 };
 const getGlobalColorStateResponsiveClass = (type, data) => {
@@ -50,28 +58,37 @@ const getGlobalColorStateResponsiveClass = (type, data) => {
         if (device === 'desktop') {
             return Object.entries(objectState)
                 .map(([state, value]) => {
+                const clName = getGlobalColorClass(type, value);
+                if (!clName)
+                    return undefined;
                 if (state === 'normal') {
-                    return getGlobalColorClass(type, value);
+                    return clName;
                 }
                 else {
-                    return `${state}:${getGlobalColorClass(type, value)}`;
+                    return `${state}:${clName}`;
                 }
             })
+                .filter(isDefined)
                 .join(' ');
         }
         else {
             return Object.entries(objectState)
                 .map(([state, value]) => {
+                const clName = getGlobalColorClass(type, value);
+                if (!clName)
+                    return undefined;
                 if (state === 'normal') {
-                    return `${device}:${getGlobalColorClass(type, value)}`;
+                    return `${device}:${clName}`;
                 }
                 else {
-                    return `${device}:${state}:${getGlobalColorClass(type, value)}`;
+                    return `${device}:${state}:${clName}`;
                 }
             })
+                .filter(isDefined)
                 .join(' ');
         }
     })
+        .filter(Boolean)
         .join(' ');
 };
 const getGlobalColorResponsiveStyle = (type, data) => {

package/dist/esm/helpers/convert.js

@@ -0,0 +1,3 @@
+const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
+
+export { isLocalEnv };

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

@@ -57,6 +57,10 @@ const loopFetchCollection = async (fetcher, arg) => {
                     field: 'UPDATED_AT',
                     direction: 'DESC',
                 },
+                orderByMedia: {
+                    field: 'POSITION',
+                    direction: 'ASC',
+                },
                 firstProduct: calculateFirstProduct(arg.numberOfProducts, currentPage, productsPerPage),
                 ...(!arg.id || arg.id.toLowerCase() === 'latest'
                     ? { where: { hasCollectionProducts: true, isSample: arg.isSample } }

package/dist/esm/helpers/queries/get-product-by-slug.js

@@ -64,6 +64,10 @@ const fetchMedias = async (fetcher, handle) => {
     const initVariables = {
         orderBy,
         where: { handle, isStorefront: true },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC',
+        },
     };
     const query = async (variables) => {
         try {

package/dist/esm/helpers/queries/get-product.js

@@ -76,6 +76,10 @@ const fetchMedias = async (fetcher, { id, isSample }) => {
             isSample,
             ...(id && id.toLowerCase() !== 'latest' && { baseID: id }),
         },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC',
+        },
     };
     const query = async (variables) => {
         try {

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

@@ -62,6 +62,10 @@ const loopFetchProducts = async (fetcher, { ids, isSample }) => {
                 direction: 'DESC',
                 field: 'UPDATED_AT',
             },
+            orderByMedia: {
+                field: 'POSITION',
+                direction: 'ASC',
+            },
             where: {
                 isStorefront: true,
                 isSample: isSample,

package/dist/esm/hooks/useProduct.js

@@ -3,6 +3,7 @@ import { useProductStore } from '../contexts/ProductContext.js';
 import { flattenConnection } from '../helpers/flatten-connection.js';
 import 'swr';
 import { getSelectedVariant } from '../helpers/product.js';
+import '../helpers/convert.js';
 
 const useUniqProductID = () => {
     return useProductStore((s) => s.uiqueId);

package/dist/esm/index.js

@@ -50,6 +50,7 @@ export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
 export { RenderIf, props, styles, template } from './helpers/render.js';
+export { isLocalEnv } from './helpers/convert.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';

package/dist/types/index.d.ts

@@ -755,6 +755,7 @@ type ComponentSetting<P extends BaseProps> = {
             };
         };
     };
+    order?: string[];
 };
 
 type Maybe<T> = T | undefined;
@@ -3958,6 +3959,8 @@ type ProductOptionValue = {
     label?: Maybe<Scalars['String']>;
     platform?: Maybe<ProductOptionValuePlatform>;
     position?: Maybe<Scalars['Int']>;
+    /** @deprecated Use "position" instead. */
+    sortOrder?: Maybe<Scalars['Float']>;
     updatedAt?: Maybe<Scalars['Time']>;
 };
 type ProductOptionValuePlatform = 'BIG' | 'SHOPIFY' | 'WOO';
@@ -6950,6 +6953,7 @@ type CollectionDetailFilterQueryVariables = Exact<{
     afterVariant?: InputMaybe<Scalars['Cursor']>;
     afterMedia?: InputMaybe<Scalars['Cursor']>;
     firstMedia?: InputMaybe<Scalars['Int']>;
+    orderByMedia?: InputMaybe<MediaOrder>;
     whereProduct?: InputMaybe<ProductWhereInput>;
 }>;
 type CollectionDetailFilterQueryResponse = {
@@ -6991,6 +6995,7 @@ declare const CollectionDetailFilterDocument: string;
 type CollectionQueryVariables = Exact<{
     first?: InputMaybe<Scalars['Int']>;
     firstMedia?: InputMaybe<Scalars['Int']>;
+    orderByMedia?: InputMaybe<MediaOrder>;
     afterMedia?: InputMaybe<Scalars['Cursor']>;
     firstVariant?: InputMaybe<Scalars['Int']>;
     afterVariant?: InputMaybe<Scalars['Cursor']>;
@@ -7054,6 +7059,7 @@ type ProductsQueryVariables = Exact<{
     firstVariant?: InputMaybe<Scalars['Int']>;
     afterVariant?: InputMaybe<Scalars['Cursor']>;
     afterMedia?: InputMaybe<Scalars['Cursor']>;
+    orderByMedia?: InputMaybe<MediaOrder>;
 }>;
 type ProductsQueryResponse = {
     products?: Maybe<{
@@ -7282,6 +7288,8 @@ declare const props: (strings: any, ...keys: any[]) => string;
 declare const styles: (strings: any, ...keys: any[]) => string;
 declare const template: (strings: any, ...keys: any[]) => string;
 
+declare const isLocalEnv: boolean;
+
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$7 = Parameters<Func$6>[0];
@@ -7289,7 +7297,7 @@ declare const useAddToCart: (options?: SWRMutationConfiguration<Response$6, any,
 
 type Func$5 = ReturnType<typeof getCartOperation>;
 type Response$5 = Awaited<ReturnType<Func$5>>;
-declare const useCartData: (options?: SWRConfiguration<Response$5 | undefined, any>) => swr__internal.SWRResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any>;
+declare const useCartData: (options?: SWRConfiguration<Response$5 | undefined, any>) => swr__internal.SWRResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, Partial<swr__internal.PublicConfiguration<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, (arg: "cart") => swr__internal.FetcherResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined>>> | undefined>;
 
 type Func$4 = ReturnType<typeof cartDiscountCodesUpdateOperation>;
 type Response$4 = Awaited<ReturnType<Func$4>>;
@@ -7343,11 +7351,17 @@ type Args$1 = {
     orderBy?: 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | undefined | 'none' | 'CREATED_AT_DESC';
     isSample?: boolean;
 };
-declare const useCollectionQuery: (args: Args$1, options?: SWRConfiguration<CollectionDetailFilterQueryResponse>) => swr__internal.SWRResponse<CollectionDetailFilterQueryResponse, any>;
+declare const useCollectionQuery: (args: Args$1, options?: SWRConfiguration<CollectionDetailFilterQueryResponse>) => swr__internal.SWRResponse<CollectionDetailFilterQueryResponse, any, Partial<swr__internal.PublicConfiguration<CollectionDetailFilterQueryResponse, any, (arg: ["query/collection", Args$1]) => swr__internal.FetcherResponse<CollectionDetailFilterQueryResponse>>> | undefined>;
 
-declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>) => swr__internal.SWRResponse<ProductSelectFragment, any>;
+declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>) => swr__internal.SWRResponse<ProductSelectFragment, any, Partial<swr__internal.PublicConfiguration<ProductSelectFragment, any, (arg: ["query/product", {
+    id?: string | undefined;
+    isSample?: boolean | undefined;
+}]) => swr__internal.FetcherResponse<ProductSelectFragment>>> | undefined>;
 
-declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any>;
+declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", {
+    ids?: string[] | undefined;
+    isSample?: boolean | undefined;
+}]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
 
 declare const useCurrentDevice: () => NameDevices;
 
@@ -7492,4 +7506,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample }: FetchParams) =
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.5.7",
+  "version": "1.5.14",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "react-error-boundary": "^3.1.4",
-    "swr": "^2.0.0",
+    "swr": "^2.0.3",
     "vanilla-lazyload": "17.8.3",
-    "zustand": "^4.3.0"
+    "zustand": "^4.3.2"
   },
   "peerDependencies": {
     "react": "^17 || ^18",