@gem-sdk/core 1.23.0-staging.435 → 1.23.0-staging.436

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.
Files changed (12) hide show
  1. package/dist/cjs/components/Render.liquid.js +2 -2
  2. package/dist/cjs/helpers/render.js +5 -0
  3. package/dist/cjs/hooks/useAnimations.js +1 -1
  4. package/dist/cjs/hooks/useProduct.js +2 -2
  5. package/dist/cjs/index.js +89 -88
  6. package/dist/esm/components/Render.liquid.js +2 -2
  7. package/dist/esm/helpers/render.js +5 -1
  8. package/dist/esm/hooks/useAnimations.js +1 -1
  9. package/dist/esm/hooks/useProduct.js +2 -2
  10. package/dist/esm/index.js +21 -21
  11. package/dist/types/index.d.ts +266 -265
  12. package/package.json +1 -1
package/dist/cjs/components/Render.liquid.js CHANGED
@@ -14,9 +14,9 @@ require('../hooks/useCartUI.js');
14
14
  require('react-transition-group');
15
15
  require('@gem-sdk/core');
16
16
  var constant = require('./constant.js');
17
- var render = require('../helpers/render.js');
18
- var convert = require('../helpers/convert.js');
19
17
  var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
18
+ var convert = require('../helpers/convert.js');
19
+ var render = require('../helpers/render.js');
20
20
 
