@gem-sdk/core 1.22.12 → 1.22.19

package/dist/cjs/components/Render.liquid.js

@@ -16,7 +16,7 @@ const componentTexts = [
     'Text',
     'Heading'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -55,6 +55,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -62,7 +63,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -73,7 +75,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -88,6 +91,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps
                 });
             });
@@ -104,6 +108,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     advanced: {
                         cssClass: item?.advanced?.cssClass
                     },
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -111,7 +116,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -122,7 +128,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -136,6 +143,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     advanced: {
                         cssClass: item?.advanced?.cssClass
                     },
+                    pageContext,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     ...passProps
                 });

package/dist/cjs/components/constant.js

@@ -34,14 +34,15 @@ const disableWrap = [
     'ProductPrice',
     'Product',
     'ProductImages',
+    'ProductImagesV2',
     'Sticky'
 ];
 const customRenderChildren = [
-    "Accordion",
-    "AccordionItem",
-    "Row",
-    "IconList",
-    "Tabs"
+    'Accordion',
+    'AccordionItem',
+    'Row',
+    'IconList',
+    'Tabs'
 ];
 
 exports.customRenderChildren = customRenderChildren;

package/dist/cjs/helpers/make-style.js

@@ -94,11 +94,22 @@ const makeHeight = (heighValue, autoHeight)=>{
     };
 };
 const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    return {
-        desktop: aspectRatio?.desktop === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
-    };
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const aspectRatioDevice = getResonsiveValue.getResponsiveValueByScreen(aspectRatio, device);
+        if (aspectRatioDevice !== 'none') {
+            result = {
+                ...result,
+                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}`
+            };
+        }
+    });
+    return result;
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{

package/dist/cjs/helpers/radius.js

@@ -44,6 +44,13 @@ const composeRadius = (value)=>{
     }
     return composeRadiusState(value);
 };
+const composeRadiusResponsive = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
+    return style;
+};
 const composeRadiusState = (radiusValue, device)=>{
     const style = {};
     switch(radiusValue?.normal?.radiusType){
@@ -126,6 +133,7 @@ const composeCornerCss = (value, important = false)=>{
 
 exports.composeCornerCss = composeCornerCss;
 exports.composeRadius = composeRadius;
+exports.composeRadiusResponsive = composeRadiusResponsive;
 exports.getCornerCSSFromGlobal = getCornerCSSFromGlobal;
 exports.getCustomRadius = getCustomRadius;
 exports.getRadiusCSSFromGlobal = getRadiusCSSFromGlobal;

package/dist/cjs/index.js

@@ -193,6 +193,7 @@ exports.composeTypographyV2Css = typography.composeTypographyV2Css;
 exports.genTypoClass = typography.genTypoClass;
 exports.composeCornerCss = radius.composeCornerCss;
 exports.composeRadius = radius.composeRadius;
+exports.composeRadiusResponsive = radius.composeRadiusResponsive;
 exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
 exports.getCustomRadius = radius.getCustomRadius;
 exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;

package/dist/esm/components/Render.liquid.js

@@ -12,7 +12,7 @@ const componentTexts = [
     'Text',
     'Heading'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -51,6 +51,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -58,7 +59,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -69,7 +71,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -84,6 +87,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps
                 });
             });
@@ -100,6 +104,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     advanced: {
                         cssClass: item?.advanced?.cssClass
                     },
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -107,7 +112,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -118,7 +124,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -132,6 +139,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     advanced: {
                         cssClass: item?.advanced?.cssClass
                     },
+                    pageContext,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     ...passProps
                 });

package/dist/esm/components/constant.js

@@ -32,14 +32,15 @@ const disableWrap = [
     'ProductPrice',
     'Product',
     'ProductImages',
+    'ProductImagesV2',
     'Sticky'
 ];
 const customRenderChildren = [
-    "Accordion",
-    "AccordionItem",
-    "Row",
-    "IconList",
-    "Tabs"
+    'Accordion',
+    'AccordionItem',
+    'Row',
+    'IconList',
+    'Tabs'
 ];
 
 export { customRenderChildren, disableWrap };

package/dist/esm/helpers/make-style.js

@@ -92,11 +92,22 @@ const makeHeight = (heighValue, autoHeight)=>{
     };
 };
 const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    return {
-        desktop: aspectRatio?.desktop === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
-    };
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const aspectRatioDevice = getResponsiveValueByScreen(aspectRatio, device);
+        if (aspectRatioDevice !== 'none') {
+            result = {
+                ...result,
+                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}`
+            };
+        }
+    });
+    return result;
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{

package/dist/esm/helpers/radius.js

@@ -42,6 +42,13 @@ const composeRadius = (value)=>{
     }
     return composeRadiusState(value);
 };
