@gem-sdk/core 1.29.4 → 1.30.0

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -0,0 +1,83 @@
+import { useCallback, useEffect } from 'react';
+import { useAnimations } from '../useAnimations.js';
+import { useAnimationTarget } from './useAnimationTarget.js';
+import { useAnimationConfig } from './useAnimationConfig.js';
+import { useAnimationActions } from './useAnimationActions.js';
+import { useAnimationPreview } from './useAnimationPreview.js';
+import { AnimationType } from '../../types/animations.js';
+
+const useApplyAnimation = ({ props })=>{
+    const currentProps = props;
+    const { uid: componentUid } = currentProps;
+    const animation = useAnimations();
+    const { initListOfTargets, targetObjects, setToolbarActive } = useAnimationTarget(currentProps);
+    const { isEnabledAnimation, getAnimationConfig } = useAnimationConfig(currentProps);
+    const { setAnimation, cancelAnimation, playAnimation, setAnimationOnFinish } = useAnimationActions();
+    const { previewAnimation } = useAnimationPreview({
+        props: currentProps,
+        playAnimation,
+        cancelAnimation,
+        setAnimationOnFinish,
+        setToolbarActive
+    });
+    const generateAnimation = useCallback(({ target, setting, type })=>{
+        return animation[type](target, setting);
+    }, [
+        animation
+    ]);
+    const initListAnimations = useCallback(()=>{
+        const { type, setting } = getAnimationConfig();
+        if (!type || type === AnimationType.None || !targetObjects.current.length) {
+            cancelAnimation();
+            return;
+        }
+        const listAnimations = targetObjects.current.map((item)=>generateAnimation({
+                type,
+                setting,
+                target: item.target
+            }));
+        cancelAnimation();
+        setAnimation(listAnimations);
+    }, [
+        getAnimationConfig,
+        targetObjects,
+        cancelAnimation,
+        setAnimation,
+        generateAnimation
+    ]);
+    useEffect(()=>{
+        if (isEnabledAnimation) {
+            initListOfTargets();
+            initListAnimations();
+        } else {
+            cancelAnimation();
+        }
+        return ()=>{
+            cancelAnimation();
+        };
+    }, [
+        componentUid,
+        initListAnimations,
+        cancelAnimation,
+        isEnabledAnimation,
+        initListOfTargets
+    ]);
+    useEffect(()=>{
+        window.addEventListener('preview-animation', previewAnimation);
+        return ()=>{
+            window.removeEventListener('preview-animation', previewAnimation);
+        };
+    }, [
+        previewAnimation
+    ]);
+    useEffect(()=>{
+        window.addEventListener('init-animation-target', initListOfTargets);
+        return ()=>{
+            window.removeEventListener('init-animation-target', initListOfTargets);
+        };
+    }, [
+        initListOfTargets
+    ]);
+};
+
+export { useApplyAnimation as default };

package/dist/esm/hooks/useAnimations.js

@@ -0,0 +1,24 @@
+import 'react';
+import 'react/jsx-runtime';
+import 'zustand';
+import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import './useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import { animations } from '../helpers/animations.js';
+import '../helpers/convert.js';
+
+const useAnimations = ()=>{
+    const { zoom, shake, fade, slide } = animations();
+    return {
+        zoom,
+        shake,
+        fade,
+        slide
+    };
+};
+
+export { useAnimations };

package/dist/esm/index.js

@@ -32,6 +32,7 @@ export { default as isBrowser } from './helpers/is-browser.js';
 export { default as isSafari } from './helpers/is-safari.js';
 export { isEmptyChildren } from './helpers/is-empty-children.js';
 export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
