@gem-sdk/core 2.1.24 → 2.1.27-staging.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Render.liquid.js +9 -9
- package/dist/cjs/helpers/align.js +18 -0
- package/dist/cjs/helpers/layout.js +17 -0
- package/dist/cjs/helpers/third-party/appSetting.js +25 -0
- package/dist/cjs/index.js +2 -0
- package/dist/esm/components/Render.liquid.js +9 -9
- package/dist/esm/helpers/align.js +18 -1
- package/dist/esm/helpers/layout.js +17 -1
- package/dist/esm/helpers/third-party/appSetting.js +25 -0
- package/dist/esm/index.js +2 -2
- package/dist/types/index.d.ts +6 -3
- package/package.json +3 -3
|
@@ -36,7 +36,7 @@ const componentUsingAdvanced = [
|
|
|
36
36
|
'IconList',
|
|
37
37
|
'ProductVariants'
|
|
38
38
|
];
|
|
39
|
-
const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext,
|
|
39
|
+
const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyLoadImage, ...passProps })=>{
|
|
40
40
|
const item = builder[uid];
|
|
41
41
|
const Component = components[item?.tag];
|
|
42
42
|
if (!Component) {
|
|
@@ -75,7 +75,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
75
75
|
advanced: item.advanced,
|
|
76
76
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
77
77
|
pageContext,
|
|
78
|
-
|
|
78
|
+
enableLazyLoadImage,
|
|
79
79
|
...passProps,
|
|
80
80
|
builderAttrs: {
|
|
81
81
|
...passProps.builderAttrs
|
|
@@ -88,7 +88,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
88
88
|
components,
|
|
89
89
|
customProps,
|
|
90
90
|
pageContext,
|
|
91
|
-
|
|
91
|
+
enableLazyLoadImage
|
|
92
92
|
};
|
|
93
93
|
}),
|
|
94
94
|
children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
|
|
@@ -101,7 +101,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
101
101
|
customProps,
|
|
102
102
|
parentTag: item.tag,
|
|
103
103
|
pageContext,
|
|
104
|
-
|
|
104
|
+
enableLazyLoadImage
|
|
105
105
|
}))) : ''
|
|
106
106
|
});
|
|
107
107
|
}, ()=>{
|
|
@@ -117,7 +117,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
117
117
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
118
118
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
119
119
|
pageContext,
|
|
120
|
-
|
|
120
|
+
enableLazyLoadImage,
|
|
121
121
|
...passProps,
|
|
122
122
|
builderAttrs: {
|
|
123
123
|
...passProps.builderAttrs
|
|
@@ -139,7 +139,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
139
139
|
cssClass: item?.advanced?.cssClass
|
|
140
140
|
},
|
|
141
141
|
pageContext,
|
|
142
|
-
|
|
142
|
+
enableLazyLoadImage,
|
|
143
143
|
...passProps,
|
|
144
144
|
builderAttrs: {
|
|
145
145
|
...passProps.builderAttrs
|
|
@@ -152,7 +152,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
152
152
|
components,
|
|
153
153
|
customProps,
|
|
154
154
|
pageContext,
|
|
155
|
-
|
|
155
|
+
enableLazyLoadImage
|
|
156
156
|
};
|
|
157
157
|
}),
|
|
158
158
|
children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
|
|
@@ -165,7 +165,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
165
165
|
customProps,
|
|
166
166
|
parentTag: item.tag,
|
|
167
167
|
pageContext,
|
|
168
|
-
|
|
168
|
+
enableLazyLoadImage
|
|
169
169
|
}))) : ''
|
|
170
170
|
});
|
|
171
171
|
}, ()=>{
|
|
@@ -181,7 +181,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
181
181
|
cssClass: item?.advanced?.cssClass
|
|
182
182
|
},
|
|
183
183
|
pageContext,
|
|
184
|
-
|
|
184
|
+
enableLazyLoadImage,
|
|
185
185
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
186
186
|
style: componentIconList.includes(item.tag) ? style : null,
|
|
187
187
|
...passProps,
|
|
@@ -15,5 +15,23 @@ const convertTextAlignToJustify = (align)=>{
|
|
|
15
15
|
});
|
|
16
16
|
return result;
|
|
17
17
|
};
|
|
18
|
+
const getAlignmentClasses = (align)=>{
|
|
19
|
+
const breakpoints = [
|
|
20
|
+
'desktop',
|
|
21
|
+
'tablet',
|
|
22
|
+
'mobile'
|
|
23
|
+
];
|
|
24
|
+
return breakpoints.reduce((classes, bp)=>{
|
|
25
|
+
const prefix = bp === 'desktop' ? '' : `${bp}:`;
|
|
26
|
+
const alignment = align?.[bp];
|
|
27
|
+
if (alignment) {
|
|
28
|
+
classes[`${prefix}gp-justify-start`] = alignment === 'left';
|
|
29
|
+
classes[`${prefix}gp-justify-center`] = alignment === 'center';
|
|
30
|
+
classes[`${prefix}gp-justify-end`] = alignment === 'right';
|
|
31
|
+
}
|
|
32
|
+
return classes;
|
|
33
|
+
}, {});
|
|
34
|
+
};
|
|
18
35
|
|
|
19
36
|
exports.convertTextAlignToJustify = convertTextAlignToJustify;
|
|
37
|
+
exports.getAlignmentClasses = getAlignmentClasses;
|
|
@@ -52,8 +52,25 @@ const convertOldLayout = (layout)=>{
|
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
|
+
const getLayoutClasses = (layout)=>{
|
|
56
|
+
const breakpoints = [
|
|
57
|
+
'desktop',
|
|
58
|
+
'tablet',
|
|
59
|
+
'mobile'
|
|
60
|
+
];
|
|
61
|
+
return breakpoints.reduce((classes, bp)=>{
|
|
62
|
+
const prefix = bp === 'desktop' ? '' : `${bp}:`;
|
|
63
|
+
const layoutValue = layout?.[bp];
|
|
64
|
+
if (layoutValue) {
|
|
65
|
+
classes[`${prefix}gp-flex-col`] = layoutValue === 'vertical';
|
|
66
|
+
classes[`${prefix}gp-flex-row`] = layoutValue === 'horizontal';
|
|
67
|
+
}
|
|
68
|
+
return classes;
|
|
69
|
+
}, {});
|
|
70
|
+
};
|
|
55
71
|
|
|
56
72
|
exports.composeGridLayout = composeGridLayout;
|
|
57
73
|
exports.convertOldLayout = convertOldLayout;
|
|
74
|
+
exports.getLayoutClasses = getLayoutClasses;
|
|
58
75
|
exports.gridToArrayRegex = gridToArrayRegex;
|
|
59
76
|
exports.optionLayoutStyle = optionLayoutStyle;
|
|
@@ -4,6 +4,31 @@ const RechargeSubscriptions = {
|
|
|
4
4
|
RechargeSubscriptions: {
|
|
5
5
|
'subscription-widget': {
|
|
6
6
|
product: '{{ product }}'
|
|
7
|
+
},
|
|
8
|
+
'subscription-widget-v2': {
|
|
9
|
+
default_selection: 'subscription',
|
|
10
|
+
first_selection_option: 'subscription',
|
|
11
|
+
display_mode: 'normal',
|
|
12
|
+
brand_color: '#121212',
|
|
13
|
+
brand_contrast_color: '#FFFFFF',
|
|
14
|
+
selected_bg_color: '#FFFFFF',
|
|
15
|
+
selected_text_color: '#121212',
|
|
16
|
+
text_color: '#121212',
|
|
17
|
+
border_radius: 'soft',
|
|
18
|
+
subscription_with_discount_label: 'Subscribe & save',
|
|
19
|
+
subscription_without_discount_label: 'Subscribe',
|
|
20
|
+
onetime_label: 'One-time',
|
|
21
|
+
frequency_label: 'Deliver every:',
|
|
22
|
+
frequency_display_type: 'buttonGroup',
|
|
23
|
+
frequency_display_content: 'interval',
|
|
24
|
+
badge_text: 'Save up to {maxDiscount}',
|
|
25
|
+
badge_text_color: '#FFFFFF',
|
|
26
|
+
badge_bg_color: '#0F866A',
|
|
27
|
+
benefits: '<ul><li>You save {discount}</li><li>Skip, delay or cancel any time</li><li>Free shipping in the US</li><li>Renew on your timeframe</li></ul>',
|
|
28
|
+
onetime_drawbacks: '',
|
|
29
|
+
learn_more_text: 'Learn more',
|
|
30
|
+
learn_more_content: '<style>rc-learn-more-modal h1 { font-size: 40px; line-height: 48px; font-weight: 600; text-align: center; padding-bottom: 32px; margin: 0;}rc-learn-more-modal h2 { padding: 0; margin: 0; font-size: 20px; line-height: 28px; font-weight: 600;}rc-learn-more-modal p { margin: 0; padding: 0; font-size: 16px; line-height: 24px;}rc-learn-more-modal .learn-more-content { padding: 0 20px 20px;}rc-learn-more-modal .learn-more-footer button { background-color: var(--rc-widget-brand-color); color: var(--rc-widget-brand-contrast-color); border: none; border-radius: var(--rc-widget-button-radius); padding: 12px; min-width: 335px; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color 0.1s ease;}rc-learn-more-modal .learn-more-footer button:hover { background-color: var(--rc-widget-brand-color-80);}rc-learn-more-modal .learn-more-footer { display: flex; justify-content: center;}rc-learn-more-modal .learn-more-group { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px;}rc-learn-more-modal .learn-more-group-item { display: flex; gap: 32px; align-items: center;}rc-learn-more-modal .learn-more-group-icon-container { display: flex; padding: 32px; background-color: #f6f8f9; border-radius: var(--rc-widget-card-radius);}rc-learn-more-modal svg, rc-learn-more-modal img { height: 40px; width: 40px;}@media (max-width: 560px) { rc-learn-more-modal h1 { font-size: 26px; line-height: 32px; padding-bottom: 16px; }rc-learn-more-modal h2 { font-size: 16px; line-height: 24px;}rc-learn-more-modal p { font-size: 14px; line-height: 20px;}rc-learn-more-modal .learn-more-content { padding: 0;}rc-learn-more-modal svg, rc-learn-more-modal img { height: 32px; width: 32px;}rc-learn-more-modal .learn-more-group-item { gap: 16px;}rc-learn-more-modal .learn-more-group-icon-container { padding: 20px;} }</style><div class="learn-more-content">\n<h1 class="learn-more-header">Great reasons to subscribe</h1> <div class="learn-more-group"> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"><span rc-calendar-icon></span></div> <div> <h2 style="margin:0;">Flexible frequency</h2> <p style="margin:0;"> Not sure how much of something you need, or how often? Adjust quantities and frequencies any time. </p> </div> </div> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"> <span rc-bell-icon></span> </div> <div> <h2>Order reminders</h2> <p> We\'ll let you know before each shipment. Delay, reschedule or cancel if you need to - we’ll only bill you when your order ships. </p> </div> </div> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"> <span rc-phone-icon></span> </div> <div> <h2>You\'re in control</h2> <p> Add or remove subscriptions, cancel orders, and edit frequencies and quantities through our user-friendly customer portal. </p> </div> </div> </div>\n</div><div class="learn-more-footer"><button data-dismiss-modal>Got it</button></div>',
|
|
31
|
+
frequency_display_translations: '{\n\t"days": "{interval} days", \n\t"day": "{interval} day", \n\t"weeks": "{interval} weeks", \n\t"week": "{interval} week", \n\t"months": "{interval} months", \n\t"month": "{interval} month", \n\t"save": "Save {discount}"\n}'
|
|
7
32
|
}
|
|
8
33
|
}
|
|
9
34
|
};
|
package/dist/cjs/index.js
CHANGED
|
@@ -240,6 +240,7 @@ exports.composePostionIconList = iconList.composePostionIconList;
|
|
|
240
240
|
exports.isDefined = isDefined.isDefined;
|
|
241
241
|
exports.composeGridLayout = layout.composeGridLayout;
|
|
242
242
|
exports.convertOldLayout = layout.convertOldLayout;
|
|
243
|
+
exports.getLayoutClasses = layout.getLayoutClasses;
|
|
243
244
|
exports.gridToArrayRegex = layout.gridToArrayRegex;
|
|
244
245
|
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
245
246
|
exports.makeAspectRatio = makeStyle.makeAspectRatio;
|
|
@@ -256,6 +257,7 @@ exports.makeStyleState = makeStyle.makeStyleState;
|
|
|
256
257
|
exports.makeWidth = makeStyle.makeWidth;
|
|
257
258
|
exports.removeNullUndefined = makeStyle.removeNullUndefined;
|
|
258
259
|
exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
|
|
260
|
+
exports.getAlignmentClasses = align.getAlignmentClasses;
|
|
259
261
|
exports.checkInStock = variant.checkInStock;
|
|
260
262
|
exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
|
|
261
263
|
exports.getSelectedVariant = product.getSelectedVariant;
|
|
@@ -32,7 +32,7 @@ const componentUsingAdvanced = [
|
|
|
32
32
|
'IconList',
|
|
33
33
|
'ProductVariants'
|
|
34
34
|
];
|
|
35
|
-
const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext,
|
|
35
|
+
const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyLoadImage, ...passProps })=>{
|
|
36
36
|
const item = builder[uid];
|
|
37
37
|
const Component = components[item?.tag];
|
|
38
38
|
if (!Component) {
|
|
@@ -71,7 +71,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
71
71
|
advanced: item.advanced,
|
|
72
72
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
73
73
|
pageContext,
|
|
74
|
-
|
|
74
|
+
enableLazyLoadImage,
|
|
75
75
|
...passProps,
|
|
76
76
|
builderAttrs: {
|
|
77
77
|
...passProps.builderAttrs
|
|
@@ -84,7 +84,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
84
84
|
components,
|
|
85
85
|
customProps,
|
|
86
86
|
pageContext,
|
|
87
|
-
|
|
87
|
+
enableLazyLoadImage
|
|
88
88
|
};
|
|
89
89
|
}),
|
|
90
90
|
children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
|
|
@@ -97,7 +97,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
97
97
|
customProps,
|
|
98
98
|
parentTag: item.tag,
|
|
99
99
|
pageContext,
|
|
100
|
-
|
|
100
|
+
enableLazyLoadImage
|
|
101
101
|
}))) : ''
|
|
102
102
|
});
|
|
103
103
|
}, ()=>{
|
|
@@ -113,7 +113,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
113
113
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
114
114
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
115
115
|
pageContext,
|
|
116
|
-
|
|
116
|
+
enableLazyLoadImage,
|
|
117
117
|
...passProps,
|
|
118
118
|
builderAttrs: {
|
|
119
119
|
...passProps.builderAttrs
|
|
@@ -135,7 +135,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
135
135
|
cssClass: item?.advanced?.cssClass
|
|
136
136
|
},
|
|
137
137
|
pageContext,
|
|
138
|
-
|
|
138
|
+
enableLazyLoadImage,
|
|
139
139
|
...passProps,
|
|
140
140
|
builderAttrs: {
|
|
141
141
|
...passProps.builderAttrs
|
|
@@ -148,7 +148,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
148
148
|
components,
|
|
149
149
|
customProps,
|
|
150
150
|
pageContext,
|
|
151
|
-
|
|
151
|
+
enableLazyLoadImage
|
|
152
152
|
};
|
|
153
153
|
}),
|
|
154
154
|
children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
|
|
@@ -161,7 +161,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
161
161
|
customProps,
|
|
162
162
|
parentTag: item.tag,
|
|
163
163
|
pageContext,
|
|
164
|
-
|
|
164
|
+
enableLazyLoadImage
|
|
165
165
|
}))) : ''
|
|
166
166
|
});
|
|
167
167
|
}, ()=>{
|
|
@@ -177,7 +177,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
177
177
|
cssClass: item?.advanced?.cssClass
|
|
178
178
|
},
|
|
179
179
|
pageContext,
|
|
180
|
-
|
|
180
|
+
enableLazyLoadImage,
|
|
181
181
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
182
182
|
style: componentIconList.includes(item.tag) ? style : null,
|
|
183
183
|
...passProps,
|
|
@@ -13,5 +13,22 @@ const convertTextAlignToJustify = (align)=>{
|
|
|
13
13
|
});
|
|
14
14
|
return result;
|
|
15
15
|
};
|
|
16
|
+
const getAlignmentClasses = (align)=>{
|
|
17
|
+
const breakpoints = [
|
|
18
|
+
'desktop',
|
|
19
|
+
'tablet',
|
|
20
|
+
'mobile'
|
|
21
|
+
];
|
|
22
|
+
return breakpoints.reduce((classes, bp)=>{
|
|
23
|
+
const prefix = bp === 'desktop' ? '' : `${bp}:`;
|
|
24
|
+
const alignment = align?.[bp];
|
|
25
|
+
if (alignment) {
|
|
26
|
+
classes[`${prefix}gp-justify-start`] = alignment === 'left';
|
|
27
|
+
classes[`${prefix}gp-justify-center`] = alignment === 'center';
|
|
28
|
+
classes[`${prefix}gp-justify-end`] = alignment === 'right';
|
|
29
|
+
}
|
|
30
|
+
return classes;
|
|
31
|
+
}, {});
|
|
32
|
+
};
|
|
16
33
|
|
|
17
|
-
export { convertTextAlignToJustify };
|
|
34
|
+
export { convertTextAlignToJustify, getAlignmentClasses };
|
|
@@ -50,5 +50,21 @@ const convertOldLayout = (layout)=>{
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
|
+
const getLayoutClasses = (layout)=>{
|
|
54
|
+
const breakpoints = [
|
|
55
|
+
'desktop',
|
|
56
|
+
'tablet',
|
|
57
|
+
'mobile'
|
|
58
|
+
];
|
|
59
|
+
return breakpoints.reduce((classes, bp)=>{
|
|
60
|
+
const prefix = bp === 'desktop' ? '' : `${bp}:`;
|
|
61
|
+
const layoutValue = layout?.[bp];
|
|
62
|
+
if (layoutValue) {
|
|
63
|
+
classes[`${prefix}gp-flex-col`] = layoutValue === 'vertical';
|
|
64
|
+
classes[`${prefix}gp-flex-row`] = layoutValue === 'horizontal';
|
|
65
|
+
}
|
|
66
|
+
return classes;
|
|
67
|
+
}, {});
|
|
68
|
+
};
|
|
53
69
|
|
|
54
|
-
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle };
|
|
70
|
+
export { composeGridLayout, convertOldLayout, getLayoutClasses, gridToArrayRegex, optionLayoutStyle };
|
|
@@ -2,6 +2,31 @@ const RechargeSubscriptions = {
|
|
|
2
2
|
RechargeSubscriptions: {
|
|
3
3
|
'subscription-widget': {
|
|
4
4
|
product: '{{ product }}'
|
|
5
|
+
},
|
|
6
|
+
'subscription-widget-v2': {
|
|
7
|
+
default_selection: 'subscription',
|
|
8
|
+
first_selection_option: 'subscription',
|
|
9
|
+
display_mode: 'normal',
|
|
10
|
+
brand_color: '#121212',
|
|
11
|
+
brand_contrast_color: '#FFFFFF',
|
|
12
|
+
selected_bg_color: '#FFFFFF',
|
|
13
|
+
selected_text_color: '#121212',
|
|
14
|
+
text_color: '#121212',
|
|
15
|
+
border_radius: 'soft',
|
|
16
|
+
subscription_with_discount_label: 'Subscribe & save',
|
|
17
|
+
subscription_without_discount_label: 'Subscribe',
|
|
18
|
+
onetime_label: 'One-time',
|
|
19
|
+
frequency_label: 'Deliver every:',
|
|
20
|
+
frequency_display_type: 'buttonGroup',
|
|
21
|
+
frequency_display_content: 'interval',
|
|
22
|
+
badge_text: 'Save up to {maxDiscount}',
|
|
23
|
+
badge_text_color: '#FFFFFF',
|
|
24
|
+
badge_bg_color: '#0F866A',
|
|
25
|
+
benefits: '<ul><li>You save {discount}</li><li>Skip, delay or cancel any time</li><li>Free shipping in the US</li><li>Renew on your timeframe</li></ul>',
|
|
26
|
+
onetime_drawbacks: '',
|
|
27
|
+
learn_more_text: 'Learn more',
|
|
28
|
+
learn_more_content: '<style>rc-learn-more-modal h1 { font-size: 40px; line-height: 48px; font-weight: 600; text-align: center; padding-bottom: 32px; margin: 0;}rc-learn-more-modal h2 { padding: 0; margin: 0; font-size: 20px; line-height: 28px; font-weight: 600;}rc-learn-more-modal p { margin: 0; padding: 0; font-size: 16px; line-height: 24px;}rc-learn-more-modal .learn-more-content { padding: 0 20px 20px;}rc-learn-more-modal .learn-more-footer button { background-color: var(--rc-widget-brand-color); color: var(--rc-widget-brand-contrast-color); border: none; border-radius: var(--rc-widget-button-radius); padding: 12px; min-width: 335px; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color 0.1s ease;}rc-learn-more-modal .learn-more-footer button:hover { background-color: var(--rc-widget-brand-color-80);}rc-learn-more-modal .learn-more-footer { display: flex; justify-content: center;}rc-learn-more-modal .learn-more-group { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px;}rc-learn-more-modal .learn-more-group-item { display: flex; gap: 32px; align-items: center;}rc-learn-more-modal .learn-more-group-icon-container { display: flex; padding: 32px; background-color: #f6f8f9; border-radius: var(--rc-widget-card-radius);}rc-learn-more-modal svg, rc-learn-more-modal img { height: 40px; width: 40px;}@media (max-width: 560px) { rc-learn-more-modal h1 { font-size: 26px; line-height: 32px; padding-bottom: 16px; }rc-learn-more-modal h2 { font-size: 16px; line-height: 24px;}rc-learn-more-modal p { font-size: 14px; line-height: 20px;}rc-learn-more-modal .learn-more-content { padding: 0;}rc-learn-more-modal svg, rc-learn-more-modal img { height: 32px; width: 32px;}rc-learn-more-modal .learn-more-group-item { gap: 16px;}rc-learn-more-modal .learn-more-group-icon-container { padding: 20px;} }</style><div class="learn-more-content">\n<h1 class="learn-more-header">Great reasons to subscribe</h1> <div class="learn-more-group"> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"><span rc-calendar-icon></span></div> <div> <h2 style="margin:0;">Flexible frequency</h2> <p style="margin:0;"> Not sure how much of something you need, or how often? Adjust quantities and frequencies any time. </p> </div> </div> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"> <span rc-bell-icon></span> </div> <div> <h2>Order reminders</h2> <p> We\'ll let you know before each shipment. Delay, reschedule or cancel if you need to - we’ll only bill you when your order ships. </p> </div> </div> <div class="learn-more-group-item"> <div class="learn-more-group-icon-container"> <span rc-phone-icon></span> </div> <div> <h2>You\'re in control</h2> <p> Add or remove subscriptions, cancel orders, and edit frequencies and quantities through our user-friendly customer portal. </p> </div> </div> </div>\n</div><div class="learn-more-footer"><button data-dismiss-modal>Got it</button></div>',
|
|
29
|
+
frequency_display_translations: '{\n\t"days": "{interval} days", \n\t"day": "{interval} day", \n\t"weeks": "{interval} weeks", \n\t"week": "{interval} week", \n\t"months": "{interval} months", \n\t"month": "{interval} month", \n\t"save": "Save {discount}"\n}'
|
|
5
30
|
}
|
|
6
31
|
}
|
|
7
32
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -63,9 +63,9 @@ export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
|
|
|
63
63
|
export { convertHTML } from './helpers/covert-entities-html.js';
|
|
64
64
|
export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
|
|
65
65
|
export { isDefined } from './helpers/is-defined.js';
|
|
66
|
-
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
66
|
+
export { composeGridLayout, convertOldLayout, getLayoutClasses, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
67
67
|
export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
|
|
68
|
-
export { convertTextAlignToJustify } from './helpers/align.js';
|
|
68
|
+
export { convertTextAlignToJustify, getAlignmentClasses } from './helpers/align.js';
|
|
69
69
|
export { checkInStock } from './helpers/variant.js';
|
|
70
70
|
export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
|
|
71
71
|
export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -8883,6 +8883,7 @@ type PageContext = {
|
|
|
8883
8883
|
pageType?: string;
|
|
8884
8884
|
isTranslateWithLocale?: boolean;
|
|
8885
8885
|
sectionName?: string;
|
|
8886
|
+
isOptimizePlan?: boolean;
|
|
8886
8887
|
};
|
|
8887
8888
|
type OnlyOne<T, U> = (T & {
|
|
8888
8889
|
[K in keyof U]?: never;
|
|
@@ -35914,10 +35915,10 @@ type Props = {
|
|
|
35914
35915
|
components: Record<string, any>;
|
|
35915
35916
|
extraFiles?: ExtraFiles;
|
|
35916
35917
|
pageContext?: PageContext;
|
|
35917
|
-
|
|
35918
|
+
enableLazyLoadImage?: boolean;
|
|
35918
35919
|
[key: string]: any;
|
|
35919
35920
|
};
|
|
35920
|
-
declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext,
|
|
35921
|
+
declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, enableLazyLoadImage, ...passProps }: Props) => {
|
|
35921
35922
|
liquid: string;
|
|
35922
35923
|
extraFiles: ExtraFiles;
|
|
35923
35924
|
};
|
|
@@ -41493,8 +41494,10 @@ declare const gridToArrayRegex: RegExp;
|
|
|
41493
41494
|
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
41494
41495
|
declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
|
|
41495
41496
|
declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
|
|
41497
|
+
declare const getLayoutClasses: (layout: Partial<Record<NameDevices$1, string>> | undefined) => Record<string, boolean>;
|
|
41496
41498
|
|
|
41497
41499
|
declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
|
|
41500
|
+
declare const getAlignmentClasses: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
|
|
41498
41501
|
|
|
41499
41502
|
declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
|
|
41500
41503
|
|
|
@@ -45021,4 +45024,4 @@ declare const useInteraction: () => {
|
|
|
45021
45024
|
interactionListenerLoaded: (callback: () => void) => void;
|
|
45022
45025
|
};
|
|
45023
45026
|
|
|
45024
|
-
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, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, 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, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs$1 as QueryPublishedShopMetasArgs, 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, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, 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, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStyleShadow, 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, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
45027
|
+
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, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, 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, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs$1 as QueryPublishedShopMetasArgs, 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, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, 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, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStyleShadow, 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, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/core",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.27-staging.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"type-check": "yarn tsc --noEmit"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@gem-sdk/adapter-shopify": "2.1.0",
|
|
31
|
-
"@gem-sdk/styles": "2.1.0",
|
|
30
|
+
"@gem-sdk/adapter-shopify": "2.1.27-staging.0",
|
|
31
|
+
"@gem-sdk/styles": "2.1.27-staging.0",
|
|
32
32
|
"@types/classnames": "^2.3.1"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|