@gem-sdk/core 1.8.33 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Render.liquid.js +6 -0
- package/dist/cjs/graphql/fragments/collection.generated.js +3 -0
- package/dist/cjs/helpers/layout.js +13 -0
- package/dist/cjs/index.js +3 -2
- package/dist/esm/components/Render.liquid.js +6 -0
- package/dist/esm/graphql/fragments/collection.generated.js +3 -0
- package/dist/esm/helpers/layout.js +13 -1
- package/dist/esm/index.js +1 -1
- package/dist/types/index.d.ts +18 -6
- package/package.json +1 -1
|
@@ -12,6 +12,10 @@ var constant = require('./constant.js');
|
|
|
12
12
|
const componentsRenderWithParentId = [
|
|
13
13
|
'CarouselItem'
|
|
14
14
|
];
|
|
15
|
+
const componentTexts = [
|
|
16
|
+
'Text',
|
|
17
|
+
'Heading'
|
|
18
|
+
];
|
|
15
19
|
const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
16
20
|
const item = builder[uid];
|
|
17
21
|
const Component = components[item?.tag];
|
|
@@ -61,6 +65,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
61
65
|
setting: item.settings,
|
|
62
66
|
advanced: item.advanced,
|
|
63
67
|
style,
|
|
68
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
64
69
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
65
70
|
...passProps
|
|
66
71
|
}));
|
|
@@ -94,6 +99,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
94
99
|
},
|
|
95
100
|
styles: item.styles,
|
|
96
101
|
setting: item.settings,
|
|
102
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
97
103
|
...passProps
|
|
98
104
|
}))}
|
|
99
105
|
</div>`;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var constant = require('./constant.js');
|
|
4
|
+
var getResonsiveValue = require('./get-resonsive-value.js');
|
|
4
5
|
|
|
5
6
|
const optionLayoutStyle = (column)=>{
|
|
6
7
|
if (!column) return {};
|
|
@@ -12,5 +13,17 @@ const optionLayoutStyle = (column)=>{
|
|
|
12
13
|
}
|
|
13
14
|
return style;
|
|
14
15
|
};
|
|
16
|
+
const composeGridLayout = (layout)=>{
|
|
17
|
+
const display = getResonsiveValue.getResponsiveValue(layout, 'display');
|
|
18
|
+
const desktop = (getResonsiveValue.getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`auto`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
19
|
+
const tablet = (getResonsiveValue.getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`auto`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
20
|
+
const mobile = (getResonsiveValue.getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`auto`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
21
|
+
return {
|
|
22
|
+
[`--gtc`]: desktop,
|
|
23
|
+
[`--gtc-tablet`]: tablet,
|
|
24
|
+
[`--gtc-mobile`]: mobile
|
|
25
|
+
};
|
|
26
|
+
};
|
|
15
27
|
|
|
28
|
+
exports.composeGridLayout = composeGridLayout;
|
|
16
29
|
exports.optionLayoutStyle = optionLayoutStyle;
|
package/dist/cjs/index.js
CHANGED
|
@@ -40,9 +40,9 @@ var size = require('./helpers/size.js');
|
|
|
40
40
|
var spacing = require('./helpers/spacing.js');
|
|
41
41
|
var loadScript = require('./helpers/load-script.js');
|
|
42
42
|
var email = require('./helpers/email.js');
|
|
43
|
-
var layout = require('./helpers/layout.js');
|
|
44
43
|
var background = require('./helpers/background.js');
|
|
45
44
|
var cssVariable = require('./helpers/css-variable.js');
|
|
45
|
+
var layout = require('./helpers/layout.js');
|
|
46
46
|
var isDefined = require('./helpers/is-defined.js');
|
|
47
47
|
var colors = require('./helpers/colors.js');
|
|
48
48
|
var typography = require('./helpers/typography.js');
|
|
@@ -156,9 +156,10 @@ exports.composeSpacing = spacing.composeSpacing;
|
|
|
156
156
|
exports.getSpacingVariable = spacing.getSpacingVariable;
|
|
157
157
|
exports.loadScript = loadScript.loadScript;
|
|
158
158
|
exports.validateEmail = email.validateEmail;
|
|
159
|
-
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
160
159
|
exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
|
|
161
160
|
exports.genVariable = cssVariable.genVariable;
|
|
161
|
+
exports.composeGridLayout = layout.composeGridLayout;
|
|
162
|
+
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
162
163
|
exports.isDefined = isDefined.isDefined;
|
|
163
164
|
exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
|
|
164
165
|
exports.getGlobalColorClass = colors.getGlobalColorClass;
|
|
@@ -8,6 +8,10 @@ import { disableWrap } from './constant.js';
|
|
|
8
8
|
const componentsRenderWithParentId = [
|
|
9
9
|
'CarouselItem'
|
|
10
10
|
];
|
|
11
|
+
const componentTexts = [
|
|
12
|
+
'Text',
|
|
13
|
+
'Heading'
|
|
14
|
+
];
|
|
11
15
|
const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
12
16
|
const item = builder[uid];
|
|
13
17
|
const Component = components[item?.tag];
|
|
@@ -57,6 +61,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
57
61
|
setting: item.settings,
|
|
58
62
|
advanced: item.advanced,
|
|
59
63
|
style,
|
|
64
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
60
65
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
61
66
|
...passProps
|
|
62
67
|
}));
|
|
@@ -90,6 +95,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
90
95
|
},
|
|
91
96
|
styles: item.styles,
|
|
92
97
|
setting: item.settings,
|
|
98
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
93
99
|
...passProps
|
|
94
100
|
}))}
|
|
95
101
|
</div>`;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { devicesMapping } from './constant.js';
|
|
2
|
+
import { getResponsiveValueByScreen, getResponsiveValue } from './get-resonsive-value.js';
|
|
2
3
|
|
|
3
4
|
const optionLayoutStyle = (column)=>{
|
|
4
5
|
if (!column) return {};
|
|
@@ -10,5 +11,16 @@ const optionLayoutStyle = (column)=>{
|
|
|
10
11
|
}
|
|
11
12
|
return style;
|
|
12
13
|
};
|
|
14
|
+
const composeGridLayout = (layout)=>{
|
|
15
|
+
const display = getResponsiveValue(layout, 'display');
|
|
16
|
+
const desktop = (getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`auto`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
17
|
+
const tablet = (getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`auto`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
18
|
+
const mobile = (getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`auto`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
19
|
+
return {
|
|
20
|
+
[`--gtc`]: desktop,
|
|
21
|
+
[`--gtc-tablet`]: tablet,
|
|
22
|
+
[`--gtc-mobile`]: mobile
|
|
23
|
+
};
|
|
24
|
+
};
|
|
13
25
|
|
|
14
|
-
export { optionLayoutStyle };
|
|
26
|
+
export { composeGridLayout, optionLayoutStyle };
|
package/dist/esm/index.js
CHANGED
|
@@ -38,9 +38,9 @@ export { composeSize } from './helpers/size.js';
|
|
|
38
38
|
export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
|
|
39
39
|
export { loadScript } from './helpers/load-script.js';
|
|
40
40
|
export { validateEmail } from './helpers/email.js';
|
|
41
|
-
export { optionLayoutStyle } from './helpers/layout.js';
|
|
42
41
|
export { getStyleBackgroundByDevice } from './helpers/background.js';
|
|
43
42
|
export { genVariable } from './helpers/css-variable.js';
|
|
43
|
+
export { composeGridLayout, optionLayoutStyle } from './helpers/layout.js';
|
|
44
44
|
export { isDefined } from './helpers/is-defined.js';
|
|
45
45
|
export { getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
|
|
46
46
|
export { genTypoClass } from './helpers/typography.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -123,9 +123,13 @@ type StateType = 'normal' | 'hover' | 'focus' | 'active';
|
|
|
123
123
|
type StateProp<T> = Partial<Record<StateType, T>>;
|
|
124
124
|
type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
|
|
125
125
|
type AlignItemProp = 'left' | 'center' | 'right';
|
|
126
|
-
type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | '
|
|
126
|
+
type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'all_reviews_text';
|
|
127
127
|
type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
|
|
128
128
|
type KlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
|
|
129
|
+
type ObjectLayoutValue = {
|
|
130
|
+
display?: 'fill' | 'fit';
|
|
131
|
+
cols?: number[];
|
|
132
|
+
};
|
|
129
133
|
|
|
130
134
|
type ResponsiveConfig<T> = {
|
|
131
135
|
desktop: {
|
|
@@ -786,7 +790,12 @@ type SwatchesLinkControlType<T> = SharedControlType<T> & {
|
|
|
786
790
|
type: 'swatchesLink';
|
|
787
791
|
};
|
|
788
792
|
|
|
789
|
-
type
|
|
793
|
+
type LayoutControlType<T> = SharedControlType<T> & {
|
|
794
|
+
type: 'layout';
|
|
795
|
+
maxCol?: number;
|
|
796
|
+
};
|
|
797
|
+
|
|
798
|
+
type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<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> | 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> | CustomCodeEditor | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T>;
|
|
790
799
|
type Setting<P extends BaseProps> = {
|
|
791
800
|
id: 'setting';
|
|
792
801
|
note?: string;
|
|
@@ -7028,7 +7037,9 @@ declare const useShopStore: <U>(selector: (state: ExtractState<StoreApi<ShopCont
|
|
|
7028
7037
|
type CollectionSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
|
|
7029
7038
|
products?: Maybe<{
|
|
7030
7039
|
edges: Array<{
|
|
7031
|
-
node?: Maybe<Pick<Product, 'id' | 'title' | 'handle' | 'description' | 'status'
|
|
7040
|
+
node?: Maybe<Pick<Product, 'id' | 'title' | 'handle' | 'description' | 'status'> & {
|
|
7041
|
+
featuredImage?: Maybe<Pick<Media, 'src'>>;
|
|
7042
|
+
}>;
|
|
7032
7043
|
}>;
|
|
7033
7044
|
}>;
|
|
7034
7045
|
collectionMedia?: Maybe<Pick<CollectionMedia, 'src'>>;
|
|
@@ -7347,8 +7358,6 @@ declare function loadScript(src: string, options?: {
|
|
|
7347
7358
|
|
|
7348
7359
|
declare const validateEmail: (email: string) => boolean;
|
|
7349
7360
|
|
|
7350
|
-
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
7351
|
-
|
|
7352
7361
|
type Options = {
|
|
7353
7362
|
liquid?: boolean;
|
|
7354
7363
|
};
|
|
@@ -7356,6 +7365,9 @@ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background
|
|
|
7356
7365
|
|
|
7357
7366
|
declare const genVariable: (variableName: string) => string;
|
|
7358
7367
|
|
|
7368
|
+
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
7369
|
+
declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
|
|
7370
|
+
|
|
7359
7371
|
declare function isDefined<T>(argument: T | undefined): argument is T;
|
|
7360
7372
|
|
|
7361
7373
|
type ColorType = 'bg' | 'text' | 'border' | 'decoration';
|
|
@@ -7683,4 +7695,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }:
|
|
|
7683
7695
|
|
|
7684
7696
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
7685
7697
|
|
|
7686
|
-
export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
7698
|
+
export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeGridLayout, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|