+export { animations } from './helpers/animations.js';
 export { makeAspectRatio, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
@@ -91,6 +92,7 @@ export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatches
 import * as shop from './types/shop.js';
 export { shop as ShopType };
 export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.js';
+export { AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType } from './types/animations.js';
 export { calculateFirstProduct, getCollection } from './helpers/queries/get-collection.js';
 export { fetchMedias, fetchVariants, getProduct } from './helpers/queries/get-product.js';
 export { getProductBySlug } from './helpers/queries/get-product-by-slug.js';

package/dist/esm/types/animations.js

@@ -0,0 +1,47 @@
+var AnimationType;
+(function(AnimationType) {
+    AnimationType["Fade"] = 'fade';
+    AnimationType["Slide"] = 'slide';
+    AnimationType["Zoom"] = 'zoom';
+    AnimationType["Shake"] = 'shake';
+    AnimationType["None"] = 'none';
+})(AnimationType || (AnimationType = {}));
+var AnimationSetting;
+(function(AnimationSetting) {
+    AnimationSetting["Loop"] = 'loop';
+    AnimationSetting["Scale"] = 'scale';
+    AnimationSetting["Delay"] = 'delay';
+    AnimationSetting["Easing"] = 'easing';
+    AnimationSetting["Speed"] = 'speed';
+    AnimationSetting["IsFade"] = 'isFade';
+    AnimationSetting["Distance"] = 'distance';
+    AnimationSetting["Intensity"] = 'intensity';
+    AnimationSetting["Direction"] = 'direction';
+    AnimationSetting["ZoomDirection"] = 'zoomDirection';
+})(AnimationSetting || (AnimationSetting = {}));
+var AnimationDirectionType;
+(function(AnimationDirectionType) {
+    AnimationDirectionType["Left"] = 'left';
+    AnimationDirectionType["Right"] = 'right';
+    AnimationDirectionType["Up"] = 'up';
+    AnimationDirectionType["Down"] = 'down';
+})(AnimationDirectionType || (AnimationDirectionType = {}));
+var AnimationTriggerType;
+(function(AnimationTriggerType) {
+    AnimationTriggerType["Appear"] = 'appear';
+    AnimationTriggerType["Hover"] = 'hover';
+})(AnimationTriggerType || (AnimationTriggerType = {}));
+var AnimationZoomDirectionType;
+(function(AnimationZoomDirectionType) {
+    AnimationZoomDirectionType["In"] = 'in';
+    AnimationZoomDirectionType["Out"] = 'out';
+})(AnimationZoomDirectionType || (AnimationZoomDirectionType = {}));
+var AnimationEasingType;
+(function(AnimationEasingType) {
+    AnimationEasingType["Ease"] = 'ease';
+    AnimationEasingType["EaseIn"] = 'ease-in';
+    AnimationEasingType["EaseOut"] = 'ease-out';
+    AnimationEasingType["Linear"] = 'linear';
+})(AnimationEasingType || (AnimationEasingType = {}));
+
+export { AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType };

package/dist/types/index.d.ts

@@ -7391,6 +7391,83 @@ type ProductInputAnalytic = {
     currency?: string;
 };
 
+declare enum AnimationType {
+    Fade = "fade",
+    Slide = "slide",
+    Zoom = "zoom",
+    Shake = "shake",
+    None = "none"
+}
+declare enum AnimationSetting {
+    Loop = "loop",
+    Scale = "scale",
+    Delay = "delay",
+    Easing = "easing",
+    Speed = "speed",
+    IsFade = "isFade",
+    Distance = "distance",
+    Intensity = "intensity",
+    Direction = "direction",
+    ZoomDirection = "zoomDirection"
+}
+declare enum AnimationDirectionType {
+    Left = "left",
+    Right = "right",
+    Up = "up",
+    Down = "down"
+}
+type AnimationTrigger = 'appear' | 'hover';
+declare enum AnimationTriggerType {
+    Appear = "appear",
+    Hover = "hover"
+}
+declare enum AnimationZoomDirectionType {
+    In = "in",
+    Out = "out"
+}
+declare enum AnimationEasingType {
+    Ease = "ease",
+    EaseIn = "ease-in",
+    EaseOut = "ease-out",
+    Linear = "linear"
+}
+type AnimationBaseSetting = {
+    loop: boolean;
+    delay: number;
+    distance: number;
+    speed: number;
+    intensity: number;
+    easing: AnimationEasingType;
+    direction: AnimationDirectionType;
+    zoomDirection: AnimationZoomDirectionType;
+    isFade: boolean;
+};
+/** Represents the animation setting extracted from the animation control */
+type AnimationSettingType = {
+    scale: ScaleByDirection;
+} & AnimationBaseSetting;
+type ScaleByDirection = {
+    [key in AnimationZoomDirectionType]: [number | string, number | string];
+};
+type AnimationShakeSettingType = Pick<AnimationSettingType, AnimationSetting.Loop | AnimationSetting.Intensity | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
+type AnimationZoomSettingType = Pick<AnimationSettingType, AnimationSetting.Scale | AnimationSetting.ZoomDirection | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.IsFade>;
+type AnimationFadeSettingType = Pick<AnimationSettingType, AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
+type AnimationSlideSettingType = Pick<AnimationSettingType, AnimationSetting.Direction | AnimationSetting.Distance | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
+type SettingByAnimationType = {
+    [key in AnimationType]: key extends AnimationType.Slide ? AnimationSlideSettingType : key extends AnimationType.Shake ? AnimationShakeSettingType : key extends AnimationType.Zoom ? AnimationZoomSettingType : key extends AnimationType.Fade ? AnimationFadeSettingType : never;
+};
+type SettingByAnimationValues = SettingByAnimationType[keyof SettingByAnimationType];
+type TriggerConfig = Record<AnimationTriggerType, AnimationTriggerConfig>;
+type AnimationConfig = {
+    enabled: boolean;
+    trigger: AnimationTriggerType;
+    triggerConfig: TriggerConfig;
+};
+type AnimationTriggerConfig = {
+    animation: AnimationType;
+    setting: SettingByAnimationType;
+};
+
 type ExtraFiles = Record<string, string>;
 type Props = {
     uid: string;
@@ -7985,6 +8062,13 @@ declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
 declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
 
+declare const animations: () => {
+    zoom: (target: Element, options: AnimationSettingType) => Animation;
+    shake: (target: Element, options: AnimationSettingType) => Animation;
+    fade: (target: Element, options: AnimationSettingType) => Animation;
+    slide: (target: Element, options: AnimationSettingType) => Animation;
+};
+
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
 declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
 declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
@@ -9975,4 +10059,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, 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, 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, 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, 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, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, 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, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, 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, usePageStore, 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, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, 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, 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, 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, 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, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, 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, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, 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, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, 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, usePageStore, 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.29.4",
+  "version": "1.30.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.25.0",
-    "@gem-sdk/styles": "1.29.4"
+    "@gem-sdk/styles": "1.29.7"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",