21
21
  const componentsRenderWithParentId = [
22
22
  'CarouselItem'
package/dist/cjs/helpers/render.js CHANGED
@@ -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;
package/dist/cjs/hooks/useAnimations.js CHANGED
@@ -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 = ()=>{
package/dist/cjs/hooks/useProduct.js CHANGED
@@ -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');
@@ -14,8 +13,9 @@ require('./useCartUI.js');
14
13
  var variant = require('../helpers/variant.js');
15
14
  require('react-transition-group');
16
15
  require('@gem-sdk/core');
17
- var product = require('../helpers/product.js');
16
+ var flattenConnection = require('../helpers/flatten-connection.js');
18
17
  require('../helpers/convert.js');
18
+ var product = require('../helpers/product.js');
19
19
 
20
20
  const useUniqProductID = ()=>{
21
21
  return ProductContext.useProductStore((s)=>s.uiqueId);
package/dist/cjs/index.js CHANGED
@@ -29,40 +29,40 @@ var LibraryTemplate_generated = require('./graphql-app-api/queries/LibraryTempla
29
29
  var borders = require('./helpers/borders.js');
30
30
  var carousel = require('./helpers/carousel.js');
31
31
  var cls = require('./helpers/cls.js');
32
+ var animations = require('./helpers/animations.js');
33
+ var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
32
34
  var flattenConnection = require('./helpers/flatten-connection.js');
33
35
  var getResonsiveValue = require('./helpers/get-resonsive-value.js');
34
36
  var getShortname = require('./helpers/get-shortname.js');
35
37
  var GlobalEvent = require('./helpers/GlobalEvent.js');
36
38
  var isBrowser = require('./helpers/is-browser.js');
37
- var isSafari = require('./helpers/is-safari.js');
38
39
  var isEmptyChildren = require('./helpers/is-empty-children.js');
39
- var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
40
- var animations = require('./helpers/animations.js');
41
- var makeStyle = require('./helpers/make-style.js');
40
+ var isSafari = require('./helpers/is-safari.js');
42
41
  var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
43
42
  var prefetchQueries = require('./helpers/prefetch-queries.js');
44
- var spacing = require('./helpers/spacing.js');
45
- var loadScript = require('./helpers/load-script.js');
46
- var email = require('./helpers/email.js');
47
- var cssVariable = require('./helpers/css-variable.js');
48
- var layout = require('./helpers/layout.js');
49
- var isDefined = require('./helpers/is-defined.js');
43
+ var background = require('./helpers/background.js');
50
44
  var colors = require('./helpers/colors.js');
51
- var typography = require('./helpers/typography.js');
52
- var radius = require('./helpers/radius.js');
45
+ var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
46
+ var convert = require('./helpers/convert.js');
47
+ var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
48
+ var iconList = require('./helpers/icon-list.js');
49
+ var isDefined = require('./helpers/is-defined.js');
50
+ var layout = require('./helpers/layout.js');
51
+ var makeStyle = require('./helpers/make-style.js');
53
52
  var product = require('./helpers/product.js');
53
+ var query = require('./helpers/query.js');
54
+ var radius = require('./helpers/radius.js');
55
+ var render = require('./helpers/render.js');
56
+ var shadow = require('./helpers/shadow.js');
57
+ var size = require('./helpers/size.js');
58
+ var typography = require('./helpers/typography.js');
59
+ var email = require('./helpers/email.js');
60
+ var loadScript = require('./helpers/load-script.js');
61
+ var spacing = require('./helpers/spacing.js');
62
+ var cssVariable = require('./helpers/css-variable.js');
54
63
  var fpixel = require('./helpers/tracking/fpixel.js');
55
64
  var gtag = require('./helpers/tracking/gtag.js');
56
65
  var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
57
- var render = require('./helpers/render.js');
58
- var convert = require('./helpers/convert.js');
59
- var size = require('./helpers/size.js');
60
- var shadow = require('./helpers/shadow.js');
61
- var background = require('./helpers/background.js');
62
- var query = require('./helpers/query.js');
63
- var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
64
- var iconList = require('./helpers/icon-list.js');
65
- var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
66
66
  var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
67
67
  var useCartData = require('./hooks/cart/use-cart-data.js');
68
68
  var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -155,6 +155,8 @@ exports.getCarouselContainerHeight = carousel.getCarouselContainerHeight;
155
155
  exports.makeContainerWidthOrHeight = carousel.makeContainerWidthOrHeight;
156
156
  exports.makeDotGapToCarouselStyle = carousel.makeDotGapToCarouselStyle;
157
157
  exports.cls = cls.cls;
158
+ exports.animations = animations.animations;
159
+ exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
158
160
  exports.flattenConnection = flattenConnection.flattenConnection;
159
161
  exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
160
162
  exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
@@ -163,35 +165,17 @@ exports.isColumnDirectionExist = getResonsiveValue.isColumnDirectionExist;
163
165
  exports.getShortName = getShortname.getShortName;
164
166
  exports.globalEvent = GlobalEvent.default;
165
167
  exports.isBrowser = isBrowser.default;
166
- exports.isSafari = isSafari.default;
167
168
  exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
168
- exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
169
- exports.animations = animations.animations;
170
- exports.makeAspectRatio = makeStyle.makeAspectRatio;
171
- exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
172
- exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
173
- exports.makeHeight = makeStyle.makeHeight;
174
- exports.makeLineClamp = makeStyle.makeLineClamp;
175
- exports.makeStyle = makeStyle.makeStyle;
176
- exports.makeStyleKey = makeStyle.makeStyleKey;
177
- exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
178
- exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
179
- exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
180
- exports.makeStyleState = makeStyle.makeStyleState;
181
- exports.makeWidth = makeStyle.makeWidth;
182
- exports.removeNullUndefined = makeStyle.removeNullUndefined;
169
+ exports.isSafari = isSafari.default;
183
170
  exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
184
171
  exports.prefetchQueries = prefetchQueries.prefetchQueries;
185
- exports.composeSpacing = spacing.composeSpacing;
186
- exports.getSpacingVariable = spacing.getSpacingVariable;
187
- exports.loadScript = loadScript.loadScript;
188
- exports.validateEmail = email.validateEmail;
189
- exports.genVariable = cssVariable.genVariable;
190
- exports.composeGridLayout = layout.composeGridLayout;
191
- exports.convertOldLayout = layout.convertOldLayout;
192
- exports.gridToArrayRegex = layout.gridToArrayRegex;
193
- exports.optionLayoutStyle = layout.optionLayoutStyle;
194
- exports.isDefined = isDefined.isDefined;
172
+ exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
173
+ exports.composeBackgroundCss = background.composeBackgroundCss;
174
+ exports.getBgImageByDevice = background.getBgImageByDevice;
175
+ exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
176
+ exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
177
+ exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
178
+ exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
195
179
  exports.composeTextColorCss = colors.composeTextColorCss;
196
180
  exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
197
181
  exports.getGlobalColorClass = colors.getGlobalColorClass;
@@ -206,15 +190,42 @@ exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
206
190
  exports.getGlobalColorStyle = colors.getGlobalColorStyle;
207
191
  exports.getSingleColorVariable = colors.getSingleColorVariable;
208
192
  exports.isColor = colors.isColor;
209
- exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
210
- exports.composeTypography = typography.composeTypography;
211
- exports.composeTypographyAttr = typography.composeTypographyAttr;
212
- exports.composeTypographyClassName = typography.composeTypographyClassName;
213
- exports.composeTypographyCss = typography.composeTypographyCss;
214
- exports.composeTypographyStyle = typography.composeTypographyStyle;
215
- exports.composeTypographyV2 = typography.composeTypographyV2;
216
- exports.composeTypographyV2Css = typography.composeTypographyV2Css;
217
- exports.genTypoClass = typography.genTypoClass;
193
+ exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
194
+ exports.composeAdvanceStyleForPostPurchase = composeAdvanceStyle.composeAdvanceStyleForPostPurchase;
195
+ exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
196
+ exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
197
+ exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
198
+ exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
199
+ exports.splitStyle = composeAdvanceStyle.splitStyle;
200
+ exports.baseAssetURL = convert.baseAssetURL;
201
+ exports.isLocalEnv = convert.isLocalEnv;
202
+ exports.convertHTML = covertEntitiesHtml.convertHTML;
203
+ exports.composePositionLineHeight = iconList.composePositionLineHeight;
204
+ exports.composePostionIconList = iconList.composePostionIconList;
205
+ exports.isDefined = isDefined.isDefined;
206
+ exports.composeGridLayout = layout.composeGridLayout;
207
+ exports.convertOldLayout = layout.convertOldLayout;
208
+ exports.gridToArrayRegex = layout.gridToArrayRegex;
209
+ exports.optionLayoutStyle = layout.optionLayoutStyle;
210
+ exports.makeAspectRatio = makeStyle.makeAspectRatio;
211
+ exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
212
+ exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
213
+ exports.makeHeight = makeStyle.makeHeight;
214
+ exports.makeLineClamp = makeStyle.makeLineClamp;
215
+ exports.makeStyle = makeStyle.makeStyle;
216
+ exports.makeStyleKey = makeStyle.makeStyleKey;
217
+ exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
218
+ exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
219
+ exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
220
+ exports.makeStyleState = makeStyle.makeStyleState;
221
+ exports.makeWidth = makeStyle.makeWidth;
222
+ exports.removeNullUndefined = makeStyle.removeNullUndefined;
223
+ exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
224
+ exports.getSelectedVariant = product.getSelectedVariant;
225
+ exports.parseSelectedOption = product.parseSelectedOption;
226
+ exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
227
+ exports.generateProductQueryKey = query.generateProductQueryKey;
228
+ exports.generateProductsQueryKey = query.generateProductsQueryKey;
218
229
  exports.composeCornerCss = radius.composeCornerCss;
219
230
  exports.composeRadius = radius.composeRadius;
220
231
  exports.composeRadiusResponsive = radius.composeRadiusResponsive;
@@ -222,20 +233,17 @@ exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
222
233
  exports.getCustomRadius = radius.getCustomRadius;
223
234
  exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
224
235
  exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
225
- exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
226
- exports.getSelectedVariant = product.getSelectedVariant;
227
- exports.parseSelectedOption = product.parseSelectedOption;
228
- exports.fpixel = fpixel;
229
- exports.gtag = gtag;
230
- exports.tiktokpixel = tiktokpixel;
231
236
  exports.RenderIf = render.RenderIf;
232
237
  exports.composeMemo = render.composeMemo;
233
238
  exports.dataStringify = render.dataStringify;
234
239
  exports.props = render.props;
240
+ exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject;
235
241
  exports.styles = render.styles;
236
242
  exports.template = render.template;
237
- exports.baseAssetURL = convert.baseAssetURL;
238
- exports.isLocalEnv = convert.isLocalEnv;
243
+ exports.composeShadowCss = shadow.composeShadowCss;
244
+ exports.getStyleShadow = shadow.getStyleShadow;
245
+ exports.getStyleShadowState = shadow.getStyleShadowState;
246
+ exports.parseValueWithUnit = shadow.parseValueWithUnit;
239
247
  exports.composeSize = size.composeSize;
240
248
  exports.composeSizeCss = size.composeSizeCss;
241
249
  exports.genSizeClass = size.genSizeClass;
@@ -247,30 +255,23 @@ exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
247
255
  exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
248
256
  exports.makeGlobalSize = size.makeGlobalSize;
249
257
  exports.makeStyleWithDefault = size.makeStyleWithDefault;
250
- exports.composeShadowCss = shadow.composeShadowCss;
251
- exports.getStyleShadow = shadow.getStyleShadow;
252
- exports.getStyleShadowState = shadow.getStyleShadowState;
253
- exports.parseValueWithUnit = shadow.parseValueWithUnit;
254
- exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
255
- exports.composeBackgroundCss = background.composeBackgroundCss;
256
- exports.getBgImageByDevice = background.getBgImageByDevice;
257
- exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
258
- exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
259
- exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
260
- exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
261
- exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
262
- exports.generateProductQueryKey = query.generateProductQueryKey;
263
- exports.generateProductsQueryKey = query.generateProductsQueryKey;
264
- exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
265
- exports.composeAdvanceStyleForPostPurchase = composeAdvanceStyle.composeAdvanceStyleForPostPurchase;
266
- exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
267
- exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
268
- exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
269
- exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
270
- exports.splitStyle = composeAdvanceStyle.splitStyle;
271
- exports.composePositionLineHeight = iconList.composePositionLineHeight;
272
- exports.composePostionIconList = iconList.composePostionIconList;
273
- exports.convertHTML = covertEntitiesHtml.convertHTML;
258
+ exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
259
+ exports.composeTypography = typography.composeTypography;
260
+ exports.composeTypographyAttr = typography.composeTypographyAttr;
261
+ exports.composeTypographyClassName = typography.composeTypographyClassName;
262
+ exports.composeTypographyCss = typography.composeTypographyCss;
263
+ exports.composeTypographyStyle = typography.composeTypographyStyle;
264
+ exports.composeTypographyV2 = typography.composeTypographyV2;
265
+ exports.composeTypographyV2Css = typography.composeTypographyV2Css;
266
+ exports.genTypoClass = typography.genTypoClass;
267
+ exports.validateEmail = email.validateEmail;
268
+ exports.loadScript = loadScript.loadScript;
269
+ exports.composeSpacing = spacing.composeSpacing;
270
+ exports.getSpacingVariable = spacing.getSpacingVariable;
271
+ exports.genVariable = cssVariable.genVariable;
272
+ exports.fpixel = fpixel;
273
+ exports.gtag = gtag;
274
+ exports.tiktokpixel = tiktokpixel;
274
275
  exports.useAddToCart = useAddToCart.useAddToCart;
275
276
  exports.useCartData = useCartData.useCartData;
276
277
  exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
package/dist/esm/components/Render.liquid.js CHANGED
@@ -10,9 +10,9 @@ import '../hooks/useCartUI.js';
10
10
  import 'react-transition-group';
11
11
  import '@gem-sdk/core';
12
12
  import { disableWrap, customRenderChildren } from './constant.js';
13
- import { RenderIf, template } from '../helpers/render.js';
14
- import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
15
13
  import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
14
+ import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
15
+ import { RenderIf, template } from '../helpers/render.js';
16
16
 
17
17
  const componentsRenderWithParentId = [
18
18
  'CarouselItem'
package/dist/esm/helpers/render.js CHANGED
@@ -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 };
package/dist/esm/hooks/useAnimations.js CHANGED
@@ -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 = ()=>{
package/dist/esm/hooks/useProduct.js CHANGED
@@ -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';
@@ -12,8 +11,9 @@ import './useCartUI.js';
12
11
  import { checkInStock } from '../helpers/variant.js';
13
12
  import 'react-transition-group';
14
13
  import '@gem-sdk/core';
15
- import { getSelectedVariant } from '../helpers/product.js';
14
+ import { flattenConnection } from '../helpers/flatten-connection.js';
16
15
  import '../helpers/convert.js';
16
+ import { getSelectedVariant } from '../helpers/product.js';
17
17
 
18
18
  const useUniqProductID = ()=>{
19
19
  return useProductStore((s)=>s.uiqueId);
package/dist/esm/index.js CHANGED
@@ -27,43 +27,43 @@ export { LibraryTemplateDocument } from './graphql-app-api/queries/LibraryTempla
27
27
  export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
28
28
  export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
29
29
  export { cls } from './helpers/cls.js';
30
+ export { animations } from './helpers/animations.js';
31
+ export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
30
32
  export { flattenConnection } from './helpers/flatten-connection.js';
31
33
  export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, isColumnDirectionExist } from './helpers/get-resonsive-value.js';
32
34
  export { getShortName } from './helpers/get-shortname.js';
33
35
  export { default as globalEvent } from './helpers/GlobalEvent.js';
34
36
  export { default as isBrowser } from './helpers/is-browser.js';
35
- export { default as isSafari } from './helpers/is-safari.js';
36
37
  export { isEmptyChildren } from './helpers/is-empty-children.js';
37
- export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
38
- export { animations } from './helpers/animations.js';
39
- export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
38
+ export { default as isSafari } from './helpers/is-safari.js';
40
39
  export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
41
40
  export { prefetchQueries } from './helpers/prefetch-queries.js';
42
- export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
43
- export { loadScript } from './helpers/load-script.js';
44
- export { validateEmail } from './helpers/email.js';
45
- export { genVariable } from './helpers/css-variable.js';
46
- export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
47
- export { isDefined } from './helpers/is-defined.js';
41
+ export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
48
42
  export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
49
- export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
50
- export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
43
+ export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
44
+ export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
45
+ export { convertHTML } from './helpers/covert-entities-html.js';
46
+ export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
47
+ export { isDefined } from './helpers/is-defined.js';
48
+ export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
49
+ export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
51
50
  export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
51
+ export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
52
+ export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
53
+ export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
54
+ export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
55
+ export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
56
+ export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
57
+ export { validateEmail } from './helpers/email.js';
58
+ export { loadScript } from './helpers/load-script.js';
59
+ export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
60
+ export { genVariable } from './helpers/css-variable.js';
52
61
  import * as fpixel from './helpers/tracking/fpixel.js';
53
62
  export { fpixel };
54
63
  import * as gtag from './helpers/tracking/gtag.js';
55
64
  export { gtag };
56
65
  import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
57
66
  export { tiktokpixel };
58
- export { RenderIf, composeMemo, dataStringify, props, styles, template } from './helpers/render.js';
59
- export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
60
- export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
61
- export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
62
- export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
63
- export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
64
- export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
65
- export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
66
- export { convertHTML } from './helpers/covert-entities-html.js';
67
67
  export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
68
68
  export { useCartData } from './hooks/cart/use-cart-data.js';
69
69
  export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
package/dist/types/index.d.ts CHANGED
@@ -26258,6 +26258,15 @@ type ClassValue = ClassDictionary | string | null | undefined;
26258
26258
  type ClassDictionary = Record<string, boolean | undefined | null>;
26259
26259
  declare function cls(...classes: ClassValue[]): string;
26260
26260
 
26261
+ declare const animations: () => {
26262
+ zoom: (target: Element, options: AnimationSettingType) => Animation;
26263
+ shake: (target: Element, options: AnimationSettingType) => Animation;
26264
+ fade: (target: Element, options: AnimationSettingType) => Animation;
26265
+ slide: (target: Element, options: AnimationSettingType) => Animation;
26266
+ };
26267
+
26268
+ declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
26269
+
26261
26270
  /**
26262
26271
  * 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.
26263
26272
  */
@@ -26278,43 +26287,9 @@ declare const globalEvent: {
26278
26287
 
26279
26288
  declare function isBrowser(): boolean;
26280
26289
 
26281
- declare function isSafari(): boolean;
26282
-
26283
26290
  declare const isEmptyChildren: (children: React.ReactNode) => boolean;
26284
26291
 
26285
- declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
26286
-
26287
- declare const animations: () => {
26288
- zoom: (target: Element, options: AnimationSettingType) => Animation;
26289
- shake: (target: Element, options: AnimationSettingType) => Animation;
26290
- fade: (target: Element, options: AnimationSettingType) => Animation;
26291
- slide: (target: Element, options: AnimationSettingType) => Animation;
26292
- };
26293
-
26294
- type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
26295
- declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
26296
- declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
26297
- declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
26298
- [k: string]: Record<`--${T}`, K>;
26299
- };
26300
- declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
26301
- declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
26302
- declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
26303
- declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
26304
- declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
26305
- declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
26306
- '--w': string | undefined;
26307
- '--w-tablet': string | undefined;
26308
- '--w-mobile': string | undefined;
26309
- };
26310
- declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
26311
- '--h': string | undefined;
26312
- '--h-tablet': string | undefined;
26313
- '--h-mobile': string | undefined;
26314
- };
26315
- declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
26316
- declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
26317
- declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
26292
+ declare function isSafari(): boolean;
26318
26293
 
26319
26294
  declare function normalizeBuilderData(data: BuilderEntityNested): {
26320
26295
  [x: string]: BuilderEntity;
@@ -26331,24 +26306,26 @@ declare const prefetchQueries: (input: BuilderState, options?: {
26331
26306
  isStorefront?: boolean;
26332
26307
  }) => Result[];
26333
26308
 
26334
- declare function getSpacingVariable(key?: SpacingType): string;
26335
- declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
26336
-
26337
- declare function loadScript(src: string, options?: {
26338
- module?: boolean;
26339
- in?: 'head' | 'body';
26340
- }): Promise<boolean>;
26341
-
26342
- declare const validateEmail: (email: string) => boolean;
26343
-
26344
- declare const genVariable: (variableName: string) => string;
26345
-
26346
- declare const gridToArrayRegex: RegExp;
26347
- declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
26348
- declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
26349
- declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
26350
-
26351
- declare function isDefined<T>(argument: T | undefined): argument is T;
26309
+ type Devices = 'desktop' | 'tablet' | 'mobile';
26310
+ type Options = {
26311
+ liquid?: boolean;
26312
+ ignoreBgAttachment?: boolean;
26313
+ ignoreBackgroundImage?: boolean;
26314
+ };
26315
+ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
26316
+ declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
26317
+ declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
26318
+ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
26319
+ wrapper: {
26320
+ [x: string]: string;
26321
+ };
26322
+ content: {
26323
+ [x: string]: string | undefined;
26324
+ };
26325
+ } | undefined;
26326
+ declare const GRADIENT_BGR_KEY = "linear-gradient";
26327
+ declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
26328
+ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
26352
26329
 
26353
26330
  type ColorType = 'bg' | 'text' | 'border' | 'decoration';
26354
26331
  type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -26367,16 +26344,11 @@ declare function isColor(color: string): boolean;
26367
26344
  declare const getGlobalColorStyle: (data?: ColorValueType) => React.CSSProperties;
26368
26345
  declare const composeTextColorCss: (color?: ColorValueType) => string;
26369
26346
 
26370
- type TypographyClass = `gp-g-${TypographyType}`;
26371
- declare const genTypoClass: (name: TypographyType) => TypographyClass;
26372
- declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
26373
- declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
26374
- declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
26375
- declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
26376
- declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
26377
- 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;
26378
- declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
26379
- declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
26347
+ type AdvanceValue = Primitive | ObjectDevices<Primitive>;
26348
+ declare const composeAdvanceStyleForPostPurchase: (data?: Record<string, AdvanceValue>, tag?: string) => React.CSSProperties;
26349
+ declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string, pageType?: PublishedThemePageType$1): React.CSSProperties;
26350
+ declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
26351
+ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
26380
26352
  [x: string]: any;
26381
26353
  '--ai'?: csstype.Property.AlignItems | undefined;
26382
26354
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -27864,191 +27836,14 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
27864
27836
  strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
27865
27837
  strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
27866
27838
  strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
27867
- strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
27868
- strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
27869
- strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
27870
- strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
27871
- textAnchor?: csstype.Property.TextAnchor | undefined;
27872
- vectorEffect?: csstype.Property.VectorEffect | undefined;
27873
- };
27874
-
27875
- declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
27876
- declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
27877
- declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
27878
- declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
27879
- declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
27880
- declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
27881
- declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
27882
-
27883
- declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
27884
- declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
27885
- declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
27886
-
27887
- declare const pageview$1: () => void;
27888
- declare const event: (name: string, options?: {}) => void;
27889
- declare const addToCart$2: (product: ProductInputAnalytic) => void;
27890
-
27891
- declare const fpixel_event: typeof event;
27892
- declare namespace fpixel {
27893
- export {
27894
- addToCart$2 as addToCart,
27895
- fpixel_event as event,
27896
- pageview$1 as pageview,
27897
- };
27898
- }
27899
-
27900
- declare const pageview: (url: string, trackingId?: string | null) => void;
27901
- /** Addition to cart events
27902
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
27903
- */
27904
- declare const addToCart$1: (product: ProductInputAnalytic) => void;
27905
- /** Product clicked event
27906
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
27907
- */
27908
- declare const productClick: (product: ProductInputAnalytic) => void;
27909
- /** Product viewed event
27910
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
27911
- */
27912
- declare const productDetail: (product: ProductInputAnalytic) => void;
27913
- /** Removal from cart events
27914
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
27915
- */
27916
- declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
27917
-
27918
- declare const gtag_pageview: typeof pageview;
27919
- declare const gtag_productClick: typeof productClick;
27920
- declare const gtag_productDetail: typeof productDetail;
27921
- declare const gtag_removeFromCart: typeof removeFromCart;
27922
- declare namespace gtag {
27923
- export {
27924
- addToCart$1 as addToCart,
27925
- gtag_pageview as pageview,
27926
- gtag_productClick as productClick,
27927
- gtag_productDetail as productDetail,
27928
- gtag_removeFromCart as removeFromCart,
27929
- };
27930
- }
27931
-
27932
- declare const addToCart: (product: ProductInputAnalytic) => void;
27933
-
27934
- declare const tiktokpixel_addToCart: typeof addToCart;
27935
- declare namespace tiktokpixel {
27936
- export {
27937
- tiktokpixel_addToCart as addToCart,
27938
- };
27939
- }
27940
-
27941
- type CallbackCondition = () => string;
27942
- declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
27943
- declare const props: (strings: any, ...keys: any[]) => string;
27944
- declare const styles: (strings: any, ...keys: any[]) => string;
27945
- declare const dataStringify: (obj: object) => string;
27946
- declare const template: (strings: any, ...keys: any[]) => string;
27947
- declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
27948
-
27949
- declare const isLocalEnv: boolean;
27950
- declare const baseAssetURL: string;
27951
-
27952
- declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
27953
- declare function genSizeClass(name: string): string;
27954
- declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
27955
- declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
27956
- width: Record<ResponsiveKey<"w">, string | number>;
27957
- height: Record<ResponsiveKey<"h">, string | number>;
27958
- padding: React.CSSProperties;
27959
- gap: {
27960
- '--gg': string | undefined;
27961
- '--gg-tablet': string | undefined;
27962
- '--gg-mobile': string | undefined;
27963
- };
27964
- };
27965
- declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
27966
- '--gg': string | undefined;
27967
- '--gg-tablet': string | undefined;
27968
- '--gg-mobile': string | undefined;
27969
- };
27970
- 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>;
27971
- declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
27972
- declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
27973
- declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
27974
- declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
27975
- declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
27976
-
27977
- declare const parseValueWithUnit: (valueWithUnit: string) => any;
27978
- declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
27979
- [x: string]: string;
27980
- };
27981
- declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
27982
- declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
27983
- hasBoxShadow?: boolean | undefined;
27984
- boxShadowValue?: ShadowProps | undefined;
27985
- important?: boolean | undefined;
27986
- }) => string | undefined;
27987
-
27988
- type Devices = 'desktop' | 'tablet' | 'mobile';
27989
- type Options = {
27990
- liquid?: boolean;
27991
- ignoreBgAttachment?: boolean;
27992
- ignoreBackgroundImage?: boolean;
27993
- };
27994
- declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
27995
- declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
27996
- declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
27997
- declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
27998
- wrapper: {
27999
- [x: string]: string;
28000
- };
28001
- content: {
28002
- [x: string]: string | undefined;
28003
- };
28004
- } | undefined;
28005
- declare const GRADIENT_BGR_KEY = "linear-gradient";
28006
- declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
28007
- declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
28008
-
28009
- type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
28010
- type FetchCollectionArgs = {
28011
- id?: string;
28012
- numberOfProducts?: number;
28013
- orderBy?: OrderByType;
28014
- isSample?: boolean;
28015
- isStorefront?: boolean;
28016
- };
28017
- declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
28018
- declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
28019
-
28020
- type FetchProductParams = {
28021
- id?: string;
28022
- isSample?: boolean;
28023
- isStorefront?: boolean;
28024
- };
28025
- declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
28026
- type RequiredCursorEdge<T> = {
28027
- cursor: string;
28028
- node?: T;
28029
- };
28030
- declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
28031
- declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
28032
- node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
28033
- })[]>;
28034
-
28035
- type FetchProductsParams = {
28036
- ids: string[];
28037
- isSample?: boolean;
28038
- isStorefront?: boolean;
28039
- defaultSelectedProductCount?: number;
28040
- allStatus?: boolean;
27839
+ strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
27840
+ strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
27841
+ strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
27842
+ strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
27843
+ textAnchor?: csstype.Property.TextAnchor | undefined;
27844
+ vectorEffect?: csstype.Property.VectorEffect | undefined;
28041
27845
  };
