@gem-sdk/core 1.57.0-staging.44 → 1.57.0-staging.45
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/contexts/ProductContext.js +0 -10
- package/dist/cjs/graphql/queries/published-shop-metas.js +15 -0
- package/dist/cjs/helpers/background.js +0 -3
- package/dist/cjs/helpers/compose-advance-style.js +1 -15
- package/dist/cjs/helpers/interaction/index.js +19 -11
- package/dist/cjs/helpers/radius.js +1 -11
- package/dist/cjs/helpers/shadow.js +2 -3
- package/dist/cjs/helpers/third-party/appConfig.js +0 -21
- package/dist/cjs/helpers/third-party/appSetting.js +1 -30
- package/dist/cjs/helpers/third-party/constant.js +1 -4
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/types/custom.js +0 -1
- package/dist/esm/contexts/ProductContext.js +0 -10
- package/dist/esm/graphql/queries/published-shop-metas.js +13 -0
- package/dist/esm/helpers/background.js +0 -3
- package/dist/esm/helpers/compose-advance-style.js +1 -15
- package/dist/esm/helpers/interaction/index.js +20 -12
- package/dist/esm/helpers/radius.js +1 -11
- package/dist/esm/helpers/shadow.js +2 -3
- package/dist/esm/helpers/third-party/appConfig.js +1 -19
- package/dist/esm/helpers/third-party/appSetting.js +1 -30
- package/dist/esm/helpers/third-party/constant.js +2 -5
- package/dist/esm/index.js +1 -0
- package/dist/esm/types/custom.js +0 -1
- package/dist/types/index.d.ts +205 -413
- package/package.json +3 -3
|
@@ -25,16 +25,6 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
|
|
|
25
25
|
};
|
|
26
26
|
});
|
|
27
27
|
},
|
|
28
|
-
setShouldRequireUploadMessage: (value)=>{
|
|
29
|
-
set({
|
|
30
|
-
shouldRequireUploadMessage: value
|
|
31
|
-
});
|
|
32
|
-
},
|
|
33
|
-
setRequireUpload: (value)=>{
|
|
34
|
-
set({
|
|
35
|
-
requireUpload: value
|
|
36
|
-
});
|
|
37
|
-
},
|
|
38
28
|
addProperty: (data)=>{
|
|
39
29
|
const properties = get().properties;
|
|
40
30
|
if (!properties?.some((v)=>v.key === data.key)) {
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const PublishedShopMetasDocument = `
|
|
4
|
+
query PublishedShopMetas($keys: [String!]) {
|
|
5
|
+
publishedShopMetas(keys: $keys) {
|
|
6
|
+
id
|
|
7
|
+
createdAt
|
|
8
|
+
updatedAt
|
|
9
|
+
key
|
|
10
|
+
value
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
`;
|
|
14
|
+
|
|
15
|
+
exports.PublishedShopMetasDocument = PublishedShopMetasDocument;
|
|
@@ -76,9 +76,6 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
76
76
|
if (typeof imageByDevice === 'string') {
|
|
77
77
|
return `url(${imageByDevice})`;
|
|
78
78
|
}
|
|
79
|
-
if (imageByDevice !== undefined) {
|
|
80
|
-
return 'none';
|
|
81
|
-
}
|
|
82
79
|
};
|
|
83
80
|
const getStyleBgPosition = (background)=>{
|
|
84
81
|
const bgPosition = {
|
|
@@ -112,21 +112,7 @@ function composeAdvanceStyle(data, tag, pageType) {
|
|
|
112
112
|
Object.assign(styles, radius.composeRadius(value));
|
|
113
113
|
}
|
|
114
114
|
if (attr === 'boxShadow') {
|
|
115
|
-
|
|
116
|
-
'Row',
|
|
117
|
-
'Section',
|
|
118
|
-
'Text',
|
|
119
|
-
'Heading'
|
|
120
|
-
];
|
|
121
|
-
let hasBoxShadowV2 = hasBoxShadow;
|
|
122
|
-
if (listElementShadowV2.includes(tag || '')) {
|
|
123
|
-
hasBoxShadowV2 = {
|
|
124
|
-
desktop: value.desktop ?? {},
|
|
125
|
-
tablet: value.tablet ?? value.desktop ?? {},
|
|
126
|
-
mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
|
|
115
|
+
Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
|
|
130
116
|
}
|
|
131
117
|
const styleValue = getAttrValue(attr, deviceValue, tag);
|
|
132
118
|
if (composeAttr === 'desktop') {
|
|
@@ -19,6 +19,9 @@ require('../convert.js');
|
|
|
19
19
|
const useInteraction = ()=>{
|
|
20
20
|
const ref = react.useRef();
|
|
21
21
|
const setInteractionIsSelectOnPage = PageContext.usePageStore((s)=>s.setInteractionIsSelectOnPage);
|
|
22
|
+
const sidebarMode = PageContext.usePageStore((s)=>s.sidebarMode);
|
|
23
|
+
const selectType = PageContext.usePageStore((s)=>s.interactionData?.selectType);
|
|
24
|
+
const interactionData = PageContext.usePageStore((s)=>s.interactionData);
|
|
22
25
|
function findElementIncludingSelf(element, selector) {
|
|
23
26
|
if (!(element instanceof Document) && element?.matches(selector)) {
|
|
24
27
|
return element;
|
|
@@ -26,19 +29,14 @@ const useInteraction = ()=>{
|
|
|
26
29
|
return element?.querySelector(selector);
|
|
27
30
|
}
|
|
28
31
|
}
|
|
29
|
-
const handleOnListener = (element, event, callback)=>{
|
|
30
|
-
const eventListener = (e)=>{
|
|
31
|
-
const customEvent = e;
|
|
32
|
-
const params = customEvent.detail;
|
|
33
|
-
if (callback) callback(params);
|
|
34
|
-
};
|
|
35
|
-
element.addEventListener(event, eventListener);
|
|
36
|
-
return ()=>element.removeEventListener(event, eventListener);
|
|
37
|
-
};
|
|
38
32
|
const onListener = ({ event, selector, elementRef }, callback)=>{
|
|
39
33
|
const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
|
|
40
34
|
if (!element) return;
|
|
41
|
-
|
|
35
|
+
element.addEventListener(event, (e)=>{
|
|
36
|
+
const event = e;
|
|
37
|
+
const params = event.detail;
|
|
38
|
+
if (callback) callback(params);
|
|
39
|
+
});
|
|
42
40
|
};
|
|
43
41
|
const trigger = ({ event, data, selector, element: elementParam })=>{
|
|
44
42
|
const element = elementParam || document.body?.querySelector(selector);
|
|
@@ -94,6 +92,14 @@ const useInteraction = ()=>{
|
|
|
94
92
|
});
|
|
95
93
|
window.dispatchEvent(event);
|
|
96
94
|
};
|
|
95
|
+
const isInteractionMode = react.useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
|
|
96
|
+
sidebarMode,
|
|
97
|
+
interactionData?.isSelectOnPage,
|
|
98
|
+
selectType
|
|
99
|
+
]);
|
|
100
|
+
const isSelectOnPage = react.useMemo(()=>interactionData?.isSelectOnPage, [
|
|
101
|
+
interactionData?.isSelectOnPage
|
|
102
|
+
]);
|
|
97
103
|
return {
|
|
98
104
|
onListener,
|
|
99
105
|
trigger,
|
|
@@ -103,7 +109,9 @@ const useInteraction = ()=>{
|
|
|
103
109
|
findElementIncludingSelf,
|
|
104
110
|
getInteractionPreviousData,
|
|
105
111
|
changeSelectMode,
|
|
106
|
-
selectInteractionElement
|
|
112
|
+
selectInteractionElement,
|
|
113
|
+
isInteractionMode,
|
|
114
|
+
isSelectOnPage
|
|
107
115
|
};
|
|
108
116
|
};
|
|
109
117
|
|
|
@@ -27,14 +27,7 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
|
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
const getCustomRadius = (state, radius, device)=>{
|
|
30
|
-
|
|
31
|
-
'custom',
|
|
32
|
-
'pill',
|
|
33
|
-
'rounded',
|
|
34
|
-
'single',
|
|
35
|
-
'none'
|
|
36
|
-
];
|
|
37
|
-
if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
|
|
30
|
+
if (!radius || !state || radius?.radiusType !== 'custom') return {};
|
|
38
31
|
const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
|
|
39
32
|
const mState = constant.stateMapping?.[state];
|
|
40
33
|
return {
|
|
@@ -69,7 +62,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
69
62
|
case 'circle':
|
|
70
63
|
case 'none':
|
|
71
64
|
case 'custom':
|
|
72
|
-
case 'rounded':
|
|
73
65
|
Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
|
|
74
66
|
break;
|
|
75
67
|
}
|
|
@@ -82,7 +74,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
82
74
|
case 'circle':
|
|
83
75
|
case 'none':
|
|
84
76
|
case 'custom':
|
|
85
|
-
case 'rounded':
|
|
86
77
|
Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
|
|
87
78
|
break;
|
|
88
79
|
}
|
|
@@ -95,7 +86,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
95
86
|
case 'circle':
|
|
96
87
|
case 'none':
|
|
97
88
|
case 'custom':
|
|
98
|
-
case 'rounded':
|
|
99
89
|
Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
|
|
100
90
|
break;
|
|
101
91
|
}
|
|
@@ -24,11 +24,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
|
|
|
24
24
|
let { state } = shadowStyle || {};
|
|
25
25
|
if (!state) state = 'normal';
|
|
26
26
|
if (!styleAppliedFor || !value) return {};
|
|
27
|
-
|
|
28
|
-
if (typeof value.distance == 'undefined' && !isNoneValue) return {};
|
|
27
|
+
if (typeof value.distance == 'undefined') return {};
|
|
29
28
|
const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
|
|
30
29
|
return {
|
|
31
|
-
[`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow
|
|
30
|
+
[`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: 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'
|
|
32
31
|
};
|
|
33
32
|
};
|
|
34
33
|
const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
|
|
@@ -156,30 +156,12 @@ const GrowaveConfig = {
|
|
|
156
156
|
appId: 'b3d2efbe-110a-4e27-84a8-1f2ed63996a4'
|
|
157
157
|
}
|
|
158
158
|
};
|
|
159
|
-
const KachingBundlesConfig = {
|
|
160
|
-
KachingBundles: {
|
|
161
|
-
appName: 'kaching-bundles',
|
|
162
|
-
appId: '6c637362-a106-4a32-94ac-94dcfd68cdb8'
|
|
163
|
-
}
|
|
164
|
-
};
|
|
165
159
|
const LoloyalLoyaltyReferralsConfig = {
|
|
166
160
|
LoloyalLoyaltyReferrals: {
|
|
167
161
|
appName: 'loloyal-com',
|
|
168
162
|
appId: '930ac91f-2bf2-4655-9ba0-574771f782d6'
|
|
169
163
|
}
|
|
170
164
|
};
|
|
171
|
-
const PowerfulContactFormBuilderConfig = {
|
|
172
|
-
PowerfulContactFormBuilder: {
|
|
173
|
-
appName: 'powerful-form-builder',
|
|
174
|
-
appId: 'e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d'
|
|
175
|
-
}
|
|
176
|
-
};
|
|
177
|
-
const WishlistKingConfig = {
|
|
178
|
-
WishlistKing: {
|
|
179
|
-
appName: 'wishlist-king',
|
|
180
|
-
appId: '194f5011-a43c-4b22-b12e-eaf20dc4506a'
|
|
181
|
-
}
|
|
182
|
-
};
|
|
183
165
|
|
|
184
166
|
exports.AppointmentBookingCowlendarConfig = AppointmentBookingCowlendarConfig;
|
|
185
167
|
exports.BoldSubscriptionsConfig = BoldSubscriptionsConfig;
|
|
@@ -190,11 +172,9 @@ exports.FlyBundlesUpsellsFbtConfig = FlyBundlesUpsellsFbtConfig;
|
|
|
190
172
|
exports.GrowaveConfig = GrowaveConfig;
|
|
191
173
|
exports.InstasellShoppableInstagramConfig = InstasellShoppableInstagramConfig;
|
|
192
174
|
exports.JunipProductReviewsUgcConfig = JunipProductReviewsUgcConfig;
|
|
193
|
-
exports.KachingBundlesConfig = KachingBundlesConfig;
|
|
194
175
|
exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
|
|
195
176
|
exports.LoloyalLoyaltyReferralsConfig = LoloyalLoyaltyReferralsConfig;
|
|
196
177
|
exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
|
|
197
|
-
exports.PowerfulContactFormBuilderConfig = PowerfulContactFormBuilderConfig;
|
|
198
178
|
exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
|
|
199
179
|
exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
|
|
200
180
|
exports.ProductOptionsCustomizerConfig = ProductOptionsCustomizerConfig;
|
|
@@ -209,5 +189,4 @@ exports.SproutPlantTreesGrowSalesConfig = SproutPlantTreesGrowSalesConfig;
|
|
|
209
189
|
exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
|
|
210
190
|
exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;
|
|
211
191
|
exports.WhatmoreShoppableVideosreelConfig = WhatmoreShoppableVideosreelConfig;
|
|
212
|
-
exports.WishlistKingConfig = WishlistKingConfig;
|
|
213
192
|
exports.YotpoReviewsV3UgcConfig = YotpoReviewsV3UgcConfig;
|
|
@@ -74,13 +74,6 @@ const ShopifyForms = {
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
|
-
const KachingBundles = {
|
|
78
|
-
KachingBundles: {
|
|
79
|
-
'app-block': {
|
|
80
|
-
product: '{{product}}'
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
77
|
const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
85
78
|
switch(tag){
|
|
86
79
|
case 'ShopifyForms':
|
|
@@ -109,13 +102,6 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
|
109
102
|
['show-views']: appSetting?.showViews
|
|
110
103
|
};
|
|
111
104
|
}
|
|
112
|
-
case 'PowerfulContactFormBuilder':
|
|
113
|
-
{
|
|
114
|
-
return {
|
|
115
|
-
...currentSetting,
|
|
116
|
-
shortcode: appSetting?.shortcode
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
105
|
default:
|
|
120
106
|
return currentSetting;
|
|
121
107
|
}
|
|
@@ -426,22 +412,8 @@ const LoloyalLoyaltyReferrals = {
|
|
|
426
412
|
'app-referrals': LoloyalSettingCommon
|
|
427
413
|
}
|
|
428
414
|
};
|
|
429
|
-
const PowerfulContactFormBuilder = {
|
|
430
|
-
PowerfulContactFormBuilder: {
|
|
431
|
-
'app-block': {
|
|
432
|
-
shortcode: ''
|
|
433
|
-
}
|
|
434
|
-
}
|
|
435
|
-
};
|
|
436
|
-
const WishlistKing = {
|
|
437
|
-
WishlistKing: {
|
|
438
|
-
'wishlist-button-block': null
|
|
439
|
-
}
|
|
440
|
-
};
|
|
441
415
|
const composeSettingsByWidgetType = {
|
|
442
|
-
...WishlistKing,
|
|
443
416
|
...LoloyalLoyaltyReferrals,
|
|
444
|
-
...PowerfulContactFormBuilder,
|
|
445
417
|
...InstasellShoppableInstagram,
|
|
446
418
|
...SproutPlantTreesGrowSales,
|
|
447
419
|
...AppointmentBookingCowlendar,
|
|
@@ -467,8 +439,7 @@ const composeSettingsByWidgetType = {
|
|
|
467
439
|
...SelleasyWidget,
|
|
468
440
|
...YotpoReviews,
|
|
469
441
|
...BoldSubscriptions,
|
|
470
|
-
...Growave
|
|
471
|
-
...KachingBundles
|
|
442
|
+
...Growave
|
|
472
443
|
};
|
|
473
444
|
|
|
474
445
|
exports.composeSettingsByWidgetType = composeSettingsByWidgetType;
|
|
@@ -29,10 +29,7 @@ const mapShopifyAppMeta = {
|
|
|
29
29
|
...appConfig.SproutPlantTreesGrowSalesConfig,
|
|
30
30
|
...appConfig.InstasellShoppableInstagramConfig,
|
|
31
31
|
...appConfig.GrowaveConfig,
|
|
32
|
-
...appConfig.
|
|
33
|
-
...appConfig.LoloyalLoyaltyReferralsConfig,
|
|
34
|
-
...appConfig.PowerfulContactFormBuilderConfig,
|
|
35
|
-
...appConfig.WishlistKingConfig
|
|
32
|
+
...appConfig.LoloyalLoyaltyReferralsConfig
|
|
36
33
|
};
|
|
37
34
|
const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
|
|
38
35
|
|
package/dist/cjs/index.js
CHANGED
|
@@ -19,6 +19,7 @@ var ModalContext = require('./contexts/ModalContext.js');
|
|
|
19
19
|
var ArticleListContext = require('./contexts/ArticleListContext.js');
|
|
20
20
|
var ArticleContext = require('./contexts/ArticleContext.js');
|
|
21
21
|
var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
|
|
22
|
+
var publishedShopMetas = require('./graphql/queries/published-shop-metas.js');
|
|
22
23
|
var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
|
|
23
24
|
var collection_generated = require('./graphql/queries/collection.generated.js');
|
|
24
25
|
var collections_generated = require('./graphql/queries/collections.generated.js');
|
|
@@ -151,6 +152,7 @@ exports.useArticleListStore = ArticleListContext.useArticleListStore;
|
|
|
151
152
|
exports.ArticleProvider = ArticleContext.ArticleProvider;
|
|
152
153
|
exports.useArticleStore = ArticleContext.useArticleStore;
|
|
153
154
|
exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
|
|
155
|
+
exports.PublishedShopMetasDocument = publishedShopMetas.PublishedShopMetasDocument;
|
|
154
156
|
exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
|
|
155
157
|
exports.CollectionDocument = collection_generated.CollectionDocument;
|
|
156
158
|
exports.CollectionsDocument = collections_generated.CollectionsDocument;
|
package/dist/cjs/types/custom.js
CHANGED
|
@@ -23,7 +23,6 @@ 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';
|
|
27
26
|
})(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
|
|
28
27
|
exports.InteractionTriggerEvent = void 0;
|
|
29
28
|
(function(InteractionTriggerEvent) {
|
|
@@ -23,16 +23,6 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
|
|
|
23
23
|
};
|
|
24
24
|
});
|
|
25
25
|
},
|
|
26
|
-
setShouldRequireUploadMessage: (value)=>{
|
|
27
|
-
set({
|
|
28
|
-
shouldRequireUploadMessage: value
|
|
29
|
-
});
|
|
30
|
-
},
|
|
31
|
-
setRequireUpload: (value)=>{
|
|
32
|
-
set({
|
|
33
|
-
requireUpload: value
|
|
34
|
-
});
|
|
35
|
-
},
|
|
36
26
|
addProperty: (data)=>{
|
|
37
27
|
const properties = get().properties;
|
|
38
28
|
if (!properties?.some((v)=>v.key === data.key)) {
|
|
@@ -74,9 +74,6 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
74
74
|
if (typeof imageByDevice === 'string') {
|
|
75
75
|
return `url(${imageByDevice})`;
|
|
76
76
|
}
|
|
77
|
-
if (imageByDevice !== undefined) {
|
|
78
|
-
return 'none';
|
|
79
|
-
}
|
|
80
77
|
};
|
|
81
78
|
const getStyleBgPosition = (background)=>{
|
|
82
79
|
const bgPosition = {
|
|
@@ -110,21 +110,7 @@ function composeAdvanceStyle(data, tag, pageType) {
|
|
|
110
110
|
Object.assign(styles, composeRadius(value));
|
|
111
111
|
}
|
|
112
112
|
if (attr === 'boxShadow') {
|
|
113
|
-
|
|
114
|
-
'Row',
|
|
115
|
-
'Section',
|
|
116
|
-
'Text',
|
|
117
|
-
'Heading'
|
|
118
|
-
];
|
|
119
|
-
let hasBoxShadowV2 = hasBoxShadow;
|
|
120
|
-
if (listElementShadowV2.includes(tag || '')) {
|
|
121
|
-
hasBoxShadowV2 = {
|
|
122
|
-
desktop: value.desktop ?? {},
|
|
123
|
-
tablet: value.tablet ?? value.desktop ?? {},
|
|
124
|
-
mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
|
|
125
|
-
};
|
|
126
|
-
}
|
|
127
|
-
Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
|
|
113
|
+
Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
|
|
128
114
|
}
|
|
129
115
|
const styleValue = getAttrValue(attr, deviceValue, tag);
|
|
130
116
|
if (composeAttr === 'desktop') {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useRef } from 'react';
|
|
1
|
+
import { useRef, useMemo } from 'react';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'zustand';
|
|
4
4
|
import 'swr';
|
|
@@ -17,6 +17,9 @@ import '../convert.js';
|
|
|
17
17
|
const useInteraction = ()=>{
|
|
18
18
|
const ref = useRef();
|
|
19
19
|
const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
|
|
20
|
+
const sidebarMode = usePageStore((s)=>s.sidebarMode);
|
|
21
|
+
const selectType = usePageStore((s)=>s.interactionData?.selectType);
|
|
22
|
+
const interactionData = usePageStore((s)=>s.interactionData);
|
|
20
23
|
function findElementIncludingSelf(element, selector) {
|
|
21
24
|
if (!(element instanceof Document) && element?.matches(selector)) {
|
|
22
25
|
return element;
|
|
@@ -24,19 +27,14 @@ const useInteraction = ()=>{
|
|
|
24
27
|
return element?.querySelector(selector);
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
|
-
const handleOnListener = (element, event, callback)=>{
|
|
28
|
-
const eventListener = (e)=>{
|
|
29
|
-
const customEvent = e;
|
|
30
|
-
const params = customEvent.detail;
|
|
31
|
-
if (callback) callback(params);
|
|
32
|
-
};
|
|
33
|
-
element.addEventListener(event, eventListener);
|
|
34
|
-
return ()=>element.removeEventListener(event, eventListener);
|
|
35
|
-
};
|
|
36
30
|
const onListener = ({ event, selector, elementRef }, callback)=>{
|
|
37
31
|
const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
|
|
38
32
|
if (!element) return;
|
|
39
|
-
|
|
33
|
+
element.addEventListener(event, (e)=>{
|
|
34
|
+
const event = e;
|
|
35
|
+
const params = event.detail;
|
|
36
|
+
if (callback) callback(params);
|
|
37
|
+
});
|
|
40
38
|
};
|
|
41
39
|
const trigger = ({ event, data, selector, element: elementParam })=>{
|
|
42
40
|
const element = elementParam || document.body?.querySelector(selector);
|
|
@@ -92,6 +90,14 @@ const useInteraction = ()=>{
|
|
|
92
90
|
});
|
|
93
91
|
window.dispatchEvent(event);
|
|
94
92
|
};
|
|
93
|
+
const isInteractionMode = useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
|
|
94
|
+
sidebarMode,
|
|
95
|
+
interactionData?.isSelectOnPage,
|
|
96
|
+
selectType
|
|
97
|
+
]);
|
|
98
|
+
const isSelectOnPage = useMemo(()=>interactionData?.isSelectOnPage, [
|
|
99
|
+
interactionData?.isSelectOnPage
|
|
100
|
+
]);
|
|
95
101
|
return {
|
|
96
102
|
onListener,
|
|
97
103
|
trigger,
|
|
@@ -101,7 +107,9 @@ const useInteraction = ()=>{
|
|
|
101
107
|
findElementIncludingSelf,
|
|
102
108
|
getInteractionPreviousData,
|
|
103
109
|
changeSelectMode,
|
|
104
|
-
selectInteractionElement
|
|
110
|
+
selectInteractionElement,
|
|
111
|
+
isInteractionMode,
|
|
112
|
+
isSelectOnPage
|
|
105
113
|
};
|
|
106
114
|
};
|
|
107
115
|
|
|
@@ -25,14 +25,7 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
|
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
const getCustomRadius = (state, radius, device)=>{
|
|
28
|
-
|
|
29
|
-
'custom',
|
|
30
|
-
'pill',
|
|
31
|
-
'rounded',
|
|
32
|
-
'single',
|
|
33
|
-
'none'
|
|
34
|
-
];
|
|
35
|
-
if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
|
|
28
|
+
if (!radius || !state || radius?.radiusType !== 'custom') return {};
|
|
36
29
|
const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
|
|
37
30
|
const mState = stateMapping?.[state];
|
|
38
31
|
return {
|
|
@@ -67,7 +60,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
67
60
|
case 'circle':
|
|
68
61
|
case 'none':
|
|
69
62
|
case 'custom':
|
|
70
|
-
case 'rounded':
|
|
71
63
|
Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
|
|
72
64
|
break;
|
|
73
65
|
}
|
|
@@ -80,7 +72,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
80
72
|
case 'circle':
|
|
81
73
|
case 'none':
|
|
82
74
|
case 'custom':
|
|
83
|
-
case 'rounded':
|
|
84
75
|
Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
|
|
85
76
|
break;
|
|
86
77
|
}
|
|
@@ -93,7 +84,6 @@ const composeRadiusState = (radiusValue, device)=>{
|
|
|
93
84
|
case 'circle':
|
|
94
85
|
case 'none':
|
|
95
86
|
case 'custom':
|
|
96
|
-
case 'rounded':
|
|
97
87
|
Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
|
|
98
88
|
break;
|
|
99
89
|
}
|
|
@@ -22,11 +22,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
|
|
|
22
22
|
let { state } = shadowStyle || {};
|
|
23
23
|
if (!state) state = 'normal';
|
|
24
24
|
if (!styleAppliedFor || !value) return {};
|
|
25
|
-
|
|
26
|
-
if (typeof value.distance == 'undefined' && !isNoneValue) return {};
|
|
25
|
+
if (typeof value.distance == 'undefined') return {};
|
|
27
26
|
const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
|
|
28
27
|
return {
|
|
29
|
-
[`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow
|
|
28
|
+
[`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: 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 + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
|
|
30
29
|
};
|
|
31
30
|
};
|
|
32
31
|
const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
|
|
@@ -154,29 +154,11 @@ const GrowaveConfig = {
|
|
|
154
154
|
appId: 'b3d2efbe-110a-4e27-84a8-1f2ed63996a4'
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
|
-
const KachingBundlesConfig = {
|
|
158
|
-
KachingBundles: {
|
|
159
|
-
appName: 'kaching-bundles',
|
|
160
|
-
appId: '6c637362-a106-4a32-94ac-94dcfd68cdb8'
|
|
161
|
-
}
|
|
162
|
-
};
|
|
163
157
|
const LoloyalLoyaltyReferralsConfig = {
|
|
164
158
|
LoloyalLoyaltyReferrals: {
|
|
165
159
|
appName: 'loloyal-com',
|
|
166
160
|
appId: '930ac91f-2bf2-4655-9ba0-574771f782d6'
|
|
167
161
|
}
|
|
168
162
|
};
|
|
169
|
-
const PowerfulContactFormBuilderConfig = {
|
|
170
|
-
PowerfulContactFormBuilder: {
|
|
171
|
-
appName: 'powerful-form-builder',
|
|
172
|
-
appId: 'e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d'
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
const WishlistKingConfig = {
|
|
176
|
-
WishlistKing: {
|
|
177
|
-
appName: 'wishlist-king',
|
|
178
|
-
appId: '194f5011-a43c-4b22-b12e-eaf20dc4506a'
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
163
|
|
|
182
|
-
export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig,
|
|
164
|
+
export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };
|
|
@@ -72,13 +72,6 @@ const ShopifyForms = {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
};
|
|
75
|
-
const KachingBundles = {
|
|
76
|
-
KachingBundles: {
|
|
77
|
-
'app-block': {
|
|
78
|
-
product: '{{product}}'
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
75
|
const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
83
76
|
switch(tag){
|
|
84
77
|
case 'ShopifyForms':
|
|
@@ -107,13 +100,6 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
|
107
100
|
['show-views']: appSetting?.showViews
|
|
108
101
|
};
|
|
109
102
|
}
|
|
110
|
-
case 'PowerfulContactFormBuilder':
|
|
111
|
-
{
|
|
112
|
-
return {
|
|
113
|
-
...currentSetting,
|
|
114
|
-
shortcode: appSetting?.shortcode
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
103
|
default:
|
|
118
104
|
return currentSetting;
|
|
119
105
|
}
|
|
@@ -424,22 +410,8 @@ const LoloyalLoyaltyReferrals = {
|
|
|
424
410
|
'app-referrals': LoloyalSettingCommon
|
|
425
411
|
}
|
|
426
412
|
};
|
|
427
|
-
const PowerfulContactFormBuilder = {
|
|
428
|
-
PowerfulContactFormBuilder: {
|
|
429
|
-
'app-block': {
|
|
430
|
-
shortcode: ''
|
|
431
|
-
}
|
|
432
|
-
}
|
|
433
|
-
};
|
|
434
|
-
const WishlistKing = {
|
|
435
|
-
WishlistKing: {
|
|
436
|
-
'wishlist-button-block': null
|
|
437
|
-
}
|
|
438
|
-
};
|
|
439
413
|
const composeSettingsByWidgetType = {
|
|
440
|
-
...WishlistKing,
|
|
441
414
|
...LoloyalLoyaltyReferrals,
|
|
442
|
-
...PowerfulContactFormBuilder,
|
|
443
415
|
...InstasellShoppableInstagram,
|
|
444
416
|
...SproutPlantTreesGrowSales,
|
|
445
417
|
...AppointmentBookingCowlendar,
|
|
@@ -465,8 +437,7 @@ const composeSettingsByWidgetType = {
|
|
|
465
437
|
...SelleasyWidget,
|
|
466
438
|
...YotpoReviews,
|
|
467
439
|
...BoldSubscriptions,
|
|
468
|
-
...Growave
|
|
469
|
-
...KachingBundles
|
|
440
|
+
...Growave
|
|
470
441
|
};
|
|
471
442
|
|
|
472
443
|
export { composeSettingsByWidgetType, overrideSettings };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig,
|
|
1
|
+
import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, LoloyalLoyaltyReferralsConfig } from './appConfig.js';
|
|
2
2
|
|
|
3
3
|
const mapShopifyAppMeta = {
|
|
4
4
|
...RechargeSubscriptionsConfig,
|
|
@@ -27,10 +27,7 @@ const mapShopifyAppMeta = {
|
|
|
27
27
|
...SproutPlantTreesGrowSalesConfig,
|
|
28
28
|
...InstasellShoppableInstagramConfig,
|
|
29
29
|
...GrowaveConfig,
|
|
30
|
-
...
|
|
31
|
-
...LoloyalLoyaltyReferralsConfig,
|
|
32
|
-
...PowerfulContactFormBuilderConfig,
|
|
33
|
-
...WishlistKingConfig
|
|
30
|
+
...LoloyalLoyaltyReferralsConfig
|
|
34
31
|
};
|
|
35
32
|
const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
|
|
36
33
|
|
package/dist/esm/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
|
|
|
17
17
|
export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
|
|
18
18
|
export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
|
|
19
19
|
export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
|
|
20
|
+
export { PublishedShopMetasDocument } from './graphql/queries/published-shop-metas.js';
|
|
20
21
|
export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
|
|
21
22
|
export { CollectionDocument } from './graphql/queries/collection.generated.js';
|
|
22
23
|
export { CollectionsDocument } from './graphql/queries/collections.generated.js';
|
package/dist/esm/types/custom.js
CHANGED
|
@@ -21,7 +21,6 @@ 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';
|
|
25
24
|
})(InteractionTargetEvent || (InteractionTargetEvent = {}));
|
|
26
25
|
var InteractionTriggerEvent;
|
|
27
26
|
(function(InteractionTriggerEvent) {
|