@gem-sdk/core 1.41.0-staging.8 → 1.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Render.liquid.js +6 -6
- package/dist/cjs/graphql/fragments/product-little.generated.js +0 -9
- package/dist/cjs/graphql/fragments/product.generated.js +0 -9
- package/dist/cjs/graphql/queries/products.generated.js +0 -9
- package/dist/cjs/helpers/carousel.js +3 -3
- package/dist/cjs/helpers/queries/get-products.js +19 -25
- package/dist/cjs/hooks/shop/use-products-query.js +0 -10
- package/dist/cjs/index.js +0 -1
- package/dist/esm/components/Render.liquid.js +6 -6
- package/dist/esm/graphql/fragments/product-little.generated.js +0 -9
- package/dist/esm/graphql/fragments/product.generated.js +0 -9
- package/dist/esm/graphql/queries/products.generated.js +0 -9
- package/dist/esm/helpers/carousel.js +3 -3
- package/dist/esm/helpers/queries/get-products.js +20 -25
- package/dist/esm/hooks/shop/use-products-query.js +2 -11
- package/dist/esm/index.js +1 -1
- package/dist/types/index.d.ts +6 -33
- package/package.json +3 -3
|
@@ -219,14 +219,14 @@ const appendAnimation = (props, liquid)=>{
|
|
|
219
219
|
const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
|
|
220
220
|
const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
|
|
221
221
|
if (!enableAnimation) return liquid;
|
|
222
|
-
const
|
|
222
|
+
const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
|
|
223
223
|
'shake',
|
|
224
224
|
'none'
|
|
225
|
-
].includes(getAnimationType(getSettingsByDevice(device), 'appear'))
|
|
225
|
+
].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
|
|
226
226
|
const opacityObject = {
|
|
227
|
-
desktop:
|
|
228
|
-
tablet:
|
|
229
|
-
mobile:
|
|
227
|
+
desktop: getInitVisibility('desktop'),
|
|
228
|
+
tablet: getInitVisibility('tablet'),
|
|
229
|
+
mobile: getInitVisibility('mobile')
|
|
230
230
|
};
|
|
231
231
|
return render.template`
|
|
232
232
|
<gp-animation
|
|
@@ -240,7 +240,7 @@ const appendAnimation = (props, liquid)=>{
|
|
|
240
240
|
}}"
|
|
241
241
|
>
|
|
242
242
|
<div style="${{
|
|
243
|
-
...makeStyle.makeStyleResponsive('
|
|
243
|
+
...makeStyle.makeStyleResponsive('v', opacityObject),
|
|
244
244
|
display: 'contents'
|
|
245
245
|
}}">${liquid}</div>
|
|
246
246
|
</gp-animation>
|
|
@@ -3,15 +3,6 @@
|
|
|
3
3
|
/* eslint-disable */ const ProductSelect = `
|
|
4
4
|
fragment ProductSelect on Product {
|
|
5
5
|
...ProductLittleSelect
|
|
6
|
-
collections {
|
|
7
|
-
edges {
|
|
8
|
-
node {
|
|
9
|
-
id
|
|
10
|
-
title
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
tags
|
|
15
6
|
medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
|
|
16
7
|
edges {
|
|
17
8
|
cursor
|
|
@@ -47,9 +47,9 @@ const makeDotGapToCarouselStyle = (dotStyle, dotGapToCarousel, vertical)=>{
|
|
|
47
47
|
};
|
|
48
48
|
});
|
|
49
49
|
return {
|
|
50
|
-
[`--${getStyleName(dotStyle
|
|
51
|
-
[`--${getStyleName(dotStyle
|
|
52
|
-
[`--${getStyleName(dotStyle
|
|
50
|
+
[`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(vertical, 'desktop'))}`]: result.desktop,
|
|
51
|
+
[`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(vertical, 'tablet'))}-tablet`]: result.tablet,
|
|
52
|
+
[`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(vertical, 'mobile'))}-mobile`]: result.mobile
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
55
|
|
|
@@ -57,29 +57,6 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
|
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
|
-
const getProductQueryAll = async (fetcher, arg)=>{
|
|
61
|
-
const limit = arg?.limit || 4;
|
|
62
|
-
delete arg.limit;
|
|
63
|
-
const variables = {
|
|
64
|
-
first: limit,
|
|
65
|
-
firstMedia: 1,
|
|
66
|
-
firstVariant: 1,
|
|
67
|
-
orderBy: {
|
|
68
|
-
field: 'PLATFORM_CREATED_AT',
|
|
69
|
-
direction: 'DESC'
|
|
70
|
-
},
|
|
71
|
-
orderByMedia: {
|
|
72
|
-
field: 'POSITION',
|
|
73
|
-
direction: 'ASC'
|
|
74
|
-
},
|
|
75
|
-
where: {
|
|
76
|
-
status: 'ACTIVE',
|
|
77
|
-
...arg
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
const pageData = await fetchProducts(fetcher, variables);
|
|
81
|
-
return pageData;
|
|
82
|
-
};
|
|
83
60
|
const fetchProducts = async (fetcher, variables)=>{
|
|
84
61
|
return fetcher([
|
|
85
62
|
products_generated.ProductsDocument,
|
|
@@ -122,7 +99,25 @@ const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, default
|
|
|
122
99
|
},
|
|
123
100
|
...ids?.length ? {
|
|
124
101
|
baseIDIn: ids
|
|
125
|
-
} : {}
|
|
102
|
+
} : {},
|
|
103
|
+
or: [
|
|
104
|
+
{
|
|
105
|
+
hasProductTags: false
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
hasProductTagsWith: [
|
|
109
|
+
{
|
|
110
|
+
hasTagsWith: [
|
|
111
|
+
{
|
|
112
|
+
nameNotIn: [
|
|
113
|
+
'bogos-gift'
|
|
114
|
+
]
|
|
115
|
+
}
|
|
116
|
+
]
|
|
117
|
+
}
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
]
|
|
126
121
|
},
|
|
127
122
|
after: productAfterFetcher
|
|
128
123
|
};
|
|
@@ -187,5 +182,4 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
|
|
|
187
182
|
// );
|
|
188
183
|
// };
|
|
189
184
|
|
|
190
|
-
exports.getProductQueryAll = getProductQueryAll;
|
|
191
185
|
exports.getProducts = getProducts;
|
|
@@ -20,15 +20,5 @@ const useProductsQuery = (ids, options, params)=>{
|
|
|
20
20
|
return getProducts.getProducts(params?.fetcher || fetcher, arg);
|
|
21
21
|
}, options);
|
|
22
22
|
};
|
|
23
|
-
const useProductsQueryAll = (variable, options)=>{
|
|
24
|
-
const fetcher = useFetchHandle.useFetchHandle();
|
|
25
|
-
return useSWR(variable ? [
|
|
26
|
-
'query/products',
|
|
27
|
-
variable
|
|
28
|
-
] : null, async ([, arg])=>{
|
|
29
|
-
return getProducts.getProductQueryAll(fetcher, arg);
|
|
30
|
-
}, options);
|
|
31
|
-
};
|
|
32
23
|
|
|
33
24
|
exports.useProductsQuery = useProductsQuery;
|
|
34
|
-
exports.useProductsQueryAll = useProductsQueryAll;
|
package/dist/cjs/index.js
CHANGED
|
@@ -302,7 +302,6 @@ exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
|
|
|
302
302
|
exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
|
|
303
303
|
exports.useProductQuery = useProductQuery.useProductQuery;
|
|
304
304
|
exports.useProductsQuery = useProductsQuery.useProductsQuery;
|
|
305
|
-
exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
|
|
306
305
|
exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
|
|
307
306
|
exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
|
|
308
307
|
exports.useFormatMoney = useFormatMoney.useFormatMoney;
|
|
@@ -215,14 +215,14 @@ const appendAnimation = (props, liquid)=>{
|
|
|
215
215
|
const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
|
|
216
216
|
const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
|
|
217
217
|
if (!enableAnimation) return liquid;
|
|
218
|
-
const
|
|
218
|
+
const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
|
|
219
219
|
'shake',
|
|
220
220
|
'none'
|
|
221
|
-
].includes(getAnimationType(getSettingsByDevice(device), 'appear'))
|
|
221
|
+
].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
|
|
222
222
|
const opacityObject = {
|
|
223
|
-
desktop:
|
|
224
|
-
tablet:
|
|
225
|
-
mobile:
|
|
223
|
+
desktop: getInitVisibility('desktop'),
|
|
224
|
+
tablet: getInitVisibility('tablet'),
|
|
225
|
+
mobile: getInitVisibility('mobile')
|
|
226
226
|
};
|
|
227
227
|
return template`
|
|
228
228
|
<gp-animation
|
|
@@ -236,7 +236,7 @@ const appendAnimation = (props, liquid)=>{
|
|
|
236
236
|
}}"
|
|
237
237
|
>
|
|
238
238
|
<div style="${{
|
|
239
|
-
...makeStyleResponsive('
|
|
239
|
+
...makeStyleResponsive('v', opacityObject),
|
|
240
240
|
display: 'contents'
|
|
241
241
|
}}">${liquid}</div>
|
|
242
242
|
</gp-animation>
|
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */ const ProductSelect = `
|
|
2
2
|
fragment ProductSelect on Product {
|
|
3
3
|
...ProductLittleSelect
|
|
4
|
-
collections {
|
|
5
|
-
edges {
|
|
6
|
-
node {
|
|
7
|
-
id
|
|
8
|
-
title
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
tags
|
|
13
4
|
medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
|
|
14
5
|
edges {
|
|
15
6
|
cursor
|
|
@@ -45,9 +45,9 @@ const makeDotGapToCarouselStyle = (dotStyle, dotGapToCarousel, vertical)=>{
|
|
|
45
45
|
};
|
|
46
46
|
});
|
|
47
47
|
return {
|
|
48
|
-
[`--${getStyleName(dotStyle
|
|
49
|
-
[`--${getStyleName(dotStyle
|
|
50
|
-
[`--${getStyleName(dotStyle
|
|
48
|
+
[`--${getStyleName(getResponsiveValueByScreen(dotStyle, 'desktop'), getResponsiveValueByScreen(vertical, 'desktop'))}`]: result.desktop,
|
|
49
|
+
[`--${getStyleName(getResponsiveValueByScreen(dotStyle, 'tablet'), getResponsiveValueByScreen(vertical, 'tablet'))}-tablet`]: result.tablet,
|
|
50
|
+
[`--${getStyleName(getResponsiveValueByScreen(dotStyle, 'mobile'), getResponsiveValueByScreen(vertical, 'mobile'))}-mobile`]: result.mobile
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
53
|
|
|
@@ -55,29 +55,6 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
|
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
|
-
const getProductQueryAll = async (fetcher, arg)=>{
|
|
59
|
-
const limit = arg?.limit || 4;
|
|
60
|
-
delete arg.limit;
|
|
61
|
-
const variables = {
|
|
62
|
-
first: limit,
|
|
63
|
-
firstMedia: 1,
|
|
64
|
-
firstVariant: 1,
|
|
65
|
-
orderBy: {
|
|
66
|
-
field: 'PLATFORM_CREATED_AT',
|
|
67
|
-
direction: 'DESC'
|
|
68
|
-
},
|
|
69
|
-
orderByMedia: {
|
|
70
|
-
field: 'POSITION',
|
|
71
|
-
direction: 'ASC'
|
|
72
|
-
},
|
|
73
|
-
where: {
|
|
74
|
-
status: 'ACTIVE',
|
|
75
|
-
...arg
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const pageData = await fetchProducts(fetcher, variables);
|
|
79
|
-
return pageData;
|
|
80
|
-
};
|
|
81
58
|
const fetchProducts = async (fetcher, variables)=>{
|
|
82
59
|
return fetcher([
|
|
83
60
|
ProductsDocument,
|
|
@@ -120,7 +97,25 @@ const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, default
|
|
|
120
97
|
},
|
|
121
98
|
...ids?.length ? {
|
|
122
99
|
baseIDIn: ids
|
|
123
|
-
} : {}
|
|
100
|
+
} : {},
|
|
101
|
+
or: [
|
|
102
|
+
{
|
|
103
|
+
hasProductTags: false
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
hasProductTagsWith: [
|
|
107
|
+
{
|
|
108
|
+
hasTagsWith: [
|
|
109
|
+
{
|
|
110
|
+
nameNotIn: [
|
|
111
|
+
'bogos-gift'
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
]
|
|
115
|
+
}
|
|
116
|
+
]
|
|
117
|
+
}
|
|
118
|
+
]
|
|
124
119
|
},
|
|
125
120
|
after: productAfterFetcher
|
|
126
121
|
};
|
|
@@ -185,4 +180,4 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
|
|
|
185
180
|
// );
|
|
186
181
|
// };
|
|
187
182
|
|
|
188
|
-
export {
|
|
183
|
+
export { getProducts };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import useSWR from 'swr';
|
|
2
|
-
import { getProducts
|
|
2
|
+
import { getProducts } from '../../helpers/queries/get-products.js';
|
|
3
3
|
import { generateProductsQueryKey } from '../../helpers/query.js';
|
|
4
4
|
import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
|
|
5
5
|
import { useFetchHandle } from '../useFetchHandle.js';
|
|
@@ -18,14 +18,5 @@ const useProductsQuery = (ids, options, params)=>{
|
|
|
18
18
|
return getProducts(params?.fetcher || fetcher, arg);
|
|
19
19
|
}, options);
|
|
20
20
|
};
|
|
21
|
-
const useProductsQueryAll = (variable, options)=>{
|
|
22
|
-
const fetcher = useFetchHandle();
|
|
23
|
-
return useSWR(variable ? [
|
|
24
|
-
'query/products',
|
|
25
|
-
variable
|
|
26
|
-
] : null, async ([, arg])=>{
|
|
27
|
-
return getProductQueryAll(fetcher, arg);
|
|
28
|
-
}, options);
|
|
29
|
-
};
|
|
30
21
|
|
|
31
|
-
export { useProductsQuery
|
|
22
|
+
export { useProductsQuery };
|
package/dist/esm/index.js
CHANGED
|
@@ -77,7 +77,7 @@ export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsS
|
|
|
77
77
|
export { useCollectionQuery } from './hooks/shop/use-collection-query.js';
|
|
78
78
|
export { useCollectionsQuery } from './hooks/shop/use-collections-query.js';
|
|
79
79
|
export { useProductQuery } from './hooks/shop/use-product-query.js';
|
|
80
|
-
export { useProductsQuery
|
|
80
|
+
export { useProductsQuery } from './hooks/shop/use-products-query.js';
|
|
81
81
|
export { useCurrentDevice } from './hooks/use-current-device.js';
|
|
82
82
|
export { shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
|
|
83
83
|
export { useLazyVideo } from './hooks/use-lazy-video.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -6579,6 +6579,7 @@ type SizeSettingGlobal = {
|
|
|
6579
6579
|
width?: string;
|
|
6580
6580
|
height?: string;
|
|
6581
6581
|
gap?: string;
|
|
6582
|
+
isDropDownWidth?: boolean;
|
|
6582
6583
|
};
|
|
6583
6584
|
type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
6584
6585
|
type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
|
|
@@ -27329,12 +27330,7 @@ declare const useCartLineStore: <U>(selector: (state: ExtractState<StoreApi<Cart
|
|
|
27329
27330
|
type CollectionProductSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
|
|
27330
27331
|
products?: Maybe$1<{
|
|
27331
27332
|
edges: Array<Pick<ProductEdge$1, 'cursor'> & {
|
|
27332
|
-
node?: Maybe$1<Pick<Product$1, '
|
|
27333
|
-
collections?: Maybe$1<{
|
|
27334
|
-
edges: Array<{
|
|
27335
|
-
node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
|
|
27336
|
-
}>;
|
|
27337
|
-
}>;
|
|
27333
|
+
node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
27338
27334
|
medias?: Maybe$1<{
|
|
27339
27335
|
edges: Array<Pick<MediaEdge$1, 'cursor'> & {
|
|
27340
27336
|
node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
@@ -27407,12 +27403,7 @@ type ProductListProviderProps = ProductListContextProps & {
|
|
|
27407
27403
|
declare const ProductListProvider: React.FC<ProductListProviderProps>;
|
|
27408
27404
|
declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
|
|
27409
27405
|
|
|
27410
|
-
type ProductSelectFragment = Pick<Product$1, '
|
|
27411
|
-
collections?: Maybe$1<{
|
|
27412
|
-
edges: Array<{
|
|
27413
|
-
node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
|
|
27414
|
-
}>;
|
|
27415
|
-
}>;
|
|
27406
|
+
type ProductSelectFragment = Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
27416
27407
|
medias?: Maybe$1<{
|
|
27417
27408
|
edges: Array<Pick<MediaEdge$1, 'cursor'> & {
|
|
27418
27409
|
node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
@@ -27610,12 +27601,7 @@ type CollectionDetailFilterQueryResponse = {
|
|
|
27610
27601
|
node?: Maybe$1<Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
|
|
27611
27602
|
products?: Maybe$1<{
|
|
27612
27603
|
edges: Array<Pick<ProductEdge$1, 'cursor'> & {
|
|
27613
|
-
node?: Maybe$1<Pick<Product$1, '
|
|
27614
|
-
collections?: Maybe$1<{
|
|
27615
|
-
edges: Array<{
|
|
27616
|
-
node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
|
|
27617
|
-
}>;
|
|
27618
|
-
}>;
|
|
27604
|
+
node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
27619
27605
|
medias?: Maybe$1<{
|
|
27620
27606
|
edges: Array<Pick<MediaEdge$1, 'cursor'> & {
|
|
27621
27607
|
node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
@@ -27745,12 +27731,7 @@ type ProductsQueryVariables = Exact$1<{
|
|
|
27745
27731
|
type ProductsQueryResponse = {
|
|
27746
27732
|
products?: Maybe$1<{
|
|
27747
27733
|
edges: Array<Pick<ProductEdge$1, 'cursor'> & {
|
|
27748
|
-
node?: Maybe$1<Pick<Product$1, '
|
|
27749
|
-
collections?: Maybe$1<{
|
|
27750
|
-
edges: Array<{
|
|
27751
|
-
node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
|
|
27752
|
-
}>;
|
|
27753
|
-
}>;
|
|
27734
|
+
node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
27754
27735
|
medias?: Maybe$1<{
|
|
27755
27736
|
edges: Array<Pick<MediaEdge$1, 'cursor'> & {
|
|
27756
27737
|
node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
@@ -27775,13 +27756,6 @@ type ProductsQueryResponse = {
|
|
|
27775
27756
|
pageInfo?: Maybe$1<Pick<PageInfo$1, 'endCursor' | 'hasNextPage'>>;
|
|
27776
27757
|
}>;
|
|
27777
27758
|
};
|
|
27778
|
-
type VariableRelatedStyles = {
|
|
27779
|
-
limit?: number | undefined;
|
|
27780
|
-
vendor?: string;
|
|
27781
|
-
idNEQ?: string;
|
|
27782
|
-
hasProductTagsWith?: InputMaybe$1<ProductTagWhereInput$1[]>;
|
|
27783
|
-
hasCollectionProductsWith?: InputMaybe$1<CollectionProductWhereInput$1[]>;
|
|
27784
|
-
};
|
|
27785
27759
|
declare const ProductsDocument: string;
|
|
27786
27760
|
|
|
27787
27761
|
type StorePropertyQueryVariables = Exact$1<{
|
|
@@ -35783,7 +35757,6 @@ declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<Prod
|
|
|
35783
35757
|
allStatus?: boolean;
|
|
35784
35758
|
fetcher?: FetchFunc;
|
|
35785
35759
|
}) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
|
|
35786
|
-
declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined, options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", any]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
|
|
35787
35760
|
|
|
35788
35761
|
declare const useCurrentDevice: () => NameDevices$1;
|
|
35789
35762
|
|
|
@@ -35946,4 +35919,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
|
|
|
35946
35919
|
|
|
35947
35920
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
35948
35921
|
|
|
35949
|
-
export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery,
|
|
35922
|
+
export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/core",
|
|
3
|
-
"version": "1.41.
|
|
3
|
+
"version": "1.41.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"type-check": "yarn tsc --noEmit"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@gem-sdk/adapter-shopify": "1.40.
|
|
31
|
-
"@gem-sdk/styles": "1.40.
|
|
30
|
+
"@gem-sdk/adapter-shopify": "1.40.0",
|
|
31
|
+
"@gem-sdk/styles": "1.40.6"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"react-error-boundary": "4.0.10",
|