28042
-
28043
- declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
28044
- declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
28045
- declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
28046
-
28047
- type AdvanceValue = Primitive | ObjectDevices<Primitive>;
28048
- declare const composeAdvanceStyleForPostPurchase: (data?: Record<string, AdvanceValue>, tag?: string) => React.CSSProperties;
28049
- declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string, pageType?: PublishedThemePageType$1): React.CSSProperties;
28050
- declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
28051
- declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
27846
+ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
28052
27847
  [x: string]: any;
28053
27848
  '--ai'?: csstype.Property.AlignItems | undefined;
28054
27849
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -29543,7 +29338,7 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
29543
29338
  textAnchor?: csstype.Property.TextAnchor | undefined;
29544
29339
  vectorEffect?: csstype.Property.VectorEffect | undefined;
29545
29340
  };
29546
- declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
29341
+ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
29547
29342
  [x: string]: any;
29548
29343
  '--ai'?: csstype.Property.AlignItems | undefined;
29549
29344
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -31038,7 +30833,7 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
31038
30833
  textAnchor?: csstype.Property.TextAnchor | undefined;
31039
30834
  vectorEffect?: csstype.Property.VectorEffect | undefined;
31040
30835
  };
31041
- declare const filterCornerInStyle: (style?: React.CSSProperties) => {
30836
+ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
31042
30837
  [x: string]: any;
31043
30838
  '--ai'?: csstype.Property.AlignItems | undefined;
31044
30839
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -32533,7 +32328,164 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
32533
32328
  textAnchor?: csstype.Property.TextAnchor | undefined;
32534
32329
  vectorEffect?: csstype.Property.VectorEffect | undefined;
32535
32330
  };
