@gem-sdk/core 1.37.1 → 1.37.4
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 +2 -2
- package/dist/cjs/helpers/render.js +5 -0
- package/dist/cjs/helpers/typography.js +2 -2
- package/dist/cjs/hooks/useAnimations.js +1 -1
- package/dist/cjs/hooks/useProduct.js +2 -2
- package/dist/cjs/index.js +88 -87
- package/dist/esm/components/Render.liquid.js +2 -2
- package/dist/esm/helpers/render.js +5 -1
- package/dist/esm/helpers/typography.js +2 -2
- package/dist/esm/hooks/useAnimations.js +1 -1
- package/dist/esm/hooks/useProduct.js +2 -2
- package/dist/esm/index.js +21 -21
- package/dist/types/index.d.ts +258 -257
- package/package.json +1 -1
|
@@ -13,9 +13,9 @@ require('vanilla-lazyload');
|
|
|
13
13
|
require('../hooks/useCartUI.js');
|
|
14
14
|
require('react-transition-group');
|
|
15
15
|
require('@gem-sdk/core');
|
|
16
|
-
var render = require('../helpers/render.js');
|
|
17
|
-
var convert = require('../helpers/convert.js');
|
|
18
16
|
var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
|
|
17
|
+
var convert = require('../helpers/convert.js');
|
|
18
|
+
var render = require('../helpers/render.js');
|
|
19
19
|
var constant = require('./constant.js');
|
|
20
20
|
|
|
21
21
|
const componentsRenderWithParentId = [
|
|
@@ -62,10 +62,15 @@ const template = (strings, ...keys)=>{
|
|
|
62
62
|
};
|
|
63
63
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
64
64
|
const composeMemo = (fn, _)=>fn();
|
|
65
|
+
const removeUndefinedValuesFromObject = (obj)=>{
|
|
66
|
+
Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
|
|
67
|
+
return obj;
|
|
68
|
+
};
|
|
65
69
|
|
|
66
70
|
exports.RenderIf = RenderIf;
|
|
67
71
|
exports.composeMemo = composeMemo;
|
|
68
72
|
exports.dataStringify = dataStringify;
|
|
69
73
|
exports.props = props;
|
|
74
|
+
exports.removeUndefinedValuesFromObject = removeUndefinedValuesFromObject;
|
|
70
75
|
exports.styles = styles;
|
|
71
76
|
exports.template = template;
|
|
@@ -27,10 +27,10 @@ const composeTypographyV2Css = (typography, isImportant)=>{
|
|
|
27
27
|
return `
|
|
28
28
|
${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
|
|
29
29
|
${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
|
|
30
|
-
${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
30
|
+
${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
31
31
|
${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
|
|
32
32
|
${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
|
|
33
|
-
${italic ? `font-style: italic${composeImportant};` : ''}
|
|
33
|
+
${italic ? `font-style: italic ${composeImportant};` : ''}
|
|
34
34
|
${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
|
|
35
35
|
${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
|
|
36
36
|
`;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var animations = require('../helpers/animations.js');
|
|
3
4
|
require('react');
|
|
4
5
|
require('react/jsx-runtime');
|
|
5
6
|
require('zustand');
|
|
@@ -10,7 +11,6 @@ require('vanilla-lazyload');
|
|
|
10
11
|
require('./useCartUI.js');
|
|
11
12
|
require('react-transition-group');
|
|
12
13
|
require('@gem-sdk/core');
|
|
13
|
-
var animations = require('../helpers/animations.js');
|
|
14
14
|
require('../helpers/convert.js');
|
|
15
15
|
|
|
16
16
|
const useAnimations = ()=>{
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('react');
|
|
4
4
|
var ProductContext = require('../contexts/ProductContext.js');
|
|
5
|
-
var flattenConnection = require('../helpers/flatten-connection.js');
|
|
6
5
|
require('react/jsx-runtime');
|
|
7
6
|
require('zustand');
|
|
8
7
|
require('swr');
|
|
@@ -13,8 +12,9 @@ require('./useCartUI.js');
|
|
|
13
12
|
var variant = require('../helpers/variant.js');
|
|
14
13
|
require('react-transition-group');
|
|
15
14
|
require('@gem-sdk/core');
|
|
16
|
-
var
|
|
15
|
+
var flattenConnection = require('../helpers/flatten-connection.js');
|
|
17
16
|
require('../helpers/convert.js');
|
|
17
|
+
var product = require('../helpers/product.js');
|
|
18
18
|
|
|
19
19
|
const useUniqProductID = ()=>{
|
|
20
20
|
return ProductContext.useProductStore((s)=>s.uiqueId);
|
package/dist/cjs/index.js
CHANGED
|
@@ -27,40 +27,40 @@ var previewPage_generated = require('./graphql/queries/preview-page.generated.js
|
|
|
27
27
|
var borders = require('./helpers/borders.js');
|
|
28
28
|
var carousel = require('./helpers/carousel.js');
|
|
29
29
|
var cls = require('./helpers/cls.js');
|
|
30
|
+
var animations = require('./helpers/animations.js');
|
|
31
|
+
var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
|
|
30
32
|
var flattenConnection = require('./helpers/flatten-connection.js');
|
|
31
33
|
var getResonsiveValue = require('./helpers/get-resonsive-value.js');
|
|
32
34
|
var getShortname = require('./helpers/get-shortname.js');
|
|
33
35
|
var GlobalEvent = require('./helpers/GlobalEvent.js');
|
|
34
36
|
var isBrowser = require('./helpers/is-browser.js');
|
|
35
|
-
var isSafari = require('./helpers/is-safari.js');
|
|
36
37
|
var isEmptyChildren = require('./helpers/is-empty-children.js');
|
|
37
|
-
var
|
|
38
|
-
var animations = require('./helpers/animations.js');
|
|
39
|
-
var makeStyle = require('./helpers/make-style.js');
|
|
38
|
+
var isSafari = require('./helpers/is-safari.js');
|
|
40
39
|
var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
|
|
41
40
|
var prefetchQueries = require('./helpers/prefetch-queries.js');
|
|
42
|
-
var
|
|
43
|
-
var loadScript = require('./helpers/load-script.js');
|
|
44
|
-
var email = require('./helpers/email.js');
|
|
45
|
-
var cssVariable = require('./helpers/css-variable.js');
|
|
46
|
-
var layout = require('./helpers/layout.js');
|
|
47
|
-
var isDefined = require('./helpers/is-defined.js');
|
|
41
|
+
var background = require('./helpers/background.js');
|
|
48
42
|
var colors = require('./helpers/colors.js');
|
|
49
|
-
var
|
|
50
|
-
var
|
|
43
|
+
var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
|
|
44
|
+
var convert = require('./helpers/convert.js');
|
|
45
|
+
var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
|
|
46
|
+
var iconList = require('./helpers/icon-list.js');
|
|
47
|
+
var isDefined = require('./helpers/is-defined.js');
|
|
48
|
+
var layout = require('./helpers/layout.js');
|
|
49
|
+
var makeStyle = require('./helpers/make-style.js');
|
|
51
50
|
var product = require('./helpers/product.js');
|
|
51
|
+
var query = require('./helpers/query.js');
|
|
52
|
+
var radius = require('./helpers/radius.js');
|
|
53
|
+
var render = require('./helpers/render.js');
|
|
54
|
+
var shadow = require('./helpers/shadow.js');
|
|
55
|
+
var size = require('./helpers/size.js');
|
|
56
|
+
var typography = require('./helpers/typography.js');
|
|
57
|
+
var email = require('./helpers/email.js');
|
|
58
|
+
var loadScript = require('./helpers/load-script.js');
|
|
59
|
+
var spacing = require('./helpers/spacing.js');
|
|
60
|
+
var cssVariable = require('./helpers/css-variable.js');
|
|
52
61
|
var fpixel = require('./helpers/tracking/fpixel.js');
|
|
53
62
|
var gtag = require('./helpers/tracking/gtag.js');
|
|
54
63
|
var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
|
|
55
|
-
var render = require('./helpers/render.js');
|
|
56
|
-
var convert = require('./helpers/convert.js');
|
|
57
|
-
var size = require('./helpers/size.js');
|
|
58
|
-
var shadow = require('./helpers/shadow.js');
|
|
59
|
-
var background = require('./helpers/background.js');
|
|
60
|
-
var query = require('./helpers/query.js');
|
|
61
|
-
var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
|
|
62
|
-
var iconList = require('./helpers/icon-list.js');
|
|
63
|
-
var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
|
|
64
64
|
var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
|
|
65
65
|
var useCartData = require('./hooks/cart/use-cart-data.js');
|
|
66
66
|
var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
|
|
@@ -150,6 +150,8 @@ exports.getCarouselContainerHeight = carousel.getCarouselContainerHeight;
|
|
|
150
150
|
exports.makeContainerWidthOrHeight = carousel.makeContainerWidthOrHeight;
|
|
151
151
|
exports.makeDotGapToCarouselStyle = carousel.makeDotGapToCarouselStyle;
|
|
152
152
|
exports.cls = cls.cls;
|
|
153
|
+
exports.animations = animations.animations;
|
|
154
|
+
exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
|
|
153
155
|
exports.flattenConnection = flattenConnection.flattenConnection;
|
|
154
156
|
exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
|
|
155
157
|
exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
|
|
@@ -158,35 +160,17 @@ exports.isColumnDirectionExist = getResonsiveValue.isColumnDirectionExist;
|
|
|
158
160
|
exports.getShortName = getShortname.getShortName;
|
|
159
161
|
exports.globalEvent = GlobalEvent.default;
|
|
160
162
|
exports.isBrowser = isBrowser.default;
|
|
161
|
-
exports.isSafari = isSafari.default;
|
|
162
163
|
exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
|
|
163
|
-
exports.
|
|
164
|
-
exports.animations = animations.animations;
|
|
165
|
-
exports.makeAspectRatio = makeStyle.makeAspectRatio;
|
|
166
|
-
exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
|
|
167
|
-
exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
|
|
168
|
-
exports.makeHeight = makeStyle.makeHeight;
|
|
169
|
-
exports.makeLineClamp = makeStyle.makeLineClamp;
|
|
170
|
-
exports.makeStyle = makeStyle.makeStyle;
|
|
171
|
-
exports.makeStyleKey = makeStyle.makeStyleKey;
|
|
172
|
-
exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
|
|
173
|
-
exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
|
|
174
|
-
exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
|
|
175
|
-
exports.makeStyleState = makeStyle.makeStyleState;
|
|
176
|
-
exports.makeWidth = makeStyle.makeWidth;
|
|
177
|
-
exports.removeNullUndefined = makeStyle.removeNullUndefined;
|
|
164
|
+
exports.isSafari = isSafari.default;
|
|
178
165
|
exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
|
|
179
166
|
exports.prefetchQueries = prefetchQueries.prefetchQueries;
|
|
180
|
-
exports.
|
|
181
|
-
exports.
|
|
182
|
-
exports.
|
|
183
|
-
exports.
|
|
184
|
-
exports.
|
|
185
|
-
exports.
|
|
186
|
-
exports.
|
|
187
|
-
exports.gridToArrayRegex = layout.gridToArrayRegex;
|
|
188
|
-
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
189
|
-
exports.isDefined = isDefined.isDefined;
|
|
167
|
+
exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
|
|
168
|
+
exports.composeBackgroundCss = background.composeBackgroundCss;
|
|
169
|
+
exports.getBgImageByDevice = background.getBgImageByDevice;
|
|
170
|
+
exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
|
|
171
|
+
exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
|
|
172
|
+
exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
|
|
173
|
+
exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
|
|
190
174
|
exports.composeTextColorCss = colors.composeTextColorCss;
|
|
191
175
|
exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
|
|
192
176
|
exports.getGlobalColorClass = colors.getGlobalColorClass;
|
|
@@ -201,15 +185,41 @@ exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
|
|
|
201
185
|
exports.getGlobalColorStyle = colors.getGlobalColorStyle;
|
|
202
186
|
exports.getSingleColorVariable = colors.getSingleColorVariable;
|
|
203
187
|
exports.isColor = colors.isColor;
|
|
204
|
-
exports.
|
|
205
|
-
exports.
|
|
206
|
-
exports.
|
|
207
|
-
exports.
|
|
208
|
-
exports.
|
|
209
|
-
exports.
|
|
210
|
-
exports.
|
|
211
|
-
exports.
|
|
212
|
-
exports.
|
|
188
|
+
exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
|
|
189
|
+
exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
|
|
190
|
+
exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
|
|
191
|
+
exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
|
|
192
|
+
exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
|
|
193
|
+
exports.splitStyle = composeAdvanceStyle.splitStyle;
|
|
194
|
+
exports.baseAssetURL = convert.baseAssetURL;
|
|
195
|
+
exports.isLocalEnv = convert.isLocalEnv;
|
|
196
|
+
exports.convertHTML = covertEntitiesHtml.convertHTML;
|
|
197
|
+
exports.composePositionLineHeight = iconList.composePositionLineHeight;
|
|
198
|
+
exports.composePostionIconList = iconList.composePostionIconList;
|
|
199
|
+
exports.isDefined = isDefined.isDefined;
|
|
200
|
+
exports.composeGridLayout = layout.composeGridLayout;
|
|
201
|
+
exports.convertOldLayout = layout.convertOldLayout;
|
|
202
|
+
exports.gridToArrayRegex = layout.gridToArrayRegex;
|
|
203
|
+
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
204
|
+
exports.makeAspectRatio = makeStyle.makeAspectRatio;
|
|
205
|
+
exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
|
|
206
|
+
exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
|
|
207
|
+
exports.makeHeight = makeStyle.makeHeight;
|
|
208
|
+
exports.makeLineClamp = makeStyle.makeLineClamp;
|
|
209
|
+
exports.makeStyle = makeStyle.makeStyle;
|
|
210
|
+
exports.makeStyleKey = makeStyle.makeStyleKey;
|
|
211
|
+
exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
|
|
212
|
+
exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
|
|
213
|
+
exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
|
|
214
|
+
exports.makeStyleState = makeStyle.makeStyleState;
|
|
215
|
+
exports.makeWidth = makeStyle.makeWidth;
|
|
216
|
+
exports.removeNullUndefined = makeStyle.removeNullUndefined;
|
|
217
|
+
exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
|
|
218
|
+
exports.getSelectedVariant = product.getSelectedVariant;
|
|
219
|
+
exports.parseSelectedOption = product.parseSelectedOption;
|
|
220
|
+
exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
|
|
221
|
+
exports.generateProductQueryKey = query.generateProductQueryKey;
|
|
222
|
+
exports.generateProductsQueryKey = query.generateProductsQueryKey;
|
|
213
223
|
exports.composeCornerCss = radius.composeCornerCss;
|
|
214
224
|
exports.composeRadius = radius.composeRadius;
|
|
215
225
|
exports.composeRadiusResponsive = radius.composeRadiusResponsive;
|
|
@@ -217,20 +227,17 @@ exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
|
|
|
217
227
|
exports.getCustomRadius = radius.getCustomRadius;
|
|
218
228
|
exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
|
|
219
229
|
exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
|
|
220
|
-
exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
|
|
221
|
-
exports.getSelectedVariant = product.getSelectedVariant;
|
|
222
|
-
exports.parseSelectedOption = product.parseSelectedOption;
|
|
223
|
-
exports.fpixel = fpixel;
|
|
224
|
-
exports.gtag = gtag;
|
|
225
|
-
exports.tiktokpixel = tiktokpixel;
|
|
226
230
|
exports.RenderIf = render.RenderIf;
|
|
227
231
|
exports.composeMemo = render.composeMemo;
|
|
228
232
|
exports.dataStringify = render.dataStringify;
|
|
229
233
|
exports.props = render.props;
|
|
234
|
+
exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject;
|
|
230
235
|
exports.styles = render.styles;
|
|
231
236
|
exports.template = render.template;
|
|
232
|
-
exports.
|
|
233
|
-
exports.
|
|
237
|
+
exports.composeShadowCss = shadow.composeShadowCss;
|
|
238
|
+
exports.getStyleShadow = shadow.getStyleShadow;
|
|
239
|
+
exports.getStyleShadowState = shadow.getStyleShadowState;
|
|
240
|
+
exports.parseValueWithUnit = shadow.parseValueWithUnit;
|
|
234
241
|
exports.composeSize = size.composeSize;
|
|
235
242
|
exports.composeSizeCss = size.composeSizeCss;
|
|
236
243
|
exports.genSizeClass = size.genSizeClass;
|
|
@@ -242,29 +249,23 @@ exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
|
|
|
242
249
|
exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
|
|
243
250
|
exports.makeGlobalSize = size.makeGlobalSize;
|
|
244
251
|
exports.makeStyleWithDefault = size.makeStyleWithDefault;
|
|
245
|
-
exports.
|
|
246
|
-
exports.
|
|
247
|
-
exports.
|
|
248
|
-
exports.
|
|
249
|
-
exports.
|
|
250
|
-
exports.
|
|
251
|
-
exports.
|
|
252
|
-
exports.
|
|
253
|
-
exports.
|
|
254
|
-
exports.
|
|
255
|
-
exports.
|
|
256
|
-
exports.
|
|
257
|
-
exports.
|
|
258
|
-
exports.
|
|
259
|
-
exports.
|
|
260
|
-
exports.
|
|
261
|
-
exports.
|
|
262
|
-
exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
|
|
263
|
-
exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
|
|
264
|
-
exports.splitStyle = composeAdvanceStyle.splitStyle;
|
|
265
|
-
exports.composePositionLineHeight = iconList.composePositionLineHeight;
|
|
266
|
-
exports.composePostionIconList = iconList.composePostionIconList;
|
|
267
|
-
exports.convertHTML = covertEntitiesHtml.convertHTML;
|
|
252
|
+
exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
|
|
253
|
+
exports.composeTypography = typography.composeTypography;
|
|
254
|
+
exports.composeTypographyAttr = typography.composeTypographyAttr;
|
|
255
|
+
exports.composeTypographyClassName = typography.composeTypographyClassName;
|
|
256
|
+
exports.composeTypographyCss = typography.composeTypographyCss;
|
|
257
|
+
exports.composeTypographyStyle = typography.composeTypographyStyle;
|
|
258
|
+
exports.composeTypographyV2 = typography.composeTypographyV2;
|
|
259
|
+
exports.composeTypographyV2Css = typography.composeTypographyV2Css;
|
|
260
|
+
exports.genTypoClass = typography.genTypoClass;
|
|
261
|
+
exports.validateEmail = email.validateEmail;
|
|
262
|
+
exports.loadScript = loadScript.loadScript;
|
|
263
|
+
exports.composeSpacing = spacing.composeSpacing;
|
|
264
|
+
exports.getSpacingVariable = spacing.getSpacingVariable;
|
|
265
|
+
exports.genVariable = cssVariable.genVariable;
|
|
266
|
+
exports.fpixel = fpixel;
|
|
267
|
+
exports.gtag = gtag;
|
|
268
|
+
exports.tiktokpixel = tiktokpixel;
|
|
268
269
|
exports.useAddToCart = useAddToCart.useAddToCart;
|
|
269
270
|
exports.useCartData = useCartData.useCartData;
|
|
270
271
|
exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
|
|
@@ -9,9 +9,9 @@ import 'vanilla-lazyload';
|
|
|
9
9
|
import '../hooks/useCartUI.js';
|
|
10
10
|
import 'react-transition-group';
|
|
11
11
|
import '@gem-sdk/core';
|
|
12
|
-
import { RenderIf, template } from '../helpers/render.js';
|
|
13
|
-
import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
|
|
14
12
|
import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
|
|
13
|
+
import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
|
|
14
|
+
import { RenderIf, template } from '../helpers/render.js';
|
|
15
15
|
import { disableWrap, customRenderChildren } from './constant.js';
|
|
16
16
|
|
|
17
17
|
const componentsRenderWithParentId = [
|
|
@@ -60,5 +60,9 @@ const template = (strings, ...keys)=>{
|
|
|
60
60
|
};
|
|
61
61
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
62
62
|
const composeMemo = (fn, _)=>fn();
|
|
63
|
+
const removeUndefinedValuesFromObject = (obj)=>{
|
|
64
|
+
Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
|
|
65
|
+
return obj;
|
|
66
|
+
};
|
|
63
67
|
|
|
64
|
-
export { RenderIf, composeMemo, dataStringify, props, styles, template };
|
|
68
|
+
export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template };
|
|
@@ -25,10 +25,10 @@ const composeTypographyV2Css = (typography, isImportant)=>{
|
|
|
25
25
|
return `
|
|
26
26
|
${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
|
|
27
27
|
${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
|
|
28
|
-
${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
28
|
+
${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
29
29
|
${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
|
|
30
30
|
${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
|
|
31
|
-
${italic ? `font-style: italic${composeImportant};` : ''}
|
|
31
|
+
${italic ? `font-style: italic ${composeImportant};` : ''}
|
|
32
32
|
${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
|
|
33
33
|
${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
|
|
34
34
|
`;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { animations } from '../helpers/animations.js';
|
|
1
2
|
import 'react';
|
|
2
3
|
import 'react/jsx-runtime';
|
|
3
4
|
import 'zustand';
|
|
@@ -8,7 +9,6 @@ import 'vanilla-lazyload';
|
|
|
8
9
|
import './useCartUI.js';
|
|
9
10
|
import 'react-transition-group';
|
|
10
11
|
import '@gem-sdk/core';
|
|
11
|
-
import { animations } from '../helpers/animations.js';
|
|
12
12
|
import '../helpers/convert.js';
|
|
13
13
|
|
|
14
14
|
const useAnimations = ()=>{
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useCallback, useEffect, useMemo } from 'react';
|
|
2
2
|
import { useProductStore } from '../contexts/ProductContext.js';
|
|
3
|
-
import { flattenConnection } from '../helpers/flatten-connection.js';
|
|
4
3
|
import 'react/jsx-runtime';
|
|
5
4
|
import 'zustand';
|
|
6
5
|
import 'swr';
|
|
@@ -11,8 +10,9 @@ import './useCartUI.js';
|
|
|
11
10
|
import { checkInStock } from '../helpers/variant.js';
|
|
12
11
|
import 'react-transition-group';
|
|
13
12
|
import '@gem-sdk/core';
|
|
14
|
-
import {
|
|
13
|
+
import { flattenConnection } from '../helpers/flatten-connection.js';
|
|
15
14
|
import '../helpers/convert.js';
|
|
15
|
+
import { getSelectedVariant } from '../helpers/product.js';
|
|
16
16
|
|
|
17
17
|
const useUniqProductID = ()=>{
|
|
18
18
|
return useProductStore((s)=>s.uiqueId);
|
package/dist/esm/index.js
CHANGED
|
@@ -25,43 +25,43 @@ export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js
|
|
|
25
25
|
export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
|
|
26
26
|
export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
|
|
27
27
|
export { cls } from './helpers/cls.js';
|
|
28
|
+
export { animations } from './helpers/animations.js';
|
|
29
|
+
export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
|
|
28
30
|
export { flattenConnection } from './helpers/flatten-connection.js';
|
|
29
31
|
export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, isColumnDirectionExist } from './helpers/get-resonsive-value.js';
|
|
30
32
|
export { getShortName } from './helpers/get-shortname.js';
|
|
31
33
|
export { default as globalEvent } from './helpers/GlobalEvent.js';
|
|
32
34
|
export { default as isBrowser } from './helpers/is-browser.js';
|
|
33
|
-
export { default as isSafari } from './helpers/is-safari.js';
|
|
34
35
|
export { isEmptyChildren } from './helpers/is-empty-children.js';
|
|
35
|
-
export {
|
|
36
|
-
export { animations } from './helpers/animations.js';
|
|
37
|
-
export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
|
|
36
|
+
export { default as isSafari } from './helpers/is-safari.js';
|
|
38
37
|
export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
|
|
39
38
|
export { prefetchQueries } from './helpers/prefetch-queries.js';
|
|
40
|
-
export {
|
|
41
|
-
export { loadScript } from './helpers/load-script.js';
|
|
42
|
-
export { validateEmail } from './helpers/email.js';
|
|
43
|
-
export { genVariable } from './helpers/css-variable.js';
|
|
44
|
-
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
45
|
-
export { isDefined } from './helpers/is-defined.js';
|
|
39
|
+
export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
|
|
46
40
|
export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
|
|
47
|
-
export {
|
|
48
|
-
export {
|
|
41
|
+
export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
|
|
42
|
+
export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
|
|
43
|
+
export { convertHTML } from './helpers/covert-entities-html.js';
|
|
44
|
+
export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
|
|
45
|
+
export { isDefined } from './helpers/is-defined.js';
|
|
46
|
+
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
47
|
+
export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
|
|
49
48
|
export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
|
|
49
|
+
export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
|
|
50
|
+
export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
|
|
51
|
+
export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
|
|
52
|
+
export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
|
|
53
|
+
export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
|
|
54
|
+
export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
|
|
55
|
+
export { validateEmail } from './helpers/email.js';
|
|
56
|
+
export { loadScript } from './helpers/load-script.js';
|
|
57
|
+
export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
|
|
58
|
+
export { genVariable } from './helpers/css-variable.js';
|
|
50
59
|
import * as fpixel from './helpers/tracking/fpixel.js';
|
|
51
60
|
export { fpixel };
|
|
52
61
|
import * as gtag from './helpers/tracking/gtag.js';
|
|
53
62
|
export { gtag };
|
|
54
63
|
import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
|
|
55
64
|
export { tiktokpixel };
|
|
56
|
-
export { RenderIf, composeMemo, dataStringify, props, styles, template } from './helpers/render.js';
|
|
57
|
-
export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
|
|
58
|
-
export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
|
|
59
|
-
export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
|
|
60
|
-
export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
|
|
61
|
-
export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
|
|
62
|
-
export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
|
|
63
|
-
export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
|
|
64
|
-
export { convertHTML } from './helpers/covert-entities-html.js';
|
|
65
65
|
export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
|
|
66
66
|
export { useCartData } from './hooks/cart/use-cart-data.js';
|
|
67
67
|
export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -8228,6 +8228,15 @@ type ClassValue = ClassDictionary | string | null | undefined;
|
|
|
8228
8228
|
type ClassDictionary = Record<string, boolean | undefined | null>;
|
|
8229
8229
|
declare function cls(...classes: ClassValue[]): string;
|
|
8230
8230
|
|
|
8231
|
+
declare const animations: () => {
|
|
8232
|
+
zoom: (target: Element, options: AnimationSettingType) => Animation;
|
|
8233
|
+
shake: (target: Element, options: AnimationSettingType) => Animation;
|
|
8234
|
+
fade: (target: Element, options: AnimationSettingType) => Animation;
|
|
8235
|
+
slide: (target: Element, options: AnimationSettingType) => Animation;
|
|
8236
|
+
};
|
|
8237
|
+
|
|
8238
|
+
declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
|
|
8239
|
+
|
|
8231
8240
|
/**
|
|
8232
8241
|
* The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
|
|
8233
8242
|
*/
|
|
@@ -8248,43 +8257,9 @@ declare const globalEvent: {
|
|
|
8248
8257
|
|
|
8249
8258
|
declare function isBrowser(): boolean;
|
|
8250
8259
|
|
|
8251
|
-
declare function isSafari(): boolean;
|
|
8252
|
-
|
|
8253
8260
|
declare const isEmptyChildren: (children: React.ReactNode) => boolean;
|
|
8254
8261
|
|
|
8255
|
-
declare
|
|
8256
|
-
|
|
8257
|
-
declare const animations: () => {
|
|
8258
|
-
zoom: (target: Element, options: AnimationSettingType) => Animation;
|
|
8259
|
-
shake: (target: Element, options: AnimationSettingType) => Animation;
|
|
8260
|
-
fade: (target: Element, options: AnimationSettingType) => Animation;
|
|
8261
|
-
slide: (target: Element, options: AnimationSettingType) => Animation;
|
|
8262
|
-
};
|
|
8263
|
-
|
|
8264
|
-
type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
|
|
8265
|
-
declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
|
|
8266
|
-
declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
|
|
8267
|
-
declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
|
|
8268
|
-
[k: string]: Record<`--${T}`, K>;
|
|
8269
|
-
};
|
|
8270
|
-
declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
|
|
8271
|
-
declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
|
|
8272
|
-
declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
|
|
8273
|
-
declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
|
|
8274
|
-
declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
8275
|
-
declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
8276
|
-
'--w': string | undefined;
|
|
8277
|
-
'--w-tablet': string | undefined;
|
|
8278
|
-
'--w-mobile': string | undefined;
|
|
8279
|
-
};
|
|
8280
|
-
declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
8281
|
-
'--h': string | undefined;
|
|
8282
|
-
'--h-tablet': string | undefined;
|
|
8283
|
-
'--h-mobile': string | undefined;
|
|
8284
|
-
};
|
|
8285
|
-
declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
8286
|
-
declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
|
|
8287
|
-
declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
8262
|
+
declare function isSafari(): boolean;
|
|
8288
8263
|
|
|
8289
8264
|
declare function normalizeBuilderData(data: BuilderEntityNested): {
|
|
8290
8265
|
[x: string]: BuilderEntity;
|
|
@@ -8301,24 +8276,26 @@ declare const prefetchQueries: (input: BuilderState, options?: {
|
|
|
8301
8276
|
isStorefront?: boolean;
|
|
8302
8277
|
}) => Result[];
|
|
8303
8278
|
|
|
8304
|
-
|
|
8305
|
-
|
|
8306
|
-
|
|
8307
|
-
|
|
8308
|
-
|
|
8309
|
-
|
|
8310
|
-
|
|
8311
|
-
|
|
8312
|
-
declare const
|
|
8313
|
-
|
|
8314
|
-
|
|
8315
|
-
|
|
8316
|
-
|
|
8317
|
-
|
|
8318
|
-
|
|
8319
|
-
|
|
8320
|
-
|
|
8321
|
-
declare
|
|
8279
|
+
type Devices = 'desktop' | 'tablet' | 'mobile';
|
|
8280
|
+
type Options = {
|
|
8281
|
+
liquid?: boolean;
|
|
8282
|
+
ignoreBgAttachment?: boolean;
|
|
8283
|
+
ignoreBackgroundImage?: boolean;
|
|
8284
|
+
};
|
|
8285
|
+
declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
|
|
8286
|
+
declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
|
|
8287
|
+
declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
|
|
8288
|
+
declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
|
|
8289
|
+
wrapper: {
|
|
8290
|
+
[x: string]: string;
|
|
8291
|
+
};
|
|
8292
|
+
content: {
|
|
8293
|
+
[x: string]: string | undefined;
|
|
8294
|
+
};
|
|
8295
|
+
} | undefined;
|
|
8296
|
+
declare const GRADIENT_BGR_KEY = "linear-gradient";
|
|
8297
|
+
declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
|
|
8298
|
+
declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
|
|
8322
8299
|
|
|
8323
8300
|
type ColorType = 'bg' | 'text' | 'border' | 'decoration';
|
|
8324
8301
|
type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
|
|
@@ -8337,16 +8314,10 @@ declare function isColor(color: string): boolean;
|
|
|
8337
8314
|
declare const getGlobalColorStyle: (data?: ColorValueType) => React.CSSProperties;
|
|
8338
8315
|
declare const composeTextColorCss: (color?: ColorValueType) => string;
|
|
8339
8316
|
|
|
8340
|
-
type
|
|
8341
|
-
declare
|
|
8342
|
-
declare const
|
|
8343
|
-
declare const
|
|
8344
|
-
declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
|
|
8345
|
-
declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
8346
|
-
declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
8347
|
-
declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
|
|
8348
|
-
declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
|
|
8349
|
-
declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
|
|
8317
|
+
type AdvanceValue = Primitive | ObjectDevices<Primitive>;
|
|
8318
|
+
declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
|
|
8319
|
+
declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
|
|
8320
|
+
declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
|
|
8350
8321
|
[x: string]: any;
|
|
8351
8322
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
8352
8323
|
'--hvr-ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -9841,182 +9812,7 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
|
|
|
9841
9812
|
textAnchor?: csstype.Property.TextAnchor | undefined;
|
|
9842
9813
|
vectorEffect?: csstype.Property.VectorEffect | undefined;
|
|
9843
9814
|
};
|
|
9844
|
-
|
|
9845
|
-
declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
|
|
9846
|
-
declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
|
|
9847
|
-
declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
|
|
9848
|
-
declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
|
|
9849
|
-
declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
|
|
9850
|
-
declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
|
|
9851
|
-
declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
|
|
9852
|
-
|
|
9853
|
-
declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe<VariantSelectFragment>;
|
|
9854
|
-
declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
|
|
9855
|
-
declare function checkAvailableVariantInStock(variants: Maybe<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
|
|
9856
|
-
|
|
9857
|
-
declare const pageview$1: () => void;
|
|
9858
|
-
declare const event: (name: string, options?: {}) => void;
|
|
9859
|
-
declare const addToCart$2: (product: ProductInputAnalytic) => void;
|
|
9860
|
-
|
|
9861
|
-
declare const fpixel_event: typeof event;
|
|
9862
|
-
declare namespace fpixel {
|
|
9863
|
-
export {
|
|
9864
|
-
addToCart$2 as addToCart,
|
|
9865
|
-
fpixel_event as event,
|
|
9866
|
-
pageview$1 as pageview,
|
|
9867
|
-
};
|
|
9868
|
-
}
|
|
9869
|
-
|
|
9870
|
-
declare const pageview: (url: string, trackingId?: string | null) => void;
|
|
9871
|
-
/** Addition to cart events
|
|
9872
|
-
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
|
|
9873
|
-
*/
|
|
9874
|
-
declare const addToCart$1: (product: ProductInputAnalytic) => void;
|
|
9875
|
-
/** Product clicked event
|
|
9876
|
-
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
|
|
9877
|
-
*/
|
|
9878
|
-
declare const productClick: (product: ProductInputAnalytic) => void;
|
|
9879
|
-
/** Product viewed event
|
|
9880
|
-
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
|
|
9881
|
-
*/
|
|
9882
|
-
declare const productDetail: (product: ProductInputAnalytic) => void;
|
|
9883
|
-
/** Removal from cart events
|
|
9884
|
-
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
|
|
9885
|
-
*/
|
|
9886
|
-
declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
|
|
9887
|
-
|
|
9888
|
-
declare const gtag_pageview: typeof pageview;
|
|
9889
|
-
declare const gtag_productClick: typeof productClick;
|
|
9890
|
-
declare const gtag_productDetail: typeof productDetail;
|
|
9891
|
-
declare const gtag_removeFromCart: typeof removeFromCart;
|
|
9892
|
-
declare namespace gtag {
|
|
9893
|
-
export {
|
|
9894
|
-
addToCart$1 as addToCart,
|
|
9895
|
-
gtag_pageview as pageview,
|
|
9896
|
-
gtag_productClick as productClick,
|
|
9897
|
-
gtag_productDetail as productDetail,
|
|
9898
|
-
gtag_removeFromCart as removeFromCart,
|
|
9899
|
-
};
|
|
9900
|
-
}
|
|
9901
|
-
|
|
9902
|
-
declare const addToCart: (product: ProductInputAnalytic) => void;
|
|
9903
|
-
|
|
9904
|
-
declare const tiktokpixel_addToCart: typeof addToCart;
|
|
9905
|
-
declare namespace tiktokpixel {
|
|
9906
|
-
export {
|
|
9907
|
-
tiktokpixel_addToCart as addToCart,
|
|
9908
|
-
};
|
|
9909
|
-
}
|
|
9910
|
-
|
|
9911
|
-
type CallbackCondition = () => string;
|
|
9912
|
-
declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
|
|
9913
|
-
declare const props: (strings: any, ...keys: any[]) => string;
|
|
9914
|
-
declare const styles: (strings: any, ...keys: any[]) => string;
|
|
9915
|
-
declare const dataStringify: (obj: object) => string;
|
|
9916
|
-
declare const template: (strings: any, ...keys: any[]) => string;
|
|
9917
|
-
declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
|
|
9918
|
-
|
|
9919
|
-
declare const isLocalEnv: boolean;
|
|
9920
|
-
declare const baseAssetURL: string;
|
|
9921
|
-
|
|
9922
|
-
declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
|
|
9923
|
-
declare function genSizeClass(name: string): string;
|
|
9924
|
-
declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
|
|
9925
|
-
declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
9926
|
-
width: Record<ResponsiveKey<"w">, string | number>;
|
|
9927
|
-
height: Record<ResponsiveKey<"h">, string | number>;
|
|
9928
|
-
padding: React.CSSProperties;
|
|
9929
|
-
gap: {
|
|
9930
|
-
'--gg': string | undefined;
|
|
9931
|
-
'--gg-tablet': string | undefined;
|
|
9932
|
-
'--gg-mobile': string | undefined;
|
|
9933
|
-
};
|
|
9934
|
-
};
|
|
9935
|
-
declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
9936
|
-
'--gg': string | undefined;
|
|
9937
|
-
'--gg-tablet': string | undefined;
|
|
9938
|
-
'--gg-mobile': string | undefined;
|
|
9939
|
-
};
|
|
9940
|
-
declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
|
|
9941
|
-
declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
|
|
9942
|
-
declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
|
|
9943
|
-
declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
|
|
9944
|
-
declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
|
|
9945
|
-
declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
|
|
9946
|
-
|
|
9947
|
-
declare const parseValueWithUnit: (valueWithUnit: string) => any;
|
|
9948
|
-
declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
|
|
9949
|
-
[x: string]: string;
|
|
9950
|
-
};
|
|
9951
|
-
declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
|
|
9952
|
-
declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
|
|
9953
|
-
hasBoxShadow?: boolean | undefined;
|
|
9954
|
-
boxShadowValue?: ShadowProps | undefined;
|
|
9955
|
-
important?: boolean | undefined;
|
|
9956
|
-
}) => string | undefined;
|
|
9957
|
-
|
|
9958
|
-
type Devices = 'desktop' | 'tablet' | 'mobile';
|
|
9959
|
-
type Options = {
|
|
9960
|
-
liquid?: boolean;
|
|
9961
|
-
ignoreBgAttachment?: boolean;
|
|
9962
|
-
ignoreBackgroundImage?: boolean;
|
|
9963
|
-
};
|
|
9964
|
-
declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
|
|
9965
|
-
declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
|
|
9966
|
-
declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
|
|
9967
|
-
declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
|
|
9968
|
-
wrapper: {
|
|
9969
|
-
[x: string]: string;
|
|
9970
|
-
};
|
|
9971
|
-
content: {
|
|
9972
|
-
[x: string]: string | undefined;
|
|
9973
|
-
};
|
|
9974
|
-
} | undefined;
|
|
9975
|
-
declare const GRADIENT_BGR_KEY = "linear-gradient";
|
|
9976
|
-
declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
|
|
9977
|
-
declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
|
|
9978
|
-
|
|
9979
|
-
type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
|
|
9980
|
-
type FetchCollectionArgs = {
|
|
9981
|
-
id?: string;
|
|
9982
|
-
numberOfProducts?: number;
|
|
9983
|
-
orderBy?: OrderByType;
|
|
9984
|
-
isSample?: boolean;
|
|
9985
|
-
isStorefront?: boolean;
|
|
9986
|
-
};
|
|
9987
|
-
declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
|
|
9988
|
-
declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
|
|
9989
|
-
|
|
9990
|
-
type FetchProductParams = {
|
|
9991
|
-
id?: string;
|
|
9992
|
-
isSample?: boolean;
|
|
9993
|
-
isStorefront?: boolean;
|
|
9994
|
-
};
|
|
9995
|
-
declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
|
|
9996
|
-
type RequiredCursorEdge<T> = {
|
|
9997
|
-
cursor: string;
|
|
9998
|
-
node?: T;
|
|
9999
|
-
};
|
|
10000
|
-
declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
|
|
10001
|
-
declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
|
|
10002
|
-
node?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
|
|
10003
|
-
})[]>;
|
|
10004
|
-
|
|
10005
|
-
type FetchProductsParams = {
|
|
10006
|
-
ids: string[];
|
|
10007
|
-
isSample?: boolean;
|
|
10008
|
-
isStorefront?: boolean;
|
|
10009
|
-
defaultSelectedProductCount?: number;
|
|
10010
|
-
};
|
|
10011
|
-
|
|
10012
|
-
declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
|
|
10013
|
-
declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
|
|
10014
|
-
declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
|
|
10015
|
-
|
|
10016
|
-
type AdvanceValue = Primitive | ObjectDevices<Primitive>;
|
|
10017
|
-
declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
|
|
10018
|
-
declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
|
|
10019
|
-
declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
|
|
9815
|
+
declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
|
|
10020
9816
|
[x: string]: any;
|
|
10021
9817
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
10022
9818
|
'--hvr-ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -11511,7 +11307,7 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
|
|
|
11511
11307
|
textAnchor?: csstype.Property.TextAnchor | undefined;
|
|
11512
11308
|
vectorEffect?: csstype.Property.VectorEffect | undefined;
|
|
11513
11309
|
};
|
|
11514
|
-
declare const
|
|
11310
|
+
declare const filterCornerInStyle: (style?: React.CSSProperties) => {
|
|
11515
11311
|
[x: string]: any;
|
|
11516
11312
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
11517
11313
|
'--hvr-ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -13006,7 +12802,7 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
|
|
|
13006
12802
|
textAnchor?: csstype.Property.TextAnchor | undefined;
|
|
13007
12803
|
vectorEffect?: csstype.Property.VectorEffect | undefined;
|
|
13008
12804
|
};
|
|
13009
|
-
declare const
|
|
12805
|
+
declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
|
|
13010
12806
|
[x: string]: any;
|
|
13011
12807
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
13012
12808
|
'--hvr-ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -14501,7 +14297,163 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
|
|
|
14501
14297
|
textAnchor?: csstype.Property.TextAnchor | undefined;
|
|
14502
14298
|
vectorEffect?: csstype.Property.VectorEffect | undefined;
|
|
14503
14299
|
};
|
|
14504
|
-
|
|
14300
|
+
|
|
14301
|
+
declare const isLocalEnv: boolean;
|
|
14302
|
+
declare const baseAssetURL: string;
|
|
14303
|
+
|
|
14304
|
+
declare const convertHTML: (str: string) => string;
|
|
14305
|
+
|
|
14306
|
+
type NameDevices = 'desktop' | 'tablet' | 'mobile';
|
|
14307
|
+
|
|
14308
|
+
type PostionType = {
|
|
14309
|
+
wrapper?: Record<string, string | number>;
|
|
14310
|
+
content?: Record<string, string | number>;
|
|
14311
|
+
};
|
|
14312
|
+
declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
|
|
14313
|
+
declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
|
|
14314
|
+
compose: PostionType;
|
|
14315
|
+
lineHeight: string;
|
|
14316
|
+
device: NameDevices;
|
|
14317
|
+
position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
|
|
14318
|
+
iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
|
|
14319
|
+
}) => void;
|
|
14320
|
+
|
|
14321
|
+
declare function isDefined<T>(argument: T | undefined): argument is T;
|
|
14322
|
+
|
|
14323
|
+
declare const gridToArrayRegex: RegExp;
|
|
14324
|
+
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
14325
|
+
declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
|
|
14326
|
+
declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
|
|
14327
|
+
|
|
14328
|
+
type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
|
|
14329
|
+
declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
|
|
14330
|
+
declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
|
|
14331
|
+
declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
|
|
14332
|
+
[k: string]: Record<`--${T}`, K>;
|
|
14333
|
+
};
|
|
14334
|
+
declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
|
|
14335
|
+
declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
|
|
14336
|
+
declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
|
|
14337
|
+
declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
|
|
14338
|
+
declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
14339
|
+
declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
14340
|
+
'--w': string | undefined;
|
|
14341
|
+
'--w-tablet': string | undefined;
|
|
14342
|
+
'--w-mobile': string | undefined;
|
|
14343
|
+
};
|
|
14344
|
+
declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
14345
|
+
'--h': string | undefined;
|
|
14346
|
+
'--h-tablet': string | undefined;
|
|
14347
|
+
'--h-mobile': string | undefined;
|
|
14348
|
+
};
|
|
14349
|
+
declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
14350
|
+
declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
|
|
14351
|
+
declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
|
|
14352
|
+
|
|
14353
|
+
declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe<VariantSelectFragment>;
|
|
14354
|
+
declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
|
|
14355
|
+
declare function checkAvailableVariantInStock(variants: Maybe<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
|
|
14356
|
+
|
|
14357
|
+
type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
|
|
14358
|
+
type FetchCollectionArgs = {
|
|
14359
|
+
id?: string;
|
|
14360
|
+
numberOfProducts?: number;
|
|
14361
|
+
orderBy?: OrderByType;
|
|
14362
|
+
isSample?: boolean;
|
|
14363
|
+
isStorefront?: boolean;
|
|
14364
|
+
};
|
|
14365
|
+
declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
|
|
14366
|
+
declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
|
|
14367
|
+
|
|
14368
|
+
type FetchProductParams = {
|
|
14369
|
+
id?: string;
|
|
14370
|
+
isSample?: boolean;
|
|
14371
|
+
isStorefront?: boolean;
|
|
14372
|
+
};
|
|
14373
|
+
declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
|
|
14374
|
+
type RequiredCursorEdge<T> = {
|
|
14375
|
+
cursor: string;
|
|
14376
|
+
node?: T;
|
|
14377
|
+
};
|
|
14378
|
+
declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
|
|
14379
|
+
declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
|
|
14380
|
+
node?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
|
|
14381
|
+
})[]>;
|
|
14382
|
+
|
|
14383
|
+
type FetchProductsParams = {
|
|
14384
|
+
ids: string[];
|
|
14385
|
+
isSample?: boolean;
|
|
14386
|
+
isStorefront?: boolean;
|
|
14387
|
+
defaultSelectedProductCount?: number;
|
|
14388
|
+
};
|
|
14389
|
+
|
|
14390
|
+
declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
|
|
14391
|
+
declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
|
|
14392
|
+
declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
|
|
14393
|
+
|
|
14394
|
+
declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
|
|
14395
|
+
declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
|
|
14396
|
+
declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
|
|
14397
|
+
declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
|
|
14398
|
+
declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
|
|
14399
|
+
declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
|
|
14400
|
+
declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
|
|
14401
|
+
|
|
14402
|
+
type CallbackCondition = () => string;
|
|
14403
|
+
declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
|
|
14404
|
+
declare const props: (strings: any, ...keys: any[]) => string;
|
|
14405
|
+
declare const styles: (strings: any, ...keys: any[]) => string;
|
|
14406
|
+
declare const dataStringify: (obj: object) => string;
|
|
14407
|
+
declare const template: (strings: any, ...keys: any[]) => string;
|
|
14408
|
+
declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
|
|
14409
|
+
declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
|
|
14410
|
+
|
|
14411
|
+
declare const parseValueWithUnit: (valueWithUnit: string) => any;
|
|
14412
|
+
declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
|
|
14413
|
+
[x: string]: string;
|
|
14414
|
+
};
|
|
14415
|
+
declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
|
|
14416
|
+
declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
|
|
14417
|
+
hasBoxShadow?: boolean | undefined;
|
|
14418
|
+
boxShadowValue?: ShadowProps | undefined;
|
|
14419
|
+
important?: boolean | undefined;
|
|
14420
|
+
}) => string | undefined;
|
|
14421
|
+
|
|
14422
|
+
declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
|
|
14423
|
+
declare function genSizeClass(name: string): string;
|
|
14424
|
+
declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
|
|
14425
|
+
declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
14426
|
+
width: Record<ResponsiveKey<"w">, string | number>;
|
|
14427
|
+
height: Record<ResponsiveKey<"h">, string | number>;
|
|
14428
|
+
padding: React.CSSProperties;
|
|
14429
|
+
gap: {
|
|
14430
|
+
'--gg': string | undefined;
|
|
14431
|
+
'--gg-tablet': string | undefined;
|
|
14432
|
+
'--gg-mobile': string | undefined;
|
|
14433
|
+
};
|
|
14434
|
+
};
|
|
14435
|
+
declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
|
|
14436
|
+
'--gg': string | undefined;
|
|
14437
|
+
'--gg-tablet': string | undefined;
|
|
14438
|
+
'--gg-mobile': string | undefined;
|
|
14439
|
+
};
|
|
14440
|
+
declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
|
|
14441
|
+
declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
|
|
14442
|
+
declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
|
|
14443
|
+
declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
|
|
14444
|
+
declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
|
|
14445
|
+
declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
|
|
14446
|
+
|
|
14447
|
+
type TypographyClass = `gp-g-${TypographyType}`;
|
|
14448
|
+
declare const genTypoClass: (name: TypographyType) => TypographyClass;
|
|
14449
|
+
declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
|
|
14450
|
+
declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
|
|
14451
|
+
declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
|
|
14452
|
+
declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
14453
|
+
declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
14454
|
+
declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
|
|
14455
|
+
declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
|
|
14456
|
+
declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
|
|
14505
14457
|
[x: string]: any;
|
|
14506
14458
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
14507
14459
|
'--hvr-ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -15997,22 +15949,71 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
|
|
|
15997
15949
|
vectorEffect?: csstype.Property.VectorEffect | undefined;
|
|
15998
15950
|
};
|
|
15999
15951
|
|
|
16000
|
-
|
|
15952
|
+
declare const validateEmail: (email: string) => boolean;
|
|
16001
15953
|
|
|
16002
|
-
|
|
16003
|
-
|
|
16004
|
-
|
|
16005
|
-
}
|
|
16006
|
-
declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
|
|
16007
|
-
declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
|
|
16008
|
-
compose: PostionType;
|
|
16009
|
-
lineHeight: string;
|
|
16010
|
-
device: NameDevices;
|
|
16011
|
-
position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
|
|
16012
|
-
iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
|
|
16013
|
-
}) => void;
|
|
15954
|
+
declare function loadScript(src: string, options?: {
|
|
15955
|
+
module?: boolean;
|
|
15956
|
+
in?: 'head' | 'body';
|
|
15957
|
+
}): Promise<boolean>;
|
|
16014
15958
|
|
|
16015
|
-
declare
|
|
15959
|
+
declare function getSpacingVariable(key?: SpacingType): string;
|
|
15960
|
+
declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
|
|
15961
|
+
|
|
15962
|
+
declare const genVariable: (variableName: string) => string;
|
|
15963
|
+
|
|
15964
|
+
declare const pageview$1: () => void;
|
|
15965
|
+
declare const event: (name: string, options?: {}) => void;
|
|
15966
|
+
declare const addToCart$2: (product: ProductInputAnalytic) => void;
|
|
15967
|
+
|
|
15968
|
+
declare const fpixel_event: typeof event;
|
|
15969
|
+
declare namespace fpixel {
|
|
15970
|
+
export {
|
|
15971
|
+
addToCart$2 as addToCart,
|
|
15972
|
+
fpixel_event as event,
|
|
15973
|
+
pageview$1 as pageview,
|
|
15974
|
+
};
|
|
15975
|
+
}
|
|
15976
|
+
|
|
15977
|
+
declare const pageview: (url: string, trackingId?: string | null) => void;
|
|
15978
|
+
/** Addition to cart events
|
|
15979
|
+
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
|
|
15980
|
+
*/
|
|
15981
|
+
declare const addToCart$1: (product: ProductInputAnalytic) => void;
|
|
15982
|
+
/** Product clicked event
|
|
15983
|
+
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
|
|
15984
|
+
*/
|
|
15985
|
+
declare const productClick: (product: ProductInputAnalytic) => void;
|
|
15986
|
+
/** Product viewed event
|
|
15987
|
+
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
|
|
15988
|
+
*/
|
|
15989
|
+
declare const productDetail: (product: ProductInputAnalytic) => void;
|
|
15990
|
+
/** Removal from cart events
|
|
15991
|
+
* https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
|
|
15992
|
+
*/
|
|
15993
|
+
declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
|
|
15994
|
+
|
|
15995
|
+
declare const gtag_pageview: typeof pageview;
|
|
15996
|
+
declare const gtag_productClick: typeof productClick;
|
|
15997
|
+
declare const gtag_productDetail: typeof productDetail;
|
|
15998
|
+
declare const gtag_removeFromCart: typeof removeFromCart;
|
|
15999
|
+
declare namespace gtag {
|
|
16000
|
+
export {
|
|
16001
|
+
addToCart$1 as addToCart,
|
|
16002
|
+
gtag_pageview as pageview,
|
|
16003
|
+
gtag_productClick as productClick,
|
|
16004
|
+
gtag_productDetail as productDetail,
|
|
16005
|
+
gtag_removeFromCart as removeFromCart,
|
|
16006
|
+
};
|
|
16007
|
+
}
|
|
16008
|
+
|
|
16009
|
+
declare const addToCart: (product: ProductInputAnalytic) => void;
|
|
16010
|
+
|
|
16011
|
+
declare const tiktokpixel_addToCart: typeof addToCart;
|
|
16012
|
+
declare namespace tiktokpixel {
|
|
16013
|
+
export {
|
|
16014
|
+
tiktokpixel_addToCart as addToCart,
|
|
16015
|
+
};
|
|
16016
|
+
}
|
|
16016
16017
|
|
|
16017
16018
|
type Func$6 = ReturnType<typeof addToCartOperation>;
|
|
16018
16019
|
type Response$6 = Awaited<ReturnType<Func$6>>;
|
|
@@ -16253,4 +16254,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
|
|
|
16253
16254
|
|
|
16254
16255
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
16255
16256
|
|
|
16256
|
-
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, 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, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, 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, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
16257
|
+
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, 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, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, 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, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|