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

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 (14) 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/animation/useAnimationTarget.js +2 -3
  4. package/dist/cjs/hooks/useAnimations.js +1 -1
  5. package/dist/cjs/hooks/useProduct.js +2 -2
  6. package/dist/cjs/index.js +89 -88
  7. package/dist/esm/components/Render.liquid.js +2 -2
  8. package/dist/esm/helpers/render.js +5 -1
  9. package/dist/esm/hooks/animation/useAnimationTarget.js +2 -3
  10. package/dist/esm/hooks/useAnimations.js +1 -1
  11. package/dist/esm/hooks/useProduct.js +2 -2
  12. package/dist/esm/index.js +21 -21
  13. package/dist/types/index.d.ts +265 -260
  14. package/package.json +2 -2
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/animation/useAnimationTarget.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var react = require('react');
4
4
  var useAnimationConfig = require('./useAnimationConfig.js');
5
5
 
6
- const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing';
6
+ const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing-margin-bottom-active';
7
7
  const TOOLBAR_ACTIVE_ATTRIBUTE = 'data-toolbar-active';
8
8
  const OUTLINE_ACTIVE_ATTRIBUTE = 'data-outline-active';
9
9
  const TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE = 'data-toolbar-add-active';
@@ -51,8 +51,7 @@ const useAnimationTarget = (props)=>{
51
51
  let target = $rootTarget;
52
52
  let toolbar = $rootTarget.querySelector('[data-toolbar][data-toolbar-active]');
53
53
  let outline = $rootTarget.querySelector('[data-outline][data-outline-active]');
54
- const targetChild = Array.from(target.children);
55
- const spacing = targetChild.find((child)=>child.getAttribute('data-spacing') !== null);
54
+ const spacing = $rootTarget.querySelector('[data-spacing] [data-spacing-margin-bottom]');
56
55
  switch(componentTag){
57
56
  case 'Button':
58
57
  case 'SubmitButton':
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/animation/useAnimationTarget.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useRef, useCallback } from 'react';
2
2
  import { useAnimationConfig } from './useAnimationConfig.js';
3
3
 
4
- const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing';
4
+ const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing-margin-bottom-active';
5
5
  const TOOLBAR_ACTIVE_ATTRIBUTE = 'data-toolbar-active';
6
6
  const OUTLINE_ACTIVE_ATTRIBUTE = 'data-outline-active';
7
7
  const TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE = 'data-toolbar-add-active';
@@ -49,8 +49,7 @@ const useAnimationTarget = (props)=>{
49
49
  let target = $rootTarget;
50
50
  let toolbar = $rootTarget.querySelector('[data-toolbar][data-toolbar-active]');
51
51
  let outline = $rootTarget.querySelector('[data-outline][data-outline-active]');
52
- const targetChild = Array.from(target.children);
53
- const spacing = targetChild.find((child)=>child.getAttribute('data-spacing') !== null);
52
+ const spacing = $rootTarget.querySelector('[data-spacing] [data-spacing-margin-bottom]');
54
53
  switch(componentTag){
55
54
  case 'Button':
56
55
  case 'SubmitButton':
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
@@ -7374,6 +7374,10 @@ type VariantSwatchesPresetControlType<T> = SharedControlType<T> & {
7374
7374
  id?: string;
7375
7375
  type: 'variant:presets';
7376
7376
  };
7377
+ type VariantSwatchesOnlyDefaultVariantControlType<T> = SharedControlType<T> & {
7378
+ id?: string;
7379
+ type: 'variant:default';
7380
+ };
7377
7381
 
7378
7382
  type LayoutControlType<T> = SharedControlType<T> & {
7379
7383
  type: 'layout';
@@ -7687,7 +7691,7 @@ type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
7687
7691
  }[];
7688
7692
  };
7689
7693
 
7690
- type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T>;
7694
+ type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T>;
7691
7695
  type ControlTriggerAction = {
7692
7696
  controlId: string;
7693
7697
  newValue?: any;
@@ -26258,6 +26262,15 @@ type ClassValue = ClassDictionary | string | null | undefined;
26258
26262
  type ClassDictionary = Record<string, boolean | undefined | null>;
26259
26263
  declare function cls(...classes: ClassValue[]): string;
26260
26264
 
26265
+ declare const animations: () => {
26266
+ zoom: (target: Element, options: AnimationSettingType) => Animation;
26267
+ shake: (target: Element, options: AnimationSettingType) => Animation;
26268
+ fade: (target: Element, options: AnimationSettingType) => Animation;
26269
+ slide: (target: Element, options: AnimationSettingType) => Animation;
26270
+ };
26271
+
26272
+ declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
26273
+
26261
26274
  /**
26262
26275
  * 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
26276
  */
@@ -26278,43 +26291,9 @@ declare const globalEvent: {
26278
26291
 
26279
26292
  declare function isBrowser(): boolean;
26280
26293
 
26281
- declare function isSafari(): boolean;
26282
-
26283
26294
  declare const isEmptyChildren: (children: React.ReactNode) => boolean;
26284
26295
 
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>;
26296
+ declare function isSafari(): boolean;
26318
26297
 
26319
26298
  declare function normalizeBuilderData(data: BuilderEntityNested): {
26320
26299
  [x: string]: BuilderEntity;
@@ -26331,24 +26310,26 @@ declare const prefetchQueries: (input: BuilderState, options?: {
26331
26310
  isStorefront?: boolean;
26332
26311
  }) => Result[];
26333
26312
 
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;
26313
+ type Devices = 'desktop' | 'tablet' | 'mobile';
26314
+ type Options = {
26315
+ liquid?: boolean;
26316
+ ignoreBgAttachment?: boolean;
26317
+ ignoreBackgroundImage?: boolean;
26318
+ };
26319
+ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
26320
+ declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
26321
+ declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
26322
+ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
26323
+ wrapper: {
26324
+ [x: string]: string;
26325
+ };
26326
+ content: {
26327
+ [x: string]: string | undefined;
26328
+ };
26329
+ } | undefined;
26330
+ declare const GRADIENT_BGR_KEY = "linear-gradient";
26331
+ declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
26332
+ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
26352
26333
 
26353
26334
  type ColorType = 'bg' | 'text' | 'border' | 'decoration';
26354
26335
  type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -26367,16 +26348,11 @@ declare function isColor(color: string): boolean;
26367
26348
  declare const getGlobalColorStyle: (data?: ColorValueType) => React.CSSProperties;
26368
26349
  declare const composeTextColorCss: (color?: ColorValueType) => string;
26369
26350
 
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) => {
26351
+ type AdvanceValue = Primitive | ObjectDevices<Primitive>;
26352
+ declare const composeAdvanceStyleForPostPurchase: (data?: Record<string, AdvanceValue>, tag?: string) => React.CSSProperties;
26353
+ declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string, pageType?: PublishedThemePageType$1): React.CSSProperties;
26354
+ declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
26355
+ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
26380
26356
  [x: string]: any;
26381
26357
  '--ai'?: csstype.Property.AlignItems | undefined;
26382
26358
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -27871,184 +27847,7 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
27871
27847
  textAnchor?: csstype.Property.TextAnchor | undefined;
27872
27848
  vectorEffect?: csstype.Property.VectorEffect | undefined;
27873
27849
  };
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;
28041
- };
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[]) => {
27850
+ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
28052
27851
  [x: string]: any;
28053
27852
  '--ai'?: csstype.Property.AlignItems | undefined;
28054
27853
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -29543,7 +29342,7 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
29543
29342
  textAnchor?: csstype.Property.TextAnchor | undefined;
29544
29343
  vectorEffect?: csstype.Property.VectorEffect | undefined;
29545
29344
  };