32536
- declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
32331
+
32332
+ declare const isLocalEnv: boolean;
32333
+ declare const baseAssetURL: string;
32334
+
32335
+ declare const convertHTML: (str: string) => string;
32336
+
32337
+ type NameDevices = 'desktop' | 'tablet' | 'mobile';
32338
+
32339
+ type PostionType = {
32340
+ wrapper?: Record<string, string | number>;
32341
+ content?: Record<string, string | number>;
32342
+ };
32343
+ declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
32344
+ declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
32345
+ compose: PostionType;
32346
+ lineHeight: string;
32347
+ device: NameDevices;
32348
+ position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
32349
+ iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
32350
+ }) => void;
32351
+
32352
+ declare function isDefined<T>(argument: T | undefined): argument is T;
32353
+
32354
+ declare const gridToArrayRegex: RegExp;
32355
+ declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
32356
+ declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
32357
+ declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
32358
+
32359
+ type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
32360
+ declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
32361
+ declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
32362
+ declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
32363
+ [k: string]: Record<`--${T}`, K>;
32364
+ };
32365
+ declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
32366
+ declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
32367
+ declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
32368
+ declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
32369
+ declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32370
+ declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32371
+ '--w': string | undefined;
32372
+ '--w-tablet': string | undefined;
32373
+ '--w-mobile': string | undefined;
32374
+ };
32375
+ declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32376
+ '--h': string | undefined;
32377
+ '--h-tablet': string | undefined;
32378
+ '--h-mobile': string | undefined;
32379
+ };
32380
+ declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32381
+ declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
32382
+ declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32383
+
32384
+ declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
32385
+ declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
32386
+ declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
32387
+
32388
+ type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
32389
+ type FetchCollectionArgs = {
32390
+ id?: string;
32391
+ numberOfProducts?: number;
32392
+ orderBy?: OrderByType;
32393
+ isSample?: boolean;
32394
+ isStorefront?: boolean;
32395
+ };
32396
+ declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
32397
+ declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
32398
+
32399
+ type FetchProductParams = {
32400
+ id?: string;
32401
+ isSample?: boolean;
32402
+ isStorefront?: boolean;
32403
+ };
32404
+ declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
32405
+ type RequiredCursorEdge<T> = {
32406
+ cursor: string;
32407
+ node?: T;
32408
+ };
32409
+ declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
32410
+ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
32411
+ node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
32412
+ })[]>;
32413
+
32414
+ type FetchProductsParams = {
32415
+ ids: string[];
32416
+ isSample?: boolean;
32417
+ isStorefront?: boolean;
32418
+ defaultSelectedProductCount?: number;
32419
+ allStatus?: boolean;
32420
+ };
32421
+
32422
+ declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
32423
+ declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
32424
+ declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
32425
+
32426
+ declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
32427
+ declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
32428
+ declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
32429
+ declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
32430
+ declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
32431
+ declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
32432
+ declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
32433
+
32434
+ type CallbackCondition = () => string;
32435
+ declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
32436
+ declare const props: (strings: any, ...keys: any[]) => string;
32437
+ declare const styles: (strings: any, ...keys: any[]) => string;
32438
+ declare const dataStringify: (obj: object) => string;
32439
+ declare const template: (strings: any, ...keys: any[]) => string;
32440
+ declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
32441
+ declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
32442
+
32443
+ declare const parseValueWithUnit: (valueWithUnit: string) => any;
32444
+ declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
32445
+ [x: string]: string;
32446
+ };
32447
+ declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
32448
+ declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
32449
+ hasBoxShadow?: boolean | undefined;
32450
+ boxShadowValue?: ShadowProps | undefined;
32451
+ important?: boolean | undefined;
32452
+ }) => string | undefined;
32453
+
32454
+ declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
32455
+ declare function genSizeClass(name: string): string;
32456
+ declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
32457
+ declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32458
+ width: Record<ResponsiveKey<"w">, string | number>;
32459
+ height: Record<ResponsiveKey<"h">, string | number>;
32460
+ padding: React.CSSProperties;
32461
+ gap: {
32462
+ '--gg': string | undefined;
32463
+ '--gg-tablet': string | undefined;
32464
+ '--gg-mobile': string | undefined;
32465
+ };
32466
+ };
32467
+ declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32468
+ '--gg': string | undefined;
32469
+ '--gg-tablet': string | undefined;
32470
+ '--gg-mobile': string | undefined;
32471
+ };
32472
+ 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>;
32473
+ declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
32474
+ declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
32475
+ declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
32476
+ declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
32477
+ declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
32478
+
32479
+ type TypographyClass = `gp-g-${TypographyType}`;
32480
+ declare const genTypoClass: (name: TypographyType) => TypographyClass;
32481
+ declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
32482
+ declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
32483
+ declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
32484
+ declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
32485
+ declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
32486
+ 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;
32487
+ declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
32488
+ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
32537
32489
  [x: string]: any;
