@gem-sdk/core 1.57.15-staging.0 → 1.57.15-staging.12
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/helpers/interaction/index.js +10 -5
- package/dist/cjs/helpers/prefetch-queries.js +3 -5
- package/dist/cjs/types/custom.js +1 -0
- package/dist/esm/helpers/interaction/index.js +10 -5
- package/dist/esm/helpers/prefetch-queries.js +3 -5
- package/dist/esm/types/custom.js +1 -0
- package/dist/types/index.d.ts +3 -2
- package/package.json +1 -1
|
@@ -29,14 +29,19 @@ const useInteraction = ()=>{
|
|
|
29
29
|
return element?.querySelector(selector);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
+
const handleOnListener = (element, event, callback)=>{
|
|
33
|
+
const eventListener = (e)=>{
|
|
34
|
+
const customEvent = e;
|
|
35
|
+
const params = customEvent.detail;
|
|
36
|
+
if (callback) callback(params);
|
|
37
|
+
};
|
|
38
|
+
element.addEventListener(event, eventListener);
|
|
39
|
+
return ()=>element.removeEventListener(event, eventListener);
|
|
40
|
+
};
|
|
32
41
|
const onListener = ({ event, selector, elementRef }, callback)=>{
|
|
33
42
|
const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
|
|
34
43
|
if (!element) return;
|
|
35
|
-
element
|
|
36
|
-
const event = e;
|
|
37
|
-
const params = event.detail;
|
|
38
|
-
if (callback) callback(params);
|
|
39
|
-
});
|
|
44
|
+
return handleOnListener(element, event, callback);
|
|
40
45
|
};
|
|
41
46
|
const trigger = ({ event, data, selector, element: elementParam })=>{
|
|
42
47
|
const element = elementParam || document.body?.querySelector(selector);
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var useSWR = require('swr');
|
|
4
3
|
var getCollection = require('./queries/get-collection.js');
|
|
5
4
|
var getProduct = require('./queries/get-product.js');
|
|
6
5
|
var getProducts = require('./queries/get-products.js');
|
|
7
|
-
var query = require('./query.js');
|
|
8
6
|
|
|
9
7
|
const prefetchQueries = (input, options)=>{
|
|
10
8
|
const queries = [];
|
|
@@ -21,7 +19,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
21
19
|
isStorefront: options?.isStorefront
|
|
22
20
|
};
|
|
23
21
|
data = {
|
|
24
|
-
key:
|
|
22
|
+
key: `query/product/${variables.id}`,
|
|
25
23
|
func: getProduct.getProduct,
|
|
26
24
|
variables
|
|
27
25
|
};
|
|
@@ -39,7 +37,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
39
37
|
isStorefront: options?.isStorefront
|
|
40
38
|
};
|
|
41
39
|
data = {
|
|
42
|
-
key:
|
|
40
|
+
key: `query/collection/${variables.id}`,
|
|
43
41
|
func: getCollection.getCollection,
|
|
44
42
|
variables
|
|
45
43
|
};
|
|
@@ -52,7 +50,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
52
50
|
isStorefront: options?.isStorefront
|
|
53
51
|
};
|
|
54
52
|
data = {
|
|
55
|
-
key:
|
|
53
|
+
key: `query/products/${variables.ids.join(',')}`,
|
|
56
54
|
func: getProducts.getProducts,
|
|
57
55
|
variables
|
|
58
56
|
};
|
package/dist/cjs/types/custom.js
CHANGED
|
@@ -23,6 +23,7 @@ exports.InteractionTargetEvent = void 0;
|
|
|
23
23
|
InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
|
|
24
24
|
InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
|
|
25
25
|
InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
|
|
26
|
+
InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
|
|
26
27
|
})(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
|
|
27
28
|
exports.InteractionTriggerEvent = void 0;
|
|
28
29
|
(function(InteractionTriggerEvent) {
|
|
@@ -27,14 +27,19 @@ const useInteraction = ()=>{
|
|
|
27
27
|
return element?.querySelector(selector);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
+
const handleOnListener = (element, event, callback)=>{
|
|
31
|
+
const eventListener = (e)=>{
|
|
32
|
+
const customEvent = e;
|
|
33
|
+
const params = customEvent.detail;
|
|
34
|
+
if (callback) callback(params);
|
|
35
|
+
};
|
|
36
|
+
element.addEventListener(event, eventListener);
|
|
37
|
+
return ()=>element.removeEventListener(event, eventListener);
|
|
38
|
+
};
|
|
30
39
|
const onListener = ({ event, selector, elementRef }, callback)=>{
|
|
31
40
|
const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
|
|
32
41
|
if (!element) return;
|
|
33
|
-
element
|
|
34
|
-
const event = e;
|
|
35
|
-
const params = event.detail;
|
|
36
|
-
if (callback) callback(params);
|
|
37
|
-
});
|
|
42
|
+
return handleOnListener(element, event, callback);
|
|
38
43
|
};
|
|
39
44
|
const trigger = ({ event, data, selector, element: elementParam })=>{
|
|
40
45
|
const element = elementParam || document.body?.querySelector(selector);
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { unstable_serialize } from 'swr';
|
|
2
1
|
import { getCollection } from './queries/get-collection.js';
|
|
3
2
|
import { getProduct } from './queries/get-product.js';
|
|
4
3
|
import { getProducts } from './queries/get-products.js';
|
|
5
|
-
import { generateCollectionQueryKey, generateProductsQueryKey, generateProductQueryKey } from './query.js';
|
|
6
4
|
|
|
7
5
|
const prefetchQueries = (input, options)=>{
|
|
8
6
|
const queries = [];
|
|
@@ -19,7 +17,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
19
17
|
isStorefront: options?.isStorefront
|
|
20
18
|
};
|
|
21
19
|
data = {
|
|
22
|
-
key:
|
|
20
|
+
key: `query/product/${variables.id}`,
|
|
23
21
|
func: getProduct,
|
|
24
22
|
variables
|
|
25
23
|
};
|
|
@@ -37,7 +35,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
37
35
|
isStorefront: options?.isStorefront
|
|
38
36
|
};
|
|
39
37
|
data = {
|
|
40
|
-
key:
|
|
38
|
+
key: `query/collection/${variables.id}`,
|
|
41
39
|
func: getCollection,
|
|
42
40
|
variables
|
|
43
41
|
};
|
|
@@ -50,7 +48,7 @@ const prefetchQueries = (input, options)=>{
|
|
|
50
48
|
isStorefront: options?.isStorefront
|
|
51
49
|
};
|
|
52
50
|
data = {
|
|
53
|
-
key:
|
|
51
|
+
key: `query/products/${variables.ids.join(',')}`,
|
|
54
52
|
func: getProducts,
|
|
55
53
|
variables
|
|
56
54
|
};
|
package/dist/esm/types/custom.js
CHANGED
|
@@ -21,6 +21,7 @@ var InteractionTargetEvent;
|
|
|
21
21
|
InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
|
|
22
22
|
InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
|
|
23
23
|
InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
|
|
24
|
+
InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
|
|
24
25
|
})(InteractionTargetEvent || (InteractionTargetEvent = {}));
|
|
25
26
|
var InteractionTriggerEvent;
|
|
26
27
|
(function(InteractionTriggerEvent) {
|
package/dist/types/index.d.ts
CHANGED
|
@@ -8388,7 +8388,8 @@ declare enum InteractionTargetEvent {
|
|
|
8388
8388
|
'gp:change-text-value' = 17,
|
|
8389
8389
|
'gp:toggle-popup-open' = 18,
|
|
8390
8390
|
'gp:show-or-hide' = 19,
|
|
8391
|
-
'gp:change-banner' = 20
|
|
8391
|
+
'gp:change-banner' = 20,
|
|
8392
|
+
'gp:change-open-tab' = 21
|
|
8392
8393
|
}
|
|
8393
8394
|
declare enum InteractionTriggerEvent {
|
|
8394
8395
|
'click' = 0,
|
|
@@ -41568,7 +41569,7 @@ declare const useInteraction: () => {
|
|
|
41568
41569
|
event: string;
|
|
41569
41570
|
selector: string;
|
|
41570
41571
|
elementRef?: React.MutableRefObject<HTMLElement> | undefined;
|
|
41571
|
-
}, callback: (data: any) => void) => void;
|
|
41572
|
+
}, callback: (data: any) => void) => (() => void) | undefined;
|
|
41572
41573
|
trigger: ({ event, data, selector, element: elementParam, }: {
|
|
41573
41574
|
event: string;
|
|
41574
41575
|
data?: any;
|