+const composeRadiusResponsive = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
+    return style;
+};
 const composeRadiusState = (radiusValue, device)=>{
     const style = {};
     switch(radiusValue?.normal?.radiusType){
@@ -122,4 +129,4 @@ const composeCornerCss = (value, important = false)=>{
     return radiusValue;
 };
 
-export { composeCornerCss, composeRadius, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState };
+export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState };

package/dist/esm/index.js

@@ -41,7 +41,7 @@ export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyl
 export { isDefined } from './helpers/is-defined.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
 export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
-export { composeCornerCss, composeRadius, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
+export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
 import * as fpixel from './helpers/tracking/fpixel.js';
 export { fpixel };

package/dist/types/index.d.ts

@@ -26,39 +26,6 @@ type Props$1 = {
 };
 declare const RenderPreviewMemo: React.NamedExoticComponent<Props$1>;
 
-type ExtraFiles = Record<string, string>;
-type Props = {
-    uid: string;
-    builder: Record<string, any>;
-    components: Record<string, any>;
-    extraFiles?: ExtraFiles;
-    [key: string]: any;
-};
-declare const Render: ({ uid, builder, components, parentId, extraFiles, ...passProps }: Props) => {
-    liquid: string;
-    extraFiles: ExtraFiles;
-};
-declare const RenderChildren: (props: Props) => string;
-declare const WrapRenderChildren: ({ uid, customProps, }: {
-    uid: string;
-    customProps: {
-        extraFiles: ExtraFiles;
-    };
-}, codes?: (string | undefined)[]) => string;
-
-type AddonContextProps = {
-    components: Record<string, React.ComponentType<any>>;
-};
-type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
-    children: React.ReactNode;
-    key?: React.Key;
-};
-declare const AddonProvider: React.FC<AddonProviderProps>;
-declare const useAddons: () => Record<string, React.ComponentType<any>>;
-declare const useAddon: (id?: string) => React.ComponentType<any> | React.FC<BaseProps & {
-    children?: React.ReactNode;
-}>;
-
 type BlockEntity = {
     uid: string;
     tag: string;
@@ -105,6 +72,11 @@ type Ratio$1 = {
     width?: string;
     height?: string;
 };
+type ImageShape$1 = {
+    shape?: 'square' | 'vertical' | 'horizontal' | 'custom';
+    width?: string;
+    height?: string;
+};
 type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
 type BaseProps<Setting = unknown, Style = unknown, Advanced = Record<string, any>> = {
@@ -733,6 +705,7 @@ type Option<T> = {
     label?: string | number;
     type?: string;
     icon?: string;
+    isTextIcon?: boolean;
 };
 type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
@@ -756,6 +729,9 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    enableTooltip?: boolean;
 } : {
     id: K;
     label: string;
@@ -896,7 +872,19 @@ type StepsGuide<T> = {
     [K in keyof T]-?: Mapped<K, T[K]>;
 }[keyof T];
 
-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> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T>;
+type ImageShape<T> = SharedControlType<T> & {
+    type: 'image-shape';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+type GridArrange<T> = SharedControlType<T> & {
+    type: 'grid-arrange';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+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> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -7063,6 +7051,9 @@ declare namespace shop {
   };
 }
 
+type PageContext = {
+    numberOfProductOfProductList: number;
+};
 type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
 };
@@ -7251,6 +7242,40 @@ type ProductInputAnalytic = {
     currency?: string;
 };
 
+type ExtraFiles = Record<string, string>;
+type Props = {
+    uid: string;
+    builder: Record<string, any>;
+    components: Record<string, any>;
+    extraFiles?: ExtraFiles;
+    pageContext?: PageContext;
+    [key: string]: any;
+};
+declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, ...passProps }: Props) => {
+    liquid: string;
+    extraFiles: ExtraFiles;
+};
+declare const RenderChildren: (props: Props) => string;
+declare const WrapRenderChildren: ({ uid, customProps, }: {
+    uid: string;
+    customProps: {
+        extraFiles: ExtraFiles;
+    };
+}, codes?: (string | undefined)[]) => string;
+
+type AddonContextProps = {
+    components: Record<string, React.ComponentType<any>>;
+};
+type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
+    children: React.ReactNode;
+    key?: React.Key;
+};
+declare const AddonProvider: React.FC<AddonProviderProps>;
+declare const useAddons: () => Record<string, React.ComponentType<any>>;
+declare const useAddon: (id?: string) => React.ComponentType<any> | React.FC<BaseProps & {
+    children?: React.ReactNode;
+}>;
+
 type BuilderComponentProps = {
     components: Record<string, React.ComponentType<any>>;
     getItem: (id: string) => React.ComponentType<BaseProps> | undefined;
@@ -9351,6 +9376,7 @@ declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProper
 declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
 declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
 declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
+declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
 declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
 declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
 
@@ -9718,4 +9744,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, 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 };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.22.12",
+  "version": "1.22.19",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",