29546
- declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
29345
+ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
29547
29346
  [x: string]: any;
29548
29347
  '--ai'?: csstype.Property.AlignItems | undefined;
29549
29348
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -31038,7 +30837,7 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
31038
30837
  textAnchor?: csstype.Property.TextAnchor | undefined;
31039
30838
  vectorEffect?: csstype.Property.VectorEffect | undefined;
31040
30839
  };
31041
- declare const filterCornerInStyle: (style?: React.CSSProperties) => {
30840
+ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
31042
30841
  [x: string]: any;
31043
30842
  '--ai'?: csstype.Property.AlignItems | undefined;
31044
30843
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -32533,7 +32332,164 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
32533
32332
  textAnchor?: csstype.Property.TextAnchor | undefined;
32534
32333
  vectorEffect?: csstype.Property.VectorEffect | undefined;
32535
32334
  };
32536
- declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
32335
+
32336
+ declare const isLocalEnv: boolean;
32337
+ declare const baseAssetURL: string;
32338
+
32339
+ declare const convertHTML: (str: string) => string;
32340
+
32341
+ type NameDevices = 'desktop' | 'tablet' | 'mobile';
32342
+
32343
+ type PostionType = {
32344
+ wrapper?: Record<string, string | number>;
32345
+ content?: Record<string, string | number>;
32346
+ };
32347
+ declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
32348
+ declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
32349
+ compose: PostionType;
32350
+ lineHeight: string;
32351
+ device: NameDevices;
32352
+ position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
32353
+ iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
32354
+ }) => void;
32355
+
32356
+ declare function isDefined<T>(argument: T | undefined): argument is T;
32357
+
32358
+ declare const gridToArrayRegex: RegExp;
32359
+ declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
32360
+ declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
32361
+ declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
32362
+
32363
+ type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
32364
+ declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
32365
+ declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
32366
+ declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
32367
+ [k: string]: Record<`--${T}`, K>;
32368
+ };
32369
+ declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
32370
+ declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
32371
+ declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
32372
+ declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
32373
+ declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32374
+ declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32375
+ '--w': string | undefined;
32376
+ '--w-tablet': string | undefined;
32377
+ '--w-mobile': string | undefined;
32378
+ };
32379
+ declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32380
+ '--h': string | undefined;
32381
+ '--h-tablet': string | undefined;
32382
+ '--h-mobile': string | undefined;
32383
+ };
32384
+ declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32385
+ declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
32386
+ declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
32387
+
32388
+ declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
32389
+ declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
32390
+ declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
32391
+
32392
+ type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
32393
+ type FetchCollectionArgs = {
32394
+ id?: string;
32395
+ numberOfProducts?: number;
32396
+ orderBy?: OrderByType;
32397
+ isSample?: boolean;
32398
+ isStorefront?: boolean;
32399
+ };
32400
+ declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
32401
+ declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
32402
+
32403
+ type FetchProductParams = {
32404
+ id?: string;
32405
+ isSample?: boolean;
32406
+ isStorefront?: boolean;
32407
+ };
32408
+ declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
32409
+ type RequiredCursorEdge<T> = {
32410
+ cursor: string;
32411
+ node?: T;
32412
+ };
32413
+ declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
32414
+ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
32415
+ node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
32416
+ })[]>;
32417
+
32418
+ type FetchProductsParams = {
32419
+ ids: string[];
32420
+ isSample?: boolean;
32421
+ isStorefront?: boolean;
32422
+ defaultSelectedProductCount?: number;
32423
+ allStatus?: boolean;
32424
+ };
32425
+
32426
+ declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
32427
+ declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
32428
+ declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
32429
+
32430
+ declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
32431
+ declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
32432
+ declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
32433
+ declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
32434
+ declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
32435
+ declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
32436
+ declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
32437
+
32438
+ type CallbackCondition = () => string;
32439
+ declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
32440
+ declare const props: (strings: any, ...keys: any[]) => string;
32441
+ declare const styles: (strings: any, ...keys: any[]) => string;
32442
+ declare const dataStringify: (obj: object) => string;
32443
+ declare const template: (strings: any, ...keys: any[]) => string;
32444
+ declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
32445
+ declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
32446
+
32447
+ declare const parseValueWithUnit: (valueWithUnit: string) => any;
32448
+ declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
32449
+ [x: string]: string;
32450
+ };
32451
+ declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
32452
+ declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
32453
+ hasBoxShadow?: boolean | undefined;
32454
+ boxShadowValue?: ShadowProps | undefined;
32455
+ important?: boolean | undefined;
32456
+ }) => string | undefined;
32457
+
32458
+ declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
32459
+ declare function genSizeClass(name: string): string;
32460
+ declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
32461
+ declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32462
+ width: Record<ResponsiveKey<"w">, string | number>;
32463
+ height: Record<ResponsiveKey<"h">, string | number>;
32464
+ padding: React.CSSProperties;
32465
+ gap: {
32466
+ '--gg': string | undefined;
32467
+ '--gg-tablet': string | undefined;
32468
+ '--gg-mobile': string | undefined;
32469
+ };
32470
+ };
32471
+ declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
32472
+ '--gg': string | undefined;
32473
+ '--gg-tablet': string | undefined;
32474
+ '--gg-mobile': string | undefined;
32475
+ };
32476
+ 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>;
32477
+ declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
32478
+ declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
32479
+ declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
32480
+ declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
32481
+ declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
32482
+
32483
+ type TypographyClass = `gp-g-${TypographyType}`;
32484
+ declare const genTypoClass: (name: TypographyType) => TypographyClass;
32485
+ declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
32486
+ declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
32487
+ declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
32488
+ declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
32489
+ declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
32490
+ 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;
32491
+ declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
32492
+ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
32537
32493
  [x: string]: any;
