@gem-sdk/core 1.53.0-staging.3 → 1.53.0-staging.35
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/theme-section/CreateThemeSection.js +6 -3
- package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +62 -38
- package/dist/cjs/contexts/ShopContext.js +5 -0
- package/dist/cjs/graphql-app-api/queries/ShopLibraryPage.generated.js +17 -0
- package/dist/cjs/helpers/third-party/appConfig.js +21 -0
- package/dist/cjs/helpers/third-party/appSetting.js +99 -2
- package/dist/cjs/helpers/third-party/constant.js +4 -1
- package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/esm/components/theme-section/CreateThemeSection.js +6 -3
- package/dist/esm/components/theme-section/ThemeSectionTooltip.js +62 -38
- package/dist/esm/contexts/ShopContext.js +5 -0
- package/dist/esm/graphql-app-api/queries/ShopLibraryPage.generated.js +15 -0
- package/dist/esm/helpers/third-party/appConfig.js +19 -1
- package/dist/esm/helpers/third-party/appSetting.js +99 -2
- package/dist/esm/helpers/third-party/constant.js +5 -2
- package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/types/index.d.ts +2773 -513
- package/package.json +2 -2
|
@@ -25,7 +25,9 @@ const LIMIT_PLANS = [
|
|
|
25
25
|
const CreateThemeSection = ({ ...props })=>{
|
|
26
26
|
const shopPlan = ShopContext.useShopStore((s)=>s.plan);
|
|
27
27
|
const createThemeSectionCount = ShopContext.useShopStore((s)=>s.createThemeSectionCount);
|
|
28
|
-
const
|
|
28
|
+
const limitCreateThemeSection = ShopContext.useShopStore((s)=>s.limitCreateThemeSection);
|
|
29
|
+
const isFreeLimit = LIMIT_PLANS.includes(shopPlan ?? '');
|
|
30
|
+
const isLimit = isFreeLimit || limitCreateThemeSection?.isLimit;
|
|
29
31
|
const isRenderTooltip = isLimit || createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
|
|
30
32
|
const timeoutRef = react.useRef();
|
|
31
33
|
const [isShowTooltip, setIsShowTooltip] = react.useState(false);
|
|
@@ -66,7 +68,8 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
66
68
|
};
|
|
67
69
|
return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
68
70
|
children: /*#__PURE__*/ jsxRuntime.jsxs(ThemeSectionTooltip.ThemeSectionTooltip, {
|
|
69
|
-
|
|
71
|
+
isFreeLimit: isFreeLimit,
|
|
72
|
+
limitCreateThemeSection: limitCreateThemeSection,
|
|
70
73
|
isShow: isShowTooltip,
|
|
71
74
|
isRender: isRenderTooltip,
|
|
72
75
|
onActions: onActions,
|
|
@@ -82,7 +85,7 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
82
85
|
children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
83
86
|
"data-toolbar-active-create-theme-section": true,
|
|
84
87
|
onClick: (e)=>onActions(e, {
|
|
85
|
-
disabled: isLimit
|
|
88
|
+
disabled: !!isLimit
|
|
86
89
|
}),
|
|
87
90
|
"aria-hidden": "true",
|
|
88
91
|
children: [
|
|
@@ -27,9 +27,9 @@ const transitions = {
|
|
|
27
27
|
opacity: 0
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
const ThemeSectionTooltip = ({ isShow,
|
|
30
|
+
const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
|
|
31
31
|
const nodeRef = react.useRef(null);
|
|
32
|
-
const actionBtnLabel =
|
|
32
|
+
const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
|
|
33
33
|
const openHelpCenter = ()=>{
|
|
34
34
|
const url = 'https://help.gempages.net/articles/theme-section';
|
|
35
35
|
window.open(url, '_blank');
|
|
@@ -46,52 +46,76 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
|
|
|
46
46
|
timeout: TRANSITION_DURATION,
|
|
47
47
|
nodeRef: nodeRef,
|
|
48
48
|
unmountOnExit: true,
|
|
49
|
-
children: (state)=>/*#__PURE__*/ jsxRuntime.
|
|
49
|
+
children: (state)=>/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
50
50
|
className: "theme-section-tooltip",
|
|
51
51
|
ref: nodeRef,
|
|
52
52
|
style: {
|
|
53
53
|
...defaultStyles,
|
|
54
54
|
...transitions[state]
|
|
55
55
|
},
|
|
56
|
-
children:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
56
|
+
children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
57
|
+
className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
|
|
58
|
+
children: [
|
|
59
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
60
|
+
className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
|
|
61
|
+
children: "Upgrade plan"
|
|
62
|
+
}),
|
|
63
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
64
|
+
className: "theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",
|
|
65
|
+
children: [
|
|
66
|
+
"You’ve reached the maximum number of theme sections on your plan (",
|
|
67
|
+
limitCreateThemeSection.total,
|
|
68
|
+
"/",
|
|
69
|
+
limitCreateThemeSection.limit,
|
|
70
|
+
")"
|
|
71
|
+
]
|
|
72
|
+
}),
|
|
73
|
+
/*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
74
|
+
onClick: (e)=>onActions(e),
|
|
75
|
+
children: "Upgrade plan to create more"
|
|
62
76
|
})
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
72
|
-
className: "theme-section-tooltip__body-desc",
|
|
73
|
-
children: "A global section that can be used on all your GemPages & Shopify pages."
|
|
77
|
+
]
|
|
78
|
+
}) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
79
|
+
children: [
|
|
80
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
81
|
+
className: "theme-section-tooltip__image",
|
|
82
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("img", {
|
|
83
|
+
src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
|
|
84
|
+
alt: ""
|
|
74
85
|
})
|
|
75
|
-
]
|
|
76
|
-
}),
|
|
77
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
78
|
-
className: core.cls('theme-section-tooltip__action', {
|
|
79
|
-
'theme-section-tooltip__action-limit': isLimit
|
|
80
86
|
}),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
87
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
88
|
+
className: "theme-section-tooltip__body",
|
|
89
|
+
children: [
|
|
90
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
91
|
+
className: "theme-section-tooltip__body-title",
|
|
92
|
+
children: "Create once, use everywhere with Theme Section"
|
|
93
|
+
}),
|
|
94
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
95
|
+
className: "theme-section-tooltip__body-desc",
|
|
96
|
+
children: "A global section that can be used on all your GemPages & Shopify pages."
|
|
97
|
+
})
|
|
98
|
+
]
|
|
99
|
+
}),
|
|
100
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
101
|
+
className: core.cls('theme-section-tooltip__action', {
|
|
102
|
+
'theme-section-tooltip__action-limit': isFreeLimit
|
|
85
103
|
}),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
104
|
+
children: [
|
|
105
|
+
/*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
106
|
+
onClick: (e)=>onActions(e),
|
|
107
|
+
children: actionBtnLabel
|
|
108
|
+
}),
|
|
109
|
+
isFreeLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
110
|
+
onClick: openHelpCenter,
|
|
111
|
+
"aria-hidden": true,
|
|
112
|
+
className: "theme-section-tooltip__action-learn-more",
|
|
113
|
+
children: "Learn more about Theme Section"
|
|
114
|
+
})
|
|
115
|
+
]
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
})
|
|
95
119
|
})
|
|
96
120
|
})
|
|
97
121
|
]
|
|
@@ -47,6 +47,11 @@ const createShopStoreProvider = (data)=>zustand.createStore((set)=>({
|
|
|
47
47
|
set({
|
|
48
48
|
plan
|
|
49
49
|
});
|
|
50
|
+
},
|
|
51
|
+
changeLimitCreateThemeSection: (data)=>{
|
|
52
|
+
set({
|
|
53
|
+
limitCreateThemeSection: data
|
|
54
|
+
});
|
|
50
55
|
}
|
|
51
56
|
}));
|
|
52
57
|
const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/* eslint-disable */ const ShopLibraryPageDocument = `
|
|
4
|
+
query ShopLibraryPage($shopLibraryPageId: ID!) {
|
|
5
|
+
shopLibraryPage(id: $shopLibraryPageId) {
|
|
6
|
+
id
|
|
7
|
+
name
|
|
8
|
+
sectionPosition
|
|
9
|
+
shopLibrarySections {
|
|
10
|
+
id
|
|
11
|
+
component
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
`;
|
|
16
|
+
|
|
17
|
+
exports.ShopLibraryPageDocument = ShopLibraryPageDocument;
|
|
@@ -108,6 +108,24 @@ const PreorderNowWodPresaleConfig = {
|
|
|
108
108
|
appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
|
|
109
109
|
}
|
|
110
110
|
};
|
|
111
|
+
const YotpoReviewsV3UgcConfig = {
|
|
112
|
+
YotpoReviews: {
|
|
113
|
+
appName: 'yotpo-product-reviews-ugc',
|
|
114
|
+
appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
const WhatmoreShoppableVideosreelConfig = {
|
|
118
|
+
WhatmoreShoppableVideosreel: {
|
|
119
|
+
appName: 'whatmore-shoppable-videos',
|
|
120
|
+
appId: '20db8a72-315a-4364-8885-64219ee48303'
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
const ProductOptionsCustomizerConfig = {
|
|
124
|
+
ProductOptionsCustomizer: {
|
|
125
|
+
appName: 'product-options-customizer',
|
|
126
|
+
appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
|
|
127
|
+
}
|
|
128
|
+
};
|
|
111
129
|
|
|
112
130
|
exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
|
|
113
131
|
exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
|
|
@@ -118,6 +136,7 @@ exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
|
|
|
118
136
|
exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
|
|
119
137
|
exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
|
|
120
138
|
exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
|
|
139
|
+
exports.ProductOptionsCustomizerConfig = ProductOptionsCustomizerConfig;
|
|
121
140
|
exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
|
|
122
141
|
exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
|
|
123
142
|
exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
|
|
@@ -127,3 +146,5 @@ exports.SimpleBundlesKitsConfig = SimpleBundlesKitsConfig;
|
|
|
127
146
|
exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
|
|
128
147
|
exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
|
|
129
148
|
exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;
|
|
149
|
+
exports.WhatmoreShoppableVideosreelConfig = WhatmoreShoppableVideosreelConfig;
|
|
150
|
+
exports.YotpoReviewsV3UgcConfig = YotpoReviewsV3UgcConfig;
|
|
@@ -88,6 +88,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
|
88
88
|
bundle_id: appSetting?.['customBundleId']
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
|
+
case 'PumperBundlesVolumeDiscount':
|
|
92
|
+
{
|
|
93
|
+
return {
|
|
94
|
+
...currentSetting,
|
|
95
|
+
selected_product: appSetting?.['productHandle'] || '{{ product }}'
|
|
96
|
+
};
|
|
97
|
+
}
|
|
91
98
|
default:
|
|
92
99
|
return currentSetting;
|
|
93
100
|
}
|
|
@@ -107,7 +114,7 @@ const ReviewxpoProductReviewsApp = {
|
|
|
107
114
|
const PumperBundlesVolumeDiscount = {
|
|
108
115
|
PumperBundlesVolumeDiscount: {
|
|
109
116
|
'app-block': {
|
|
110
|
-
selected_product: '{{product}}',
|
|
117
|
+
selected_product: '{{ product }}',
|
|
111
118
|
using_page_builder: false
|
|
112
119
|
}
|
|
113
120
|
}
|
|
@@ -197,7 +204,96 @@ const PreorderNowWodPresale = {
|
|
|
197
204
|
'popups-block': null
|
|
198
205
|
}
|
|
199
206
|
};
|
|
207
|
+
const YotpoReviews = {
|
|
208
|
+
YotpoReviews: {
|
|
209
|
+
reviews: {
|
|
210
|
+
product: '{{ product }}'
|
|
211
|
+
},
|
|
212
|
+
'star-rating': {
|
|
213
|
+
product: '{{ product }}'
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
};
|
|
217
|
+
const WhatmoreShoppableVideosreel = {
|
|
218
|
+
WhatmoreShoppableVideosreel: {
|
|
219
|
+
'app-block': {
|
|
220
|
+
"heading": "Watch and Buy",
|
|
221
|
+
"template-type": "template-f",
|
|
222
|
+
"show-views": "show",
|
|
223
|
+
"ui-theme": "round",
|
|
224
|
+
"color-primary": "#343434",
|
|
225
|
+
"color-secondary": "#343434",
|
|
226
|
+
"title-font": "poppins_n4",
|
|
227
|
+
"primary-font": "poppins_n4",
|
|
228
|
+
"title-font-size": 40,
|
|
229
|
+
"title-font-size-portrait": 24,
|
|
230
|
+
"landscape-padding": 40,
|
|
231
|
+
"top-bottom-padding": 20,
|
|
232
|
+
"scroll-video-tile-size": 80,
|
|
233
|
+
"scroll-video-tile-size-portrait": 80,
|
|
234
|
+
"min-height": 380
|
|
235
|
+
},
|
|
236
|
+
'app-block-banner': {
|
|
237
|
+
"template-type": "template-banner-a",
|
|
238
|
+
"ui-theme": "round",
|
|
239
|
+
"banner-video-tile-size": 80
|
|
240
|
+
},
|
|
241
|
+
'app-block-collections': {
|
|
242
|
+
"collectionHeading": "W",
|
|
243
|
+
"template-type": "template-collections-b",
|
|
244
|
+
"ui-theme": "round",
|
|
245
|
+
"color-secondary": "#343434",
|
|
246
|
+
"primary-font": "poppins_n4",
|
|
247
|
+
"tile-size": 60,
|
|
248
|
+
"tile-size-portrait": 60,
|
|
249
|
+
"min-height": 250
|
|
250
|
+
},
|
|
251
|
+
'app-block-stories': {
|
|
252
|
+
"template-type": "template-stories-a",
|
|
253
|
+
"ui-theme": "round",
|
|
254
|
+
"color-primary": "#343434",
|
|
255
|
+
"color-secondary": "#343434",
|
|
256
|
+
"primary-font": "poppins_n4",
|
|
257
|
+
"stories-top-bottom-padding": 0,
|
|
258
|
+
"story-tile-size": 40,
|
|
259
|
+
"story-tile-size-desktop": 40
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
};
|
|
263
|
+
const ProductOptionsCustomizer = {
|
|
264
|
+
ProductOptionsCustomizer: {
|
|
265
|
+
'product-page-customizer': {
|
|
266
|
+
"pc_container_size": 100,
|
|
267
|
+
"pc_show_options_total": "initial",
|
|
268
|
+
"pc_customizations_total_text": "Customizations Total:",
|
|
269
|
+
"pc_show_preloader": "hide",
|
|
270
|
+
"pc_preloader_color": "",
|
|
271
|
+
"pc_ignore_redirect_command": true,
|
|
272
|
+
"pc_basic_label_text_color": "#000000",
|
|
273
|
+
"pc_basic_label_font_size": 14,
|
|
274
|
+
"pc_basic_label_bolden": "unset",
|
|
275
|
+
"pc_basic_label_space_above": 0,
|
|
276
|
+
"pc_basic_option_background_color": "#FFFFFF",
|
|
277
|
+
"pc_basic_option_text_color": "#000000",
|
|
278
|
+
"pc_basic_option_border_color": "#000000",
|
|
279
|
+
"pc_basic_option_border_style": "solid",
|
|
280
|
+
"pc_basic_option_border_width": 1,
|
|
281
|
+
"pc_basic_option_curve_the_corners": "none",
|
|
282
|
+
"pc_basic_option_font_size": 14,
|
|
283
|
+
"pc_basic_option_bolden": "none",
|
|
284
|
+
"pc_basic_option_width": 100,
|
|
285
|
+
"pc_basic_option_space_above": 0,
|
|
286
|
+
"pc_basic_option_space_below": 0,
|
|
287
|
+
"pc_basic_option_space_inside": 10,
|
|
288
|
+
"pc_advanced_custom_css": "",
|
|
289
|
+
"pc_advanced_custom_js": "",
|
|
290
|
+
"pc_show_image_swatch_preview": false
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
};
|
|
200
294
|
const composeSettingsByWidgetType = {
|
|
295
|
+
...ProductOptionsCustomizer,
|
|
296
|
+
...WhatmoreShoppableVideosreel,
|
|
201
297
|
...JunipProductReviewsUgc,
|
|
202
298
|
...FlyBundlesUpsellsFbt,
|
|
203
299
|
...PreorderNowWodPresale,
|
|
@@ -215,7 +311,8 @@ const composeSettingsByWidgetType = {
|
|
|
215
311
|
...RechargeSubscriptions,
|
|
216
312
|
...LoyaltyRewardsReferrals,
|
|
217
313
|
...SubifySubscriptions,
|
|
218
|
-
...SelleasyWidget
|
|
314
|
+
...SelleasyWidget,
|
|
315
|
+
...YotpoReviews
|
|
219
316
|
};
|
|
220
317
|
|
|
221
318
|
exports.composeSettingsByWidgetType = composeSettingsByWidgetType;
|
|
@@ -20,7 +20,10 @@ const mapShopifyAppMeta = {
|
|
|
20
20
|
...appConfig.PreorderNowPreOrderPqConfig,
|
|
21
21
|
...appConfig.FlyBundlesUpsellsFbtConfig,
|
|
22
22
|
...appConfig.JunipProductReviewsUgcConfig,
|
|
23
|
-
...appConfig.PreorderNowWodPresaleConfig
|
|
23
|
+
...appConfig.PreorderNowWodPresaleConfig,
|
|
24
|
+
...appConfig.YotpoReviewsV3UgcConfig,
|
|
25
|
+
...appConfig.WhatmoreShoppableVideosreelConfig,
|
|
26
|
+
...appConfig.ProductOptionsCustomizerConfig
|
|
24
27
|
};
|
|
25
28
|
const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
|
|
26
29
|
|
|
@@ -58,6 +58,7 @@ const useInitialSwatchesOptions = (options)=>{
|
|
|
58
58
|
}), '*');
|
|
59
59
|
changeSwatches(swatches);
|
|
60
60
|
}
|
|
61
|
+
swatchChange = false;
|
|
61
62
|
};
|
|
62
63
|
const getColorDefault = (label, color)=>{
|
|
63
64
|
const colorByLabel = label ? variantPresets.colorPreset[label.toLocaleLowerCase()] : undefined;
|
package/dist/cjs/index.js
CHANGED
|
@@ -30,6 +30,7 @@ var LibraryTemplate_generated = require('./graphql-app-api/queries/LibraryTempla
|
|
|
30
30
|
var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated.js');
|
|
31
31
|
var SaleFunnelDiscounts_generated = require('./graphql-app-api/queries/SaleFunnelDiscounts.generated.js');
|
|
32
32
|
var LibrarySaleFunnelDiscount_generated = require('./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js');
|
|
33
|
+
var ShopLibraryPage_generated = require('./graphql-app-api/queries/ShopLibraryPage.generated.js');
|
|
33
34
|
var borders = require('./helpers/borders.js');
|
|
34
35
|
var carousel = require('./helpers/carousel.js');
|
|
35
36
|
var cls = require('./helpers/cls.js');
|
|
@@ -158,6 +159,7 @@ exports.LibraryTemplateDocument = LibraryTemplate_generated.LibraryTemplateDocum
|
|
|
158
159
|
exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
|
|
159
160
|
exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
|
|
160
161
|
exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
|
|
162
|
+
exports.ShopLibraryPageDocument = ShopLibraryPage_generated.ShopLibraryPageDocument;
|
|
161
163
|
exports.composeBorderCss = borders.composeBorderCss;
|
|
162
164
|
exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
|
|
163
165
|
exports.getBorderStyle = borders.getBorderStyle;
|
|
@@ -23,7 +23,9 @@ const LIMIT_PLANS = [
|
|
|
23
23
|
const CreateThemeSection = ({ ...props })=>{
|
|
24
24
|
const shopPlan = useShopStore((s)=>s.plan);
|
|
25
25
|
const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
|
|
26
|
-
const
|
|
26
|
+
const limitCreateThemeSection = useShopStore((s)=>s.limitCreateThemeSection);
|
|
27
|
+
const isFreeLimit = LIMIT_PLANS.includes(shopPlan ?? '');
|
|
28
|
+
const isLimit = isFreeLimit || limitCreateThemeSection?.isLimit;
|
|
27
29
|
const isRenderTooltip = isLimit || createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
|
|
28
30
|
const timeoutRef = useRef();
|
|
29
31
|
const [isShowTooltip, setIsShowTooltip] = useState(false);
|
|
@@ -64,7 +66,8 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
64
66
|
};
|
|
65
67
|
return /*#__PURE__*/ jsx(Fragment, {
|
|
66
68
|
children: /*#__PURE__*/ jsxs(ThemeSectionTooltip, {
|
|
67
|
-
|
|
69
|
+
isFreeLimit: isFreeLimit,
|
|
70
|
+
limitCreateThemeSection: limitCreateThemeSection,
|
|
68
71
|
isShow: isShowTooltip,
|
|
69
72
|
isRender: isRenderTooltip,
|
|
70
73
|
onActions: onActions,
|
|
@@ -80,7 +83,7 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
80
83
|
children: /*#__PURE__*/ jsxs("div", {
|
|
81
84
|
"data-toolbar-active-create-theme-section": true,
|
|
82
85
|
onClick: (e)=>onActions(e, {
|
|
83
|
-
disabled: isLimit
|
|
86
|
+
disabled: !!isLimit
|
|
84
87
|
}),
|
|
85
88
|
"aria-hidden": "true",
|
|
86
89
|
children: [
|
|
@@ -25,9 +25,9 @@ const transitions = {
|
|
|
25
25
|
opacity: 0
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
const ThemeSectionTooltip = ({ isShow,
|
|
28
|
+
const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
|
|
29
29
|
const nodeRef = useRef(null);
|
|
30
|
-
const actionBtnLabel =
|
|
30
|
+
const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
|
|
31
31
|
const openHelpCenter = ()=>{
|
|
32
32
|
const url = 'https://help.gempages.net/articles/theme-section';
|
|
33
33
|
window.open(url, '_blank');
|
|
@@ -44,52 +44,76 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
|
|
|
44
44
|
timeout: TRANSITION_DURATION,
|
|
45
45
|
nodeRef: nodeRef,
|
|
46
46
|
unmountOnExit: true,
|
|
47
|
-
children: (state)=>/*#__PURE__*/
|
|
47
|
+
children: (state)=>/*#__PURE__*/ jsx("div", {
|
|
48
48
|
className: "theme-section-tooltip",
|
|
49
49
|
ref: nodeRef,
|
|
50
50
|
style: {
|
|
51
51
|
...defaultStyles,
|
|
52
52
|
...transitions[state]
|
|
53
53
|
},
|
|
54
|
-
children:
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxs("div", {
|
|
55
|
+
className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
|
|
56
|
+
children: [
|
|
57
|
+
/*#__PURE__*/ jsx("div", {
|
|
58
|
+
className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
|
|
59
|
+
children: "Upgrade plan"
|
|
60
|
+
}),
|
|
61
|
+
/*#__PURE__*/ jsxs("div", {
|
|
62
|
+
className: "theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",
|
|
63
|
+
children: [
|
|
64
|
+
"You’ve reached the maximum number of theme sections on your plan (",
|
|
65
|
+
limitCreateThemeSection.total,
|
|
66
|
+
"/",
|
|
67
|
+
limitCreateThemeSection.limit,
|
|
68
|
+
")"
|
|
69
|
+
]
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ jsx("button", {
|
|
72
|
+
onClick: (e)=>onActions(e),
|
|
73
|
+
children: "Upgrade plan to create more"
|
|
60
74
|
})
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
/*#__PURE__*/ jsx("div", {
|
|
70
|
-
className: "theme-section-tooltip__body-desc",
|
|
71
|
-
children: "A global section that can be used on all your GemPages & Shopify pages."
|
|
75
|
+
]
|
|
76
|
+
}) : /*#__PURE__*/ jsxs(Fragment, {
|
|
77
|
+
children: [
|
|
78
|
+
/*#__PURE__*/ jsx("div", {
|
|
79
|
+
className: "theme-section-tooltip__image",
|
|
80
|
+
children: /*#__PURE__*/ jsx("img", {
|
|
81
|
+
src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
|
|
82
|
+
alt: ""
|
|
72
83
|
})
|
|
73
|
-
]
|
|
74
|
-
}),
|
|
75
|
-
/*#__PURE__*/ jsxs("div", {
|
|
76
|
-
className: cls('theme-section-tooltip__action', {
|
|
77
|
-
'theme-section-tooltip__action-limit': isLimit
|
|
78
84
|
}),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
85
|
+
/*#__PURE__*/ jsxs("div", {
|
|
86
|
+
className: "theme-section-tooltip__body",
|
|
87
|
+
children: [
|
|
88
|
+
/*#__PURE__*/ jsx("div", {
|
|
89
|
+
className: "theme-section-tooltip__body-title",
|
|
90
|
+
children: "Create once, use everywhere with Theme Section"
|
|
91
|
+
}),
|
|
92
|
+
/*#__PURE__*/ jsx("div", {
|
|
93
|
+
className: "theme-section-tooltip__body-desc",
|
|
94
|
+
children: "A global section that can be used on all your GemPages & Shopify pages."
|
|
95
|
+
})
|
|
96
|
+
]
|
|
97
|
+
}),
|
|
98
|
+
/*#__PURE__*/ jsxs("div", {
|
|
99
|
+
className: cls('theme-section-tooltip__action', {
|
|
100
|
+
'theme-section-tooltip__action-limit': isFreeLimit
|
|
83
101
|
}),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
102
|
+
children: [
|
|
103
|
+
/*#__PURE__*/ jsx("button", {
|
|
104
|
+
onClick: (e)=>onActions(e),
|
|
105
|
+
children: actionBtnLabel
|
|
106
|
+
}),
|
|
107
|
+
isFreeLimit && /*#__PURE__*/ jsx("div", {
|
|
108
|
+
onClick: openHelpCenter,
|
|
109
|
+
"aria-hidden": true,
|
|
110
|
+
className: "theme-section-tooltip__action-learn-more",
|
|
111
|
+
children: "Learn more about Theme Section"
|
|
112
|
+
})
|
|
113
|
+
]
|
|
114
|
+
})
|
|
115
|
+
]
|
|
116
|
+
})
|
|
93
117
|
})
|
|
94
118
|
})
|
|
95
119
|
]
|
|
@@ -45,6 +45,11 @@ const createShopStoreProvider = (data)=>createStore((set)=>({
|
|
|
45
45
|
set({
|
|
46
46
|
plan
|
|
47
47
|
});
|
|
48
|
+
},
|
|
49
|
+
changeLimitCreateThemeSection: (data)=>{
|
|
50
|
+
set({
|
|
51
|
+
limitCreateThemeSection: data
|
|
52
|
+
});
|
|
48
53
|
}
|
|
49
54
|
}));
|
|
50
55
|
const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* eslint-disable */ const ShopLibraryPageDocument = `
|
|
2
|
+
query ShopLibraryPage($shopLibraryPageId: ID!) {
|
|
3
|
+
shopLibraryPage(id: $shopLibraryPageId) {
|
|
4
|
+
id
|
|
5
|
+
name
|
|
6
|
+
sectionPosition
|
|
7
|
+
shopLibrarySections {
|
|
8
|
+
id
|
|
9
|
+
component
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
`;
|
|
14
|
+
|
|
15
|
+
export { ShopLibraryPageDocument };
|
|
@@ -106,5 +106,23 @@ const PreorderNowWodPresaleConfig = {
|
|
|
106
106
|
appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
|
|
107
107
|
}
|
|
108
108
|
};
|
|
109
|
+
const YotpoReviewsV3UgcConfig = {
|
|
110
|
+
YotpoReviews: {
|
|
111
|
+
appName: 'yotpo-product-reviews-ugc',
|
|
112
|
+
appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const WhatmoreShoppableVideosreelConfig = {
|
|
116
|
+
WhatmoreShoppableVideosreel: {
|
|
117
|
+
appName: 'whatmore-shoppable-videos',
|
|
118
|
+
appId: '20db8a72-315a-4364-8885-64219ee48303'
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
const ProductOptionsCustomizerConfig = {
|
|
122
|
+
ProductOptionsCustomizer: {
|
|
123
|
+
appName: 'product-options-customizer',
|
|
124
|
+
appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
|
|
125
|
+
}
|
|
126
|
+
};
|
|
109
127
|
|
|
110
|
-
export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
|
|
128
|
+
export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };
|