@gem-sdk/core 1.53.0-staging.4 → 1.53.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/components/ComponentToolbarPreview.js +18 -25
- 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/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/esm/components/ComponentToolbarPreview.js +18 -25
- 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/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/types/index.d.ts +25 -5
- package/package.json +2 -2
|
@@ -46,7 +46,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
46
46
|
const [parents, setParents] = react.useState([]);
|
|
47
47
|
const [deleteTooltipPosition, setDeleteTooltipPosition] = react.useState('top');
|
|
48
48
|
const [isDisableDelete, setIsUnableDelete] = react.useState(false);
|
|
49
|
-
const [
|
|
49
|
+
const [productId, setProductId] = react.useState('');
|
|
50
50
|
const [articleUid, setArticleUid] = react.useState('');
|
|
51
51
|
const [tooltipText, setTooltipText] = react.useState({
|
|
52
52
|
width: '',
|
|
@@ -58,19 +58,19 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
58
58
|
]);
|
|
59
59
|
const { checkDisableDelete, getTooltipText, checkDisableDuplicate } = useToolbarPostPurchase.usePostPurchase(props.uid, props.tag || '');
|
|
60
60
|
const editProductElementList = [
|
|
61
|
-
'
|
|
62
|
-
'
|
|
63
|
-
'
|
|
61
|
+
'ProductTitle',
|
|
62
|
+
'ProductDescription',
|
|
63
|
+
'ProductPrice'
|
|
64
64
|
];
|
|
65
65
|
const editArticleElementList = [
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
70
|
-
'
|
|
71
|
-
'
|
|
72
|
-
'
|
|
73
|
-
'
|
|
66
|
+
'ArticleTitle',
|
|
67
|
+
'ArticleContent',
|
|
68
|
+
'ArticleImage',
|
|
69
|
+
'ArticleAuthor',
|
|
70
|
+
'ArticleCategory',
|
|
71
|
+
'ArticleDate',
|
|
72
|
+
'ArticleExcerpt',
|
|
73
|
+
'ArticleTags'
|
|
74
74
|
];
|
|
75
75
|
const editAbleElementList = [
|
|
76
76
|
...editProductElementList,
|
|
@@ -106,12 +106,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
106
106
|
}, [
|
|
107
107
|
props.tag
|
|
108
108
|
]);
|
|
109
|
-
const productId = react.useMemo(()=>{
|
|
110
|
-
const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
|
|
111
|
-
return ele?.getAttribute('data-product-id');
|
|
112
|
-
}, [
|
|
113
|
-
parentProductUid
|
|
114
|
-
]);
|
|
115
109
|
const shopName = react.useMemo(()=>{
|
|
116
110
|
const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
|
|
117
111
|
if (storefrontUrl) {
|
|
@@ -144,6 +138,9 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
144
138
|
if (detail?.articleId) {
|
|
145
139
|
setArticleUid(detail.articleId);
|
|
146
140
|
}
|
|
141
|
+
if (detail?.productId) {
|
|
142
|
+
setProductId(detail.productId);
|
|
143
|
+
}
|
|
147
144
|
if (detail?.componentUid == props.uid) {
|
|
148
145
|
getDeleteTooltipPosition();
|
|
149
146
|
if (isSaleFunnelPage) {
|
|
@@ -159,10 +156,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
159
156
|
return true;
|
|
160
157
|
}).slice(0, 3);
|
|
161
158
|
setParents(currentParents);
|
|
162
|
-
const parentFindUid = currentParents.find((item)=>item.tag === 'Product')?.uid;
|
|
163
|
-
if (parentFindUid) {
|
|
164
|
-
setParentProductUid(parentFindUid);
|
|
165
|
-
}
|
|
166
159
|
} else {
|
|
167
160
|
setParents([]);
|
|
168
161
|
setIsShowParent(false);
|
|
@@ -235,11 +228,11 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
235
228
|
window.dispatchEvent(event);
|
|
236
229
|
};
|
|
237
230
|
const goToShopifyEditLink = ()=>{
|
|
238
|
-
if (editArticleElementList.includes(
|
|
231
|
+
if (editArticleElementList.includes(props.tag)) {
|
|
239
232
|
window.open(linkEditArticle, '_blank');
|
|
240
233
|
return;
|
|
241
234
|
}
|
|
242
|
-
if (editProductElementList.includes(
|
|
235
|
+
if (editProductElementList.includes(props.tag)) {
|
|
243
236
|
window.open(linkEditProduct, '_blank');
|
|
244
237
|
return;
|
|
245
238
|
}
|
|
@@ -522,7 +515,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
522
515
|
})
|
|
523
516
|
})
|
|
524
517
|
}),
|
|
525
|
-
editAbleElementList.includes(
|
|
518
|
+
editAbleElementList.includes(props.tag) && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
526
519
|
"data-toolbar-title": true,
|
|
527
520
|
enable: true,
|
|
528
521
|
"data-toolbar-disable": false,
|
|
@@ -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 })=>{
|
|
@@ -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;
|
|
@@ -42,7 +42,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
42
42
|
const [parents, setParents] = useState([]);
|
|
43
43
|
const [deleteTooltipPosition, setDeleteTooltipPosition] = useState('top');
|
|
44
44
|
const [isDisableDelete, setIsUnableDelete] = useState(false);
|
|
45
|
-
const [
|
|
45
|
+
const [productId, setProductId] = useState('');
|
|
46
46
|
const [articleUid, setArticleUid] = useState('');
|
|
47
47
|
const [tooltipText, setTooltipText] = useState({
|
|
48
48
|
width: '',
|
|
@@ -54,19 +54,19 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
54
54
|
]);
|
|
55
55
|
const { checkDisableDelete, getTooltipText, checkDisableDuplicate } = usePostPurchase(props.uid, props.tag || '');
|
|
56
56
|
const editProductElementList = [
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
57
|
+
'ProductTitle',
|
|
58
|
+
'ProductDescription',
|
|
59
|
+
'ProductPrice'
|
|
60
60
|
];
|
|
61
61
|
const editArticleElementList = [
|
|
62
|
-
'
|
|
63
|
-
'
|
|
64
|
-
'
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
62
|
+
'ArticleTitle',
|
|
63
|
+
'ArticleContent',
|
|
64
|
+
'ArticleImage',
|
|
65
|
+
'ArticleAuthor',
|
|
66
|
+
'ArticleCategory',
|
|
67
|
+
'ArticleDate',
|
|
68
|
+
'ArticleExcerpt',
|
|
69
|
+
'ArticleTags'
|
|
70
70
|
];
|
|
71
71
|
const editAbleElementList = [
|
|
72
72
|
...editProductElementList,
|
|
@@ -102,12 +102,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
102
102
|
}, [
|
|
103
103
|
props.tag
|
|
104
104
|
]);
|
|
105
|
-
const productId = useMemo(()=>{
|
|
106
|
-
const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
|
|
107
|
-
return ele?.getAttribute('data-product-id');
|
|
108
|
-
}, [
|
|
109
|
-
parentProductUid
|
|
110
|
-
]);
|
|
111
105
|
const shopName = useMemo(()=>{
|
|
112
106
|
const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
|
|
113
107
|
if (storefrontUrl) {
|
|
@@ -140,6 +134,9 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
140
134
|
if (detail?.articleId) {
|
|
141
135
|
setArticleUid(detail.articleId);
|
|
142
136
|
}
|
|
137
|
+
if (detail?.productId) {
|
|
138
|
+
setProductId(detail.productId);
|
|
139
|
+
}
|
|
143
140
|
if (detail?.componentUid == props.uid) {
|
|
144
141
|
getDeleteTooltipPosition();
|
|
145
142
|
if (isSaleFunnelPage) {
|
|
@@ -155,10 +152,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
155
152
|
return true;
|
|
156
153
|
}).slice(0, 3);
|
|
157
154
|
setParents(currentParents);
|
|
158
|
-
const parentFindUid = currentParents.find((item)=>item.tag === 'Product')?.uid;
|
|
159
|
-
if (parentFindUid) {
|
|
160
|
-
setParentProductUid(parentFindUid);
|
|
161
|
-
}
|
|
162
155
|
} else {
|
|
163
156
|
setParents([]);
|
|
164
157
|
setIsShowParent(false);
|
|
@@ -231,11 +224,11 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
231
224
|
window.dispatchEvent(event);
|
|
232
225
|
};
|
|
233
226
|
const goToShopifyEditLink = ()=>{
|
|
234
|
-
if (editArticleElementList.includes(
|
|
227
|
+
if (editArticleElementList.includes(props.tag)) {
|
|
235
228
|
window.open(linkEditArticle, '_blank');
|
|
236
229
|
return;
|
|
237
230
|
}
|
|
238
|
-
if (editProductElementList.includes(
|
|
231
|
+
if (editProductElementList.includes(props.tag)) {
|
|
239
232
|
window.open(linkEditProduct, '_blank');
|
|
240
233
|
return;
|
|
241
234
|
}
|
|
@@ -518,7 +511,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
518
511
|
})
|
|
519
512
|
})
|
|
520
513
|
}),
|
|
521
|
-
editAbleElementList.includes(
|
|
514
|
+
editAbleElementList.includes(props.tag) && /*#__PURE__*/ jsx(Tooltip, {
|
|
522
515
|
"data-toolbar-title": true,
|
|
523
516
|
enable: true,
|
|
524
517
|
"data-toolbar-disable": false,
|
|
@@ -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 })=>{
|
|
@@ -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 };
|
|
@@ -86,6 +86,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
|
86
86
|
bundle_id: appSetting?.['customBundleId']
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
|
+
case 'PumperBundlesVolumeDiscount':
|
|
90
|
+
{
|
|
91
|
+
return {
|
|
92
|
+
...currentSetting,
|
|
93
|
+
selected_product: appSetting?.['productHandle'] || '{{ product }}'
|
|
94
|
+
};
|
|
95
|
+
}
|
|
89
96
|
default:
|
|
90
97
|
return currentSetting;
|
|
91
98
|
}
|
|
@@ -105,7 +112,7 @@ const ReviewxpoProductReviewsApp = {
|
|
|
105
112
|
const PumperBundlesVolumeDiscount = {
|
|
106
113
|
PumperBundlesVolumeDiscount: {
|
|
107
114
|
'app-block': {
|
|
108
|
-
selected_product: '{{product}}',
|
|
115
|
+
selected_product: '{{ product }}',
|
|
109
116
|
using_page_builder: false
|
|
110
117
|
}
|
|
111
118
|
}
|
|
@@ -195,7 +202,96 @@ const PreorderNowWodPresale = {
|
|
|
195
202
|
'popups-block': null
|
|
196
203
|
}
|
|
197
204
|
};
|
|
205
|
+
const YotpoReviews = {
|
|
206
|
+
YotpoReviews: {
|
|
207
|
+
reviews: {
|
|
208
|
+
product: '{{ product }}'
|
|
209
|
+
},
|
|
210
|
+
'star-rating': {
|
|
211
|
+
product: '{{ product }}'
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
};
|
|
215
|
+
const WhatmoreShoppableVideosreel = {
|
|
216
|
+
WhatmoreShoppableVideosreel: {
|
|
217
|
+
'app-block': {
|
|
218
|
+
"heading": "Watch and Buy",
|
|
219
|
+
"template-type": "template-f",
|
|
220
|
+
"show-views": "show",
|
|
221
|
+
"ui-theme": "round",
|
|
222
|
+
"color-primary": "#343434",
|
|
223
|
+
"color-secondary": "#343434",
|
|
224
|
+
"title-font": "poppins_n4",
|
|
225
|
+
"primary-font": "poppins_n4",
|
|
226
|
+
"title-font-size": 40,
|
|
227
|
+
"title-font-size-portrait": 24,
|
|
228
|
+
"landscape-padding": 40,
|
|
229
|
+
"top-bottom-padding": 20,
|
|
230
|
+
"scroll-video-tile-size": 80,
|
|
231
|
+
"scroll-video-tile-size-portrait": 80,
|
|
232
|
+
"min-height": 380
|
|
233
|
+
},
|
|
234
|
+
'app-block-banner': {
|
|
235
|
+
"template-type": "template-banner-a",
|
|
236
|
+
"ui-theme": "round",
|
|
237
|
+
"banner-video-tile-size": 80
|
|
238
|
+
},
|
|
239
|
+
'app-block-collections': {
|
|
240
|
+
"collectionHeading": "W",
|
|
241
|
+
"template-type": "template-collections-b",
|
|
242
|
+
"ui-theme": "round",
|
|
243
|
+
"color-secondary": "#343434",
|
|
244
|
+
"primary-font": "poppins_n4",
|
|
245
|
+
"tile-size": 60,
|
|
246
|
+
"tile-size-portrait": 60,
|
|
247
|
+
"min-height": 250
|
|
248
|
+
},
|
|
249
|
+
'app-block-stories': {
|
|
250
|
+
"template-type": "template-stories-a",
|
|
251
|
+
"ui-theme": "round",
|
|
252
|
+
"color-primary": "#343434",
|
|
253
|
+
"color-secondary": "#343434",
|
|
254
|
+
"primary-font": "poppins_n4",
|
|
255
|
+
"stories-top-bottom-padding": 0,
|
|
256
|
+
"story-tile-size": 40,
|
|
257
|
+
"story-tile-size-desktop": 40
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
const ProductOptionsCustomizer = {
|
|
262
|
+
ProductOptionsCustomizer: {
|
|
263
|
+
'product-page-customizer': {
|
|
264
|
+
"pc_container_size": 100,
|
|
265
|
+
"pc_show_options_total": "initial",
|
|
266
|
+
"pc_customizations_total_text": "Customizations Total:",
|
|
267
|
+
"pc_show_preloader": "hide",
|
|
268
|
+
"pc_preloader_color": "",
|
|
269
|
+
"pc_ignore_redirect_command": true,
|
|
270
|
+
"pc_basic_label_text_color": "#000000",
|
|
271
|
+
"pc_basic_label_font_size": 14,
|
|
272
|
+
"pc_basic_label_bolden": "unset",
|
|
273
|
+
"pc_basic_label_space_above": 0,
|
|
274
|
+
"pc_basic_option_background_color": "#FFFFFF",
|
|
275
|
+
"pc_basic_option_text_color": "#000000",
|
|
276
|
+
"pc_basic_option_border_color": "#000000",
|
|
277
|
+
"pc_basic_option_border_style": "solid",
|
|
278
|
+
"pc_basic_option_border_width": 1,
|
|
279
|
+
"pc_basic_option_curve_the_corners": "none",
|
|
280
|
+
"pc_basic_option_font_size": 14,
|
|
281
|
+
"pc_basic_option_bolden": "none",
|
|
282
|
+
"pc_basic_option_width": 100,
|
|
283
|
+
"pc_basic_option_space_above": 0,
|
|
284
|
+
"pc_basic_option_space_below": 0,
|
|
285
|
+
"pc_basic_option_space_inside": 10,
|
|
286
|
+
"pc_advanced_custom_css": "",
|
|
287
|
+
"pc_advanced_custom_js": "",
|
|
288
|
+
"pc_show_image_swatch_preview": false
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
};
|
|
198
292
|
const composeSettingsByWidgetType = {
|
|
293
|
+
...ProductOptionsCustomizer,
|
|
294
|
+
...WhatmoreShoppableVideosreel,
|
|
199
295
|
...JunipProductReviewsUgc,
|
|
200
296
|
...FlyBundlesUpsellsFbt,
|
|
201
297
|
...PreorderNowWodPresale,
|
|
@@ -213,7 +309,8 @@ const composeSettingsByWidgetType = {
|
|
|
213
309
|
...RechargeSubscriptions,
|
|
214
310
|
...LoyaltyRewardsReferrals,
|
|
215
311
|
...SubifySubscriptions,
|
|
216
|
-
...SelleasyWidget
|
|
312
|
+
...SelleasyWidget,
|
|
313
|
+
...YotpoReviews
|
|
217
314
|
};
|
|
218
315
|
|
|
219
316
|
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 } from './appConfig.js';
|
|
1
|
+
import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig } from './appConfig.js';
|
|
2
2
|
|
|
3
3
|
const mapShopifyAppMeta = {
|
|
4
4
|
...RechargeSubscriptionsConfig,
|
|
@@ -18,7 +18,10 @@ const mapShopifyAppMeta = {
|
|
|
18
18
|
...PreorderNowPreOrderPqConfig,
|
|
19
19
|
...FlyBundlesUpsellsFbtConfig,
|
|
20
20
|
...JunipProductReviewsUgcConfig,
|
|
21
|
-
...PreorderNowWodPresaleConfig
|
|
21
|
+
...PreorderNowWodPresaleConfig,
|
|
22
|
+
...YotpoReviewsV3UgcConfig,
|
|
23
|
+
...WhatmoreShoppableVideosreelConfig,
|
|
24
|
+
...ProductOptionsCustomizerConfig
|
|
22
25
|
};
|
|
23
26
|
const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
|
|
24
27
|
|
package/dist/types/index.d.ts
CHANGED
|
@@ -5436,6 +5436,9 @@ type PublishedThemePage$1 = {
|
|
|
5436
5436
|
themePageOnlineStoreData?: Maybe$1<Array<Maybe$1<PublishedThemePageOnlineStoreData$1>>>;
|
|
5437
5437
|
type: PublishedThemePageType$1;
|
|
5438
5438
|
updatedAt?: Maybe$1<Scalars$2['Time']>;
|
|
5439
|
+
publishedAt?: Maybe$1<Scalars$2['Time']>;
|
|
5440
|
+
isPlatformDefault?: boolean;
|
|
5441
|
+
platformOriginalTemplateContent?: string;
|
|
5439
5442
|
};
|
|
5440
5443
|
type PublishedThemePageCustomSection$1 = {
|
|
5441
5444
|
id: Scalars$2['ID'];
|
|
@@ -6887,7 +6890,7 @@ type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'rec
|
|
|
6887
6890
|
type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
|
|
6888
6891
|
type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
|
|
6889
6892
|
type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
|
|
6890
|
-
type AliReviewsWidgetType = '
|
|
6893
|
+
type AliReviewsWidgetType = 'starRating' | 'reviewBox';
|
|
6891
6894
|
type OpinewWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'allReviews' | 'allReviewsBadge';
|
|
6892
6895
|
type OpinewDesignWidgetType = 'opinew_badge_wide_average' | 'opinew_badge_wide' | 'opinew_badge_small';
|
|
6893
6896
|
type UltimateSalesBoostWidgetType = 'sticker' | 'message' | 'getItByTimer' | 'buyXGetTY' | 'countdownTimer' | 'stockInventoryNumber' | 'trustBadge' | 'advancedTrustBadge';
|
|
@@ -6910,10 +6913,11 @@ type InstantKlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget
|
|
|
6910
6913
|
type StampedWidgetType = 'main-widget' | 'carousel' | 'full-page' | 'visual-gallery' | 'wall-photos' | 'site-badge' | 'instagram-feed' | 'checkout-reviews' | 'single-highlight' | 'top-rated' | 'badge-single' | 'badge-double' | 'badge-ribbon' | 'product-rating';
|
|
6911
6914
|
type LaiProductReviewsWidgetType = 'reviews_widget' | 'star_ratings' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings_in_list' | 'advanced_widget';
|
|
6912
6915
|
type LaiProductReviewsAdvancedWidgetType = 'cardCarousel' | 'testimonialCarousel' | 'mediaGallery' | 'cardGrid';
|
|
6913
|
-
type YotpoReviewsWidgetType = 'reviews' | '
|
|
6916
|
+
type YotpoReviewsWidgetType = 'reviews' | 'star-rating' | 'reviewHighlights';
|
|
6914
6917
|
type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
|
|
6915
6918
|
type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
|
|
6916
6919
|
type TagShopWidgetType = 'homeLandingGalleries' | 'productGalleries' | 'tagGalleries';
|
|
6920
|
+
type AirProductReview = 'review_box' | 'star_rating' | 'review_carousel';
|
|
6917
6921
|
|
|
6918
6922
|
type ResponsiveConfig<T> = {
|
|
6919
6923
|
desktop: {
|
|
@@ -7755,6 +7759,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
|
|
|
7755
7759
|
hiddenSetting?: {
|
|
7756
7760
|
color?: boolean;
|
|
7757
7761
|
transform?: boolean;
|
|
7762
|
+
fontWeight?: boolean;
|
|
7758
7763
|
};
|
|
7759
7764
|
disableCollapse?: boolean;
|
|
7760
7765
|
};
|
|
@@ -8138,7 +8143,11 @@ type SelectProductBundleControlType<T> = SharedControlType<T> & {
|
|
|
8138
8143
|
hide?: boolean;
|
|
8139
8144
|
};
|
|
8140
8145
|
|
|
8141
|
-
type
|
|
8146
|
+
type ProductHandleType<T> = SharedControlType<T> & {
|
|
8147
|
+
type: 'product-handle';
|
|
8148
|
+
};
|
|
8149
|
+
|
|
8150
|
+
type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
|
|
8142
8151
|
type ControlTriggerAction = {
|
|
8143
8152
|
controlId: string;
|
|
8144
8153
|
newValue?: any;
|
|
@@ -31171,6 +31180,11 @@ type ShopContextProps = {
|
|
|
31171
31180
|
maxGenerateCount?: number;
|
|
31172
31181
|
nextQuota?: number;
|
|
31173
31182
|
};
|
|
31183
|
+
limitCreateThemeSection?: {
|
|
31184
|
+
isLimit?: boolean;
|
|
31185
|
+
total?: number;
|
|
31186
|
+
limit?: number;
|
|
31187
|
+
};
|
|
31174
31188
|
changeLocale: (locale: string) => void;
|
|
31175
31189
|
changeStorefrontInfo: (args: {
|
|
31176
31190
|
url?: string;
|
|
@@ -31181,12 +31195,17 @@ type ShopContextProps = {
|
|
|
31181
31195
|
changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
|
|
31182
31196
|
changeCreateThemeSectionCount: (count: number) => void;
|
|
31183
31197
|
changeShopPlan: (plan: string) => void;
|
|
31198
|
+
changeLimitCreateThemeSection: (data: {
|
|
31199
|
+
isLimit?: boolean;
|
|
31200
|
+
total?: number;
|
|
31201
|
+
limit?: number;
|
|
31202
|
+
}) => void;
|
|
31184
31203
|
};
|
|
31185
31204
|
type ShopProviderProps = {
|
|
31186
31205
|
children: React.ReactNode;
|
|
31187
31206
|
key?: React.Key;
|
|
31188
31207
|
addons: AddonContextProps['components'];
|
|
31189
|
-
storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan'>;
|
|
31208
|
+
storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan' | 'changeLimitCreateThemeSection'>;
|
|
31190
31209
|
queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
|
|
31191
31210
|
};
|
|
31192
31211
|
declare const ShopProvider: React.FC<ShopProviderProps>;
|
|
@@ -31723,6 +31742,7 @@ declare namespace tiktokpixel {
|
|
|
31723
31742
|
};
|
|
31724
31743
|
}
|
|
31725
31744
|
|
|
31745
|
+
type CSSStateKey<T extends ShortHandProperty> = `--${T}` | `--hvr-${T}` | `--focus-${T}`;
|
|
31726
31746
|
type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
|
|
31727
31747
|
declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
|
|
31728
31748
|
declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
|
|
@@ -41415,4 +41435,4 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
|
|
|
41415
41435
|
|
|
41416
41436
|
declare const addAppBlockId: (component: Component) => Component;
|
|
41417
41437
|
|
|
41418
|
-
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, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, 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, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, 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, RawChild, 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, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, 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, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
41438
|
+
export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, 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, RawChild, 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, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, 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, useProductsQueryAll, 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.53.0-staging.
|
|
3
|
+
"version": "1.53.0-staging.45",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@gem-sdk/adapter-shopify": "1.53.0-staging.0",
|
|
31
|
-
"@gem-sdk/styles": "1.53.0-staging.
|
|
31
|
+
"@gem-sdk/styles": "1.53.0-staging.39",
|
|
32
32
|
"@types/classnames": "^2.3.1"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|