32538
32494
  '--ai'?: csstype.Property.AlignItems | undefined;
32539
32495
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -34029,22 +33985,71 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
34029
33985
  vectorEffect?: csstype.Property.VectorEffect | undefined;
34030
33986
  };
34031
33987
 
34032
- type NameDevices = 'desktop' | 'tablet' | 'mobile';
33988
+ declare const validateEmail: (email: string) => boolean;
34033
33989
 
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;
33990
+ declare function loadScript(src: string, options?: {
33991
+ module?: boolean;
33992
+ in?: 'head' | 'body';
33993
+ }): Promise<boolean>;
34046
33994
 
34047
- declare const convertHTML: (str: string) => string;
33995
+ declare function getSpacingVariable(key?: SpacingType): string;
33996
+ declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
33997
+
33998
+ declare const genVariable: (variableName: string) => string;
33999
+
34000
+ declare const pageview$1: () => void;
34001
+ declare const event: (name: string, options?: {}) => void;
34002
+ declare const addToCart$2: (product: ProductInputAnalytic) => void;
34003
+
34004
+ declare const fpixel_event: typeof event;
34005
+ declare namespace fpixel {
34006
+ export {
34007
+ addToCart$2 as addToCart,
34008
+ fpixel_event as event,
34009
+ pageview$1 as pageview,
34010
+ };
34011
+ }
34012
+
34013
+ declare const pageview: (url: string, trackingId?: string | null) => void;
34014
+ /** Addition to cart events
34015
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
34016
+ */
34017
+ declare const addToCart$1: (product: ProductInputAnalytic) => void;
34018
+ /** Product clicked event
34019
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
34020
+ */
34021
+ declare const productClick: (product: ProductInputAnalytic) => void;
34022
+ /** Product viewed event
34023
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
34024
+ */
34025
+ declare const productDetail: (product: ProductInputAnalytic) => void;
34026
+ /** Removal from cart events
34027
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
34028
+ */
34029
+ declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
34030
+
34031
+ declare const gtag_pageview: typeof pageview;
34032
+ declare const gtag_productClick: typeof productClick;
34033
+ declare const gtag_productDetail: typeof productDetail;
34034
+ declare const gtag_removeFromCart: typeof removeFromCart;
34035
+ declare namespace gtag {
34036
+ export {
34037
+ addToCart$1 as addToCart,
34038
+ gtag_pageview as pageview,
34039
+ gtag_productClick as productClick,
34040
+ gtag_productDetail as productDetail,
34041
+ gtag_removeFromCart as removeFromCart,
34042
+ };
34043
+ }
34044
+
34045
+ declare const addToCart: (product: ProductInputAnalytic) => void;
34046
+
34047
+ declare const tiktokpixel_addToCart: typeof addToCart;
34048
+ declare namespace tiktokpixel {
34049
+ export {
34050
+ tiktokpixel_addToCart as addToCart,
34051
+ };
34052
+ }
34048
34053
 
34049
34054
  type Func$6 = ReturnType<typeof addToCartOperation>;
34050
34055
  type Response$6 = Awaited<ReturnType<Func$6>>;
@@ -34290,4 +34295,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
34290
34295
 
34291
34296
  declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
34292
34297
 
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 };
34298
+ 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.448",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "devDependencies": {
30
30
  "@gem-sdk/adapter-shopify": "1.23.0-staging.383",
31
- "@gem-sdk/styles": "1.23.0-staging.415"
31
+ "@gem-sdk/styles": "1.23.0-staging.447"
32
32
  },
33
33
  "dependencies": {
34
34
  "react-error-boundary": "4.0.10",