@gem-sdk/core 1.43.0-dev.95 → 1.43.0-dev.98
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/ComponentToolbarPreview.js +1 -1
- package/dist/cjs/components/resize/Spacing.js +18 -11
- package/dist/cjs/components/theme-section/ThemeSectionStatus.js +14 -5
- package/dist/esm/components/ComponentToolbarPreview.js +2 -2
- package/dist/esm/components/resize/Spacing.js +18 -11
- package/dist/esm/components/theme-section/ThemeSectionStatus.js +14 -5
- package/dist/types/index.d.ts +4 -1
- package/package.json +1 -1
|
@@ -562,7 +562,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
562
562
|
})
|
|
563
563
|
]
|
|
564
564
|
}, props.uid),
|
|
565
|
-
isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.
|
|
565
|
+
isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper, {
|
|
566
566
|
...props
|
|
567
567
|
}),
|
|
568
568
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
@@ -130,7 +130,7 @@ function Spacing(props) {
|
|
|
130
130
|
const tag = el.getAttribute('data-component-tag');
|
|
131
131
|
return tag === 'Row' || tag === 'Product';
|
|
132
132
|
};
|
|
133
|
-
const updateSpacing = react.useCallback(()=>{
|
|
133
|
+
const updateSpacing = react.useCallback((isShowVisualize)=>{
|
|
134
134
|
const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
|
|
135
135
|
if (!$component) return;
|
|
136
136
|
const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
|
|
@@ -143,7 +143,7 @@ function Spacing(props) {
|
|
|
143
143
|
if ($marginBottom) {
|
|
144
144
|
if ($bottomBg.current && $bottomDrag.current) {
|
|
145
145
|
let value = style.marginBottom;
|
|
146
|
-
onShowMarginBottomNumber(value);
|
|
146
|
+
isShowVisualize && onShowMarginBottomNumber(value);
|
|
147
147
|
if (parseFloat(value) < 0) {
|
|
148
148
|
value = '0';
|
|
149
149
|
}
|
|
@@ -171,34 +171,41 @@ function Spacing(props) {
|
|
|
171
171
|
setIsShowVisual(false);
|
|
172
172
|
}, 2000);
|
|
173
173
|
// break point 28px
|
|
174
|
-
const topPosition = parsedValue
|
|
174
|
+
const topPosition = parsedValue <= 28 && parsedValue >= 0 ? parsedValue / 2 + 16 : parsedValue > 28 ? 0 : 16;
|
|
175
175
|
if ($visualNumberValue.current) {
|
|
176
176
|
$visualNumberValue.current.style.transform = `translateY(${topPosition}px)`;
|
|
177
177
|
}
|
|
178
178
|
};
|
|
179
179
|
const previousAdvanced = usePrevious(props.advanced?.['spacing-setting']);
|
|
180
180
|
react.useEffect(()=>{
|
|
181
|
-
// validate
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}
|
|
181
|
+
// validate margin bottom setting changed
|
|
182
|
+
const isShowVisualize = verifyMarginBottomChanged(previousAdvanced, props.advanced?.['spacing-setting']);
|
|
183
|
+
updateSpacing(isShowVisualize);
|
|
185
184
|
}, [
|
|
186
185
|
previousAdvanced,
|
|
187
186
|
props.advanced,
|
|
188
187
|
updateSpacing
|
|
189
188
|
]);
|
|
189
|
+
const verifyMarginBottomChanged = (prevValue, newValue)=>{
|
|
190
|
+
const listDevices = [
|
|
191
|
+
'desktop',
|
|
192
|
+
'tablet',
|
|
193
|
+
'mobile'
|
|
194
|
+
];
|
|
195
|
+
return listDevices.some((device)=>JSON.stringify(prevValue?.[device]?.margin?.bottom) !== JSON.stringify(newValue?.[device]?.margin?.bottom));
|
|
196
|
+
};
|
|
190
197
|
const onWindowResize = react.useCallback(()=>{
|
|
191
198
|
updateSpacing();
|
|
192
199
|
}, [
|
|
193
200
|
updateSpacing
|
|
194
201
|
]);
|
|
195
202
|
react.useEffect(()=>{
|
|
196
|
-
window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
|
|
197
|
-
window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
|
|
203
|
+
window.addEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
|
|
204
|
+
window.addEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
|
|
198
205
|
window.addEventListener('resize', onWindowResize);
|
|
199
206
|
return ()=>{
|
|
200
|
-
window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
|
|
201
|
-
window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
|
|
207
|
+
window.removeEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
|
|
208
|
+
window.removeEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
|
|
202
209
|
window.removeEventListener('resize', onWindowResize);
|
|
203
210
|
};
|
|
204
211
|
}, [
|
|
@@ -2,8 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const getStatusMessage = (status)=>{
|
|
6
|
+
switch(status){
|
|
7
|
+
case 'DRAFT':
|
|
8
|
+
return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
|
|
9
|
+
case 'NEED_PUBLISHING':
|
|
10
|
+
return 'Need to republish. Go to global edit and publish this section';
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
|
|
14
|
+
const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
|
|
15
|
+
const statusMessage = getStatusMessage(status);
|
|
7
16
|
return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
8
17
|
children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
9
18
|
"data-theme-section-status": true,
|
|
@@ -24,13 +33,13 @@ const ThemeSectionStatus = ({ ...props })=>{
|
|
|
24
33
|
})
|
|
25
34
|
})
|
|
26
35
|
}),
|
|
27
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
36
|
+
statusMessage && /*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
28
37
|
"data-theme-section-status-text": true,
|
|
29
|
-
children:
|
|
38
|
+
children: statusMessage
|
|
30
39
|
})
|
|
31
40
|
]
|
|
32
41
|
})
|
|
33
42
|
});
|
|
34
43
|
};
|
|
35
44
|
|
|
36
|
-
exports.
|
|
45
|
+
exports.ThemeSectionStatusWrapper = ThemeSectionStatusWrapper;
|
|
@@ -11,7 +11,7 @@ import 'vanilla-lazyload';
|
|
|
11
11
|
import '../hooks/useCartUI.js';
|
|
12
12
|
import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
|
|
13
13
|
import Tooltip from './toolbar/Tooltip.js';
|
|
14
|
-
import {
|
|
14
|
+
import { ThemeSectionStatusWrapper } from './theme-section/ThemeSectionStatus.js';
|
|
15
15
|
import Resize from './resize/Resize.js';
|
|
16
16
|
import { usePostPurchase } from '../hooks/useToolbarPostPurchase.js';
|
|
17
17
|
import { ableGenerateContentElements } from './constant.js';
|
|
@@ -558,7 +558,7 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
558
558
|
})
|
|
559
559
|
]
|
|
560
560
|
}, props.uid),
|
|
561
|
-
isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(
|
|
561
|
+
isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(ThemeSectionStatusWrapper, {
|
|
562
562
|
...props
|
|
563
563
|
}),
|
|
564
564
|
/*#__PURE__*/ jsx("div", {
|
|
@@ -126,7 +126,7 @@ function Spacing(props) {
|
|
|
126
126
|
const tag = el.getAttribute('data-component-tag');
|
|
127
127
|
return tag === 'Row' || tag === 'Product';
|
|
128
128
|
};
|
|
129
|
-
const updateSpacing = useCallback(()=>{
|
|
129
|
+
const updateSpacing = useCallback((isShowVisualize)=>{
|
|
130
130
|
const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
|
|
131
131
|
if (!$component) return;
|
|
132
132
|
const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
|
|
@@ -139,7 +139,7 @@ function Spacing(props) {
|
|
|
139
139
|
if ($marginBottom) {
|
|
140
140
|
if ($bottomBg.current && $bottomDrag.current) {
|
|
141
141
|
let value = style.marginBottom;
|
|
142
|
-
onShowMarginBottomNumber(value);
|
|
142
|
+
isShowVisualize && onShowMarginBottomNumber(value);
|
|
143
143
|
if (parseFloat(value) < 0) {
|
|
144
144
|
value = '0';
|
|
145
145
|
}
|
|
@@ -167,34 +167,41 @@ function Spacing(props) {
|
|
|
167
167
|
setIsShowVisual(false);
|
|
168
168
|
}, 2000);
|
|
169
169
|
// break point 28px
|
|
170
|
-
const topPosition = parsedValue
|
|
170
|
+
const topPosition = parsedValue <= 28 && parsedValue >= 0 ? parsedValue / 2 + 16 : parsedValue > 28 ? 0 : 16;
|
|
171
171
|
if ($visualNumberValue.current) {
|
|
172
172
|
$visualNumberValue.current.style.transform = `translateY(${topPosition}px)`;
|
|
173
173
|
}
|
|
174
174
|
};
|
|
175
175
|
const previousAdvanced = usePrevious(props.advanced?.['spacing-setting']);
|
|
176
176
|
useEffect(()=>{
|
|
177
|
-
// validate
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}
|
|
177
|
+
// validate margin bottom setting changed
|
|
178
|
+
const isShowVisualize = verifyMarginBottomChanged(previousAdvanced, props.advanced?.['spacing-setting']);
|
|
179
|
+
updateSpacing(isShowVisualize);
|
|
181
180
|
}, [
|
|
182
181
|
previousAdvanced,
|
|
183
182
|
props.advanced,
|
|
184
183
|
updateSpacing
|
|
185
184
|
]);
|
|
185
|
+
const verifyMarginBottomChanged = (prevValue, newValue)=>{
|
|
186
|
+
const listDevices = [
|
|
187
|
+
'desktop',
|
|
188
|
+
'tablet',
|
|
189
|
+
'mobile'
|
|
190
|
+
];
|
|
191
|
+
return listDevices.some((device)=>JSON.stringify(prevValue?.[device]?.margin?.bottom) !== JSON.stringify(newValue?.[device]?.margin?.bottom));
|
|
192
|
+
};
|
|
186
193
|
const onWindowResize = useCallback(()=>{
|
|
187
194
|
updateSpacing();
|
|
188
195
|
}, [
|
|
189
196
|
updateSpacing
|
|
190
197
|
]);
|
|
191
198
|
useEffect(()=>{
|
|
192
|
-
window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
|
|
193
|
-
window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
|
|
199
|
+
window.addEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
|
|
200
|
+
window.addEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
|
|
194
201
|
window.addEventListener('resize', onWindowResize);
|
|
195
202
|
return ()=>{
|
|
196
|
-
window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
|
|
197
|
-
window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
|
|
203
|
+
window.removeEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
|
|
204
|
+
window.removeEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
|
|
198
205
|
window.removeEventListener('resize', onWindowResize);
|
|
199
206
|
};
|
|
200
207
|
}, [
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
|
-
const
|
|
4
|
-
|
|
3
|
+
const getStatusMessage = (status)=>{
|
|
4
|
+
switch(status){
|
|
5
|
+
case 'DRAFT':
|
|
6
|
+
return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
|
|
7
|
+
case 'NEED_PUBLISHING':
|
|
8
|
+
return 'Need to republish. Go to global edit and publish this section';
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
|
|
12
|
+
const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
|
|
13
|
+
const statusMessage = getStatusMessage(status);
|
|
5
14
|
return /*#__PURE__*/ jsx(Fragment, {
|
|
6
15
|
children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxs("div", {
|
|
7
16
|
"data-theme-section-status": true,
|
|
@@ -22,13 +31,13 @@ const ThemeSectionStatus = ({ ...props })=>{
|
|
|
22
31
|
})
|
|
23
32
|
})
|
|
24
33
|
}),
|
|
25
|
-
/*#__PURE__*/ jsx("span", {
|
|
34
|
+
statusMessage && /*#__PURE__*/ jsx("span", {
|
|
26
35
|
"data-theme-section-status-text": true,
|
|
27
|
-
children:
|
|
36
|
+
children: statusMessage
|
|
28
37
|
})
|
|
29
38
|
]
|
|
30
39
|
})
|
|
31
40
|
});
|
|
32
41
|
};
|
|
33
42
|
|
|
34
|
-
export {
|
|
43
|
+
export { ThemeSectionStatusWrapper };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -6482,6 +6482,7 @@ type BlockEntity = {
|
|
|
6482
6482
|
type?: 'component';
|
|
6483
6483
|
isThemeSection?: boolean;
|
|
6484
6484
|
needPublishing?: boolean;
|
|
6485
|
+
status?: ThemeSectionStatus$1;
|
|
6485
6486
|
isShopifySection?: boolean;
|
|
6486
6487
|
isShopifyVisibility?: boolean;
|
|
6487
6488
|
};
|
|
@@ -6492,10 +6493,12 @@ type SectionEntity = {
|
|
|
6492
6493
|
type: 'section';
|
|
6493
6494
|
name?: string;
|
|
6494
6495
|
isThemeSection?: boolean;
|
|
6496
|
+
status?: ThemeSectionStatus$1;
|
|
6495
6497
|
needPublishing?: boolean;
|
|
6496
6498
|
isShopifySection?: boolean;
|
|
6497
6499
|
isShopifyVisibility?: boolean;
|
|
6498
6500
|
};
|
|
6501
|
+
type ThemeSectionStatus$1 = 'DRAFT' | 'PUBLISHED' | 'NEED_PUBLISHING';
|
|
6499
6502
|
type BuilderEntity = BlockEntity | SectionEntity;
|
|
6500
6503
|
type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
|
|
6501
6504
|
childrens?: BuilderEntityNested[];
|
|
@@ -36158,4 +36161,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
|
|
|
36158
36161
|
|
|
36159
36162
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
36160
36163
|
|
|
36161
|
-
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, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, 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, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, 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, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, 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, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, 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, getStyleBgColor, 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, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, 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, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
36164
|
+
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, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, 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, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, 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, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, 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, ThemeSectionStatus$1 as ThemeSectionStatus, 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, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, 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, getStyleBgColor, 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, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, 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, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|