32538
32490
  '--ai'?: csstype.Property.AlignItems | undefined;
32539
32491
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -34029,22 +33981,71 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
34029
33981
  vectorEffect?: csstype.Property.VectorEffect | undefined;
34030
33982
  };
34031
33983
 
34032
- type NameDevices = 'desktop' | 'tablet' | 'mobile';
33984
+ declare const validateEmail: (email: string) => boolean;
34033
33985
 
34034
- type PostionType = {
34035
- wrapper?: Record<string, string | number>;
34036
- content?: Record<string, string | number>;
34037
- };
34038
- declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
34039
- declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
34040
- compose: PostionType;
34041
- lineHeight: string;
34042
- device: NameDevices;
34043
- position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
34044
- iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
34045
- }) => void;
33986
+ declare function loadScript(src: string, options?: {
33987
+ module?: boolean;
33988
+ in?: 'head' | 'body';
33989
+ }): Promise<boolean>;
34046
33990
 
34047
- declare const convertHTML: (str: string) => string;
33991
+ declare function getSpacingVariable(key?: SpacingType): string;
33992
+ declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
33993
+
33994
+ declare const genVariable: (variableName: string) => string;
33995
+
33996
+ declare const pageview$1: () => void;
33997
+ declare const event: (name: string, options?: {}) => void;
33998
+ declare const addToCart$2: (product: ProductInputAnalytic) => void;
33999
+
34000
+ declare const fpixel_event: typeof event;
34001
+ declare namespace fpixel {
34002
+ export {
34003
+ addToCart$2 as addToCart,
34004
+ fpixel_event as event,
34005
+ pageview$1 as pageview,
34006
+ };
34007
+ }
34008
+
34009
+ declare const pageview: (url: string, trackingId?: string | null) => void;
34010
+ /** Addition to cart events
34011
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
34012
+ */
34013
+ declare const addToCart$1: (product: ProductInputAnalytic) => void;
34014
+ /** Product clicked event
34015
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
34016
+ */
34017
+ declare const productClick: (product: ProductInputAnalytic) => void;
34018
+ /** Product viewed event
34019
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
34020
+ */
34021
+ declare const productDetail: (product: ProductInputAnalytic) => void;
34022
+ /** Removal from cart events
34023
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
34024
+ */
34025
+ declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
34026
+
34027
+ declare const gtag_pageview: typeof pageview;
34028
+ declare const gtag_productClick: typeof productClick;
34029
+ declare const gtag_productDetail: typeof productDetail;
34030
+ declare const gtag_removeFromCart: typeof removeFromCart;
34031
+ declare namespace gtag {
34032
+ export {
34033
+ addToCart$1 as addToCart,
34034
+ gtag_pageview as pageview,
34035
+ gtag_productClick as productClick,
34036
+ gtag_productDetail as productDetail,
34037
+ gtag_removeFromCart as removeFromCart,
34038
+ };
34039
+ }
34040
+
34041
+ declare const addToCart: (product: ProductInputAnalytic) => void;
34042
+
34043
+ declare const tiktokpixel_addToCart: typeof addToCart;
34044
+ declare namespace tiktokpixel {
34045
+ export {
34046
+ tiktokpixel_addToCart as addToCart,
34047
+ };
34048
+ }
34048
34049
 
34049
34050
  type Func$6 = ReturnType<typeof addToCartOperation>;
34050
34051
  type Response$6 = Awaited<ReturnType<Func$6>>;
@@ -34290,4 +34291,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
34290
34291
 
34291
34292
  declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
34292
34293
 
34293
- export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, 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, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, 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, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, Scalars$1 as Scalars, 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, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, 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, shopifyPriceRounding, 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, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
34294
+ export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, 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, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, 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, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, Scalars$1 as Scalars, 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, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, 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, shopifyPriceRounding, 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, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.23.0-staging.435",
3
+ "version": "1.23.0-staging.436",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",