@gem-sdk/components 2.2.0-staging.32 → 2.2.0

package/dist/esm/tab/hooks/useTabInteraction.js

@@ -1,19 +1,20 @@
 import { useInteraction, useEditorMode } from '@gem-sdk/core';
-import { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 
 const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, componentUid })=>{
-    const { trigger, onListener, interactionListenerLoaded, saveToElementInteractionData, findElementIncludingSelf } = useInteraction();
+    const [previousTab, setPreviousTab] = useState(activeKey || 1);
+    const { trigger, onListener, interactionListenerLoaded } = useInteraction();
     const mode = useEditorMode();
     const changeOpenTabInteraction = (params)=>{
-        const { data, isRollback, element, key } = params || {};
-        if (data === undefined && isRollback) return;
-        const newData = Number(data) + 1;
+        const { data, isRollback } = params || {};
+        if (data === undefined && isRollback === undefined) return;
         if (isRollback) {
-            setActiveKey(newData);
+            setActiveKey(previousTab);
+            setPreviousTab(activeTab);
             return;
         }
-        saveToElementInteractionData(element, key, String(activeKey));
-        setActiveKey(newData);
+        setPreviousTab(activeTab);
+        setActiveKey(data + 1);
     };
     const dispatchEventTabActive = (index)=>{
         trigger({
@@ -34,16 +35,11 @@ const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, c
             dispatchEventTabActive(activeTab - 1);
         });
         const selector = `[data-id="${componentUid}"]`;
-        const element = findElementIncludingSelf(document, selector);
         const removeListener = onListener({
             event: 'gp:change-open-tab',
             selector
         }, (params)=>{
-            changeOpenTabInteraction({
-                ...params,
-                element,
-                key: params?.uniqueStorageKey
-            });
+            changeOpenTabInteraction(params);
         });
         return ()=>{
             removeListener?.();

package/dist/esm/third-party/components/Bogos/BogosSampleContent.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import BogosConfig from '../../configs/Bogos.js';
 import ThirdPartyPreview from '../ThirdPartyPreview.js';
@@ -9,8 +9,7 @@ const mapWidgetLabel = {
     slider: 'Gift slider',
     message: 'Cart message',
     ['classic-bundle']: 'Classic bundle',
-    ['quantity-break']: 'Quantity break',
-    ['mix-match']: 'Mix and match'
+    ['quantity-break']: 'Quantity break'
 };
 const BogosSampleContent = ({ setting })=>{
     const widgetLabel = setting?.widgetType && mapWidgetLabel[setting.widgetType];
@@ -19,13 +18,15 @@ const BogosSampleContent = ({ setting })=>{
     }, [
         widgetLabel
     ]);
-    return /*#__PURE__*/ jsx("div", {
-        className: "p-2",
-        children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-            setting: {
-                label,
-                iconSvg: `<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${BogosConfig.logoUrl}">`
-            }
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label,
+                    iconSvg: `<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${BogosConfig.logoUrl}">`
+                }
+            })
         })
     });
 };

package/dist/esm/third-party/components/RechargeSubscriptions.liquid.js

@@ -2,7 +2,7 @@ import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 
 const RechargeSubscriptions = ({ setting, advanced })=>{
     const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`);
 };
 
 export { RechargeSubscriptions as default };

package/dist/esm/third-party/components/Releasit.liquid.js

@@ -1,10 +1,8 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 import { template, makeStyleResponsive } from '@gem-sdk/core';
 
 const Releasit = ({ setting, advanced })=>{
-    const { align, version, appBlockId } = setting ?? {};
-    console.log('version', version);
-    return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`) : template`
+    const { align } = setting ?? {};
+    return template`
     <div
       class="${advanced?.cssClass}"
       style="${{

package/dist/esm/third-party/configs/BoldProductOptions.js

@@ -1,7 +1,7 @@
 var BoldProductOptionsConfig = {
     id: 'bold-product-options',
-    label: 'SC Product Options',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9a0bf1159f79c6ab0660ec422f350445/icon/CP2Uwo_GuYIDEAE=.png',
+    label: 'Bold Product Options',
+    logoUrl: 'https://ucarecdn.com/cae13b55-18b6-416a-a447-c18211d78cfe/-/format/auto/-/preview/3000x3000/-/quality/lighter/Bold%20Product%20Options.png',
     tag: 'BoldProductOptions'
 };
 

package/dist/esm/third-party/configs/EcoboostifyShoppableReelUgc.js

@@ -1,7 +1,7 @@
 var AppConfig = {
     id: 'ecoboostify-shoppable-reel-ugc',
     label: 'EcoBoostify Shoppable Reel UGC',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png',
     tag: 'EcoboostifyShoppableReelUgc'
 };
 

package/dist/esm/third-party/next.js

@@ -2,11 +2,11 @@ import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
 
-const EcomsendBackInStockAlert = dynamic(()=>import('./components/EcomsendBackInStockAlert.js'), {
+const AppstleBundlesDiscounts = dynamic(()=>import('./components/AppstleBundlesDiscounts.js'), {
     ssr: false,
     loading: Loading
 });
-const AppstleBundlesDiscounts = dynamic(()=>import('./components/AppstleBundlesDiscounts.js'), {
+const EcomsendBackInStockAlert = dynamic(()=>import('./components/EcomsendBackInStockAlert.js'), {
     ssr: false,
     loading: Loading
 });
@@ -467,8 +467,8 @@ const EcoboostifyShoppableReelUgc = dynamic(()=>import('./components/Ecoboostify
     loading: Loading
 });
 var thirdParty = {
-    EcomsendBackInStockAlert,
     AppstleBundlesDiscounts,
+    EcomsendBackInStockAlert,
     EcoboostifyShoppableReelUgc,
     EstimatedDeliveryDatePlus,
     OkendoReviewsLoyalty,

package/dist/esm/third-party/setting/EcoboostifyShoppableReelUgc.js

@@ -3,7 +3,7 @@ import AppConfig from '../configs/EcoboostifyShoppableReelUgc.js';
 const config = {
     tag: AppConfig.tag,
     label: AppConfig.label,
-    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">',
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png">',
     editorConfigs: {
         component: {
             isThirdParty: true
@@ -18,7 +18,7 @@ const config = {
             hideTextContent: true,
             icon: {
                 desktop: `<div class="w-full flex flex-col items-center">
-        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png">
         <span class="preset-item-title">EcoBoostify Shoppable Reel UGC</span>
       </div>`
             },

package/dist/esm/third-party/setting/Releasit.js

@@ -7,11 +7,6 @@ const config = {
     editorConfigs: {
         component: {
             isThirdParty: true
-        },
-        placeholder: {
-            flowTag: [
-                'Product'
-            ]
         }
     },
     presets: [
@@ -40,16 +35,6 @@ const config = {
         {
             id: 'setting',
             controls: [
-                {
-                    id: 'appBlockId',
-                    type: 'input',
-                    default: ''
-                },
-                {
-                    id: 'productHandle',
-                    type: 'input',
-                    default: ''
-                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -66,38 +51,6 @@ const config = {
                     href: 'https://admin.shopify.com/?redirect=/apps/releasit-cod-order-form',
                     appName: ReleasitConfig.label
                 },
-                {
-                    id: 'version',
-                    label: 'Choose version',
-                    type: 'select',
-                    default: 'v1',
-                    options: [
-                        {
-                            label: 'V1',
-                            value: 'v1'
-                        },
-                        {
-                            label: 'V2',
-                            value: 'v2'
-                        }
-                    ]
-                },
-                {
-                    id: 'widgetTypeV2',
-                    label: 'Choose widget',
-                    type: 'select',
-                    default: 'button-app-block',
-                    options: [
-                        {
-                            label: 'Releasit button',
-                            value: 'button-app-block'
-                        },
-                        {
-                            label: 'Releasit embedded form',
-                            value: 'form-app-block'
-                        }
-                    ]
-                },
                 {
                     id: 'align',
                     label: 'Alignment',
@@ -135,24 +88,14 @@ const config = {
                 id: 'install'
             }
         },
-        {
-            type: 'control',
-            label: {
-                en: 'Choose version'
-            },
-            setting: {
-                id: 'version'
-            }
-        },
         {
             type: 'control',
             label: {
                 en: 'Choose widget'
             },
             setting: {
-                id: 'widgetTypeV2'
-            },
-            condition: 'version === "v2"'
+                id: 'widgetType'
+            }
         },
         {
             type: 'control',

package/dist/esm/third-party/setting/index.js

@@ -112,8 +112,8 @@ import config$1K from './BfSizeChartSizeGuide.js';
 import config$1L from './AlsoBoughtCbb.js';
 import config$1M from './HextomFreeShippingBar.js';
 import config$1N from './EcoboostifyShoppableReelUgc.js';
-import config$1O from './EcomsendBackInStockAlert.js';
-import config$1P from './AppstleBundlesDiscounts.js';
+import config$1O from './AppstleBundlesDiscounts.js';
+import config$1P from './EcomsendBackInStockAlert.js';
 
 var index = {
     HextomCountdownTimerBar: config,
@@ -230,8 +230,8 @@ var index = {
     AlsoBoughtCbb: config$1L,
     HextomFreeShippingBar: config$1M,
     EcoboostifyShoppableReelUgc: config$1N,
-    EcomsendBackInStockAlert: config$1O,
-    AppstleBundlesDiscounts: config$1P
+    AppstleBundlesDiscounts: config$1O,
+    EcomsendBackInStockAlert: config$1P
 };
 
 export { index as default };

package/dist/esm/video/components/HTML5Embed.js

@@ -47,14 +47,14 @@ const HTML5Embed = (props)=>{
             }),
             props.thumbnail && showThumbnail && /*#__PURE__*/ jsxs("div", {
                 role: "presentation",
-                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full",
+                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full",
                 onClick: playVideoAndTurnOffThumbnail,
                 style: props.style,
                 children: [
                     /*#__PURE__*/ jsx("img", {
                         id: "video-thumbnail",
                         src: props.thumbnail,
-                        className: "gp-w-full gp-h-full gp-object-contain gp-thumbnail-video",
+                        className: "gp-w-full gp-h-full gp-object-cover gp-thumbnail-video",
                         alt: "Video Thumbnail"
                     }),
                     /*#__PURE__*/ jsx("button", {

package/dist/esm/video/components/HTML5Embed.liquid.js

@@ -3,7 +3,6 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const HTML5Embed = (props)=>{
-    const { enableLazyLoadImage, pageContext } = props;
     const videoId = `gp-video-${props.uid}`;
     const preloadThumbnail = props.autoplay && props.thumbnail;
     const offLazyVideo = !props.lazy && props.isVideoComponent;
@@ -20,9 +19,7 @@ const HTML5Embed = (props)=>{
                 '--op': 0,
                 '--z': -1,
                 display: 'none'
-            },
-            enableLazyLoadImage,
-            pageContext
+            }
         })}
     ${RenderIf(props.autoplay, `<script>
         document.addEventListener("DOMContentLoaded", (event) => {
@@ -71,14 +68,14 @@ const HTML5Embed = (props)=>{
   </video>
     <div
           style="${props.style}"
-           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full gp-thumbnail-video', {
+           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video', {
         'gp-hidden': !props.thumbnail || props.autoplay
     })}"
         >
           <img
             id="video-thumbnail"
             src="${props.thumbnail ?? ''}"
-            class="gp-w-full gp-h-full gp-object-contain"
+            class="gp-w-full gp-h-full gp-object-cover"
             alt="Video Thumbnail"
           ></img>
           <button

package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js

@@ -3,7 +3,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const LiteYouTubeEmbed = (props)=>{
-    const { style, lazy, preload, enableLazyLoadImage, pageContext } = props;
+    const { style, lazy, preload } = props;
     const videoUid = `gp-video-${props.uid}`;
     const videoId = encodeURIComponent(props.id);
     const videoTitle = props.title;
@@ -38,7 +38,7 @@ const LiteYouTubeEmbed = (props)=>{
         data-title="${videoTitle}"
         style="${{
         ...makeStyleResponsive('bgi', {
-            desktop: preload || !enableLazyLoadImage ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
+            desktop: preload ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
         }),
         ...style
     }}"
@@ -48,9 +48,7 @@ const LiteYouTubeEmbed = (props)=>{
         src: posterUrl,
         alt: 'Poster',
         className: `gp-invisible gp-w-full gp-h-full gp_lazyforbg`,
-        isDisableAspectStyle: true,
-        enableLazyLoadImage,
-        pageContext
+        isDisableAspectStyle: true
     })}
         <button
           type="button"

package/dist/types/index.d.ts

@@ -447,7 +447,6 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
     };
     hoverEffect?: string;
     isNotLazyload?: boolean;
-    disableNoDataState?: boolean;
 } & Pick<AdaptiveImageProps, 'srcSet'>;
 type ImageStyleSetting$1 = {
     shape?: ObjectDevices<SizeSettingGlobal>;
@@ -1578,8 +1577,6 @@ type ProductButtonProps = BasePropsWrap<{
     translate?: string;
     outOfStockLabel?: string;
     unavailableLabel?: string;
-    labelUnavailableTranslate?: string;
-    labelOutOfStockTranslate?: string;
     actionEffect?: 'open-cart-drawer' | 'buy-now' | 'continue-shopping' | 'go-to-url';
     customURL?: {
         link?: string;
@@ -2439,8 +2436,8 @@ declare const _default$r: {
     AlsoBoughtCbb: _gem_sdk_core.ComponentSetting<AlsoBoughtCbbProps>;
     HextomFreeShippingBar: _gem_sdk_core.ComponentSetting<HextomFreeShippingBarProps>;
     EcoboostifyShoppableReelUgc: _gem_sdk_core.ComponentSetting<EcoboostifyShoppableReelUgcProps>;
-    EcomsendBackInStockAlert: _gem_sdk_core.ComponentSetting<EcomsendBackInStockAlertProps>;
     AppstleBundlesDiscounts: _gem_sdk_core.ComponentSetting<AppstleBundlesDiscountsProps>;
+    EcomsendBackInStockAlert: _gem_sdk_core.ComponentSetting<EcomsendBackInStockAlertProps>;
 };
 
 type RechargeSubscriptionsProps = BaseProps<{
@@ -2878,10 +2875,6 @@ type ReleasitProps = BaseProps<{
     align?: ObjectDevices<AlignProp>;
     openApp?: any;
     install?: any;
-    version?: 'v1' | 'v2';
-    widgetTypeV2?: string;
-    appBlockId?: string;
-    productHandle?: string;
 }>;
 declare const Releasit$1: React.FC<ReleasitProps>;
 
@@ -3525,23 +3518,23 @@ type EcoboostifyShoppableReelUgcProps = BaseProps<{
 }>;
 declare const EcoboostifyShoppableReelUgc$1: React.FC<EcoboostifyShoppableReelUgcProps>;
 
-type EcomsendBackInStockAlertProps = BaseProps<{
+type AppstleBundlesDiscountsProps = BaseProps<{
     align?: ObjectDevices<AlignProp>;
     openApp?: any;
     install?: any;
     appBlockId?: string;
     widgetType?: string;
 }>;
-declare const EcomsendBackInStockAlert$1: React.FC<EcomsendBackInStockAlertProps>;
+declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
 
-type AppstleBundlesDiscountsProps = BaseProps<{
+type EcomsendBackInStockAlertProps = BaseProps<{
     align?: ObjectDevices<AlignProp>;
     openApp?: any;
     install?: any;
     appBlockId?: string;
     widgetType?: string;
 }>;
-declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
+declare const EcomsendBackInStockAlert$1: React.FC<EcomsendBackInStockAlertProps>;
 
 declare const _default$q: {
     InstantJudgemeReviews: _gem_sdk_core.ComponentSetting<InstantJudgemeReviewsProps>;
@@ -4000,7 +3993,6 @@ type ImageComparisonStyle = {
 } & Pick<SharedProps, 'aspectRatio'>;
 type ImageComparisonProps = BaseProps & {
     className?: string;
-    enableLazyLoadImage?: boolean;
     pageContext?: PageContext;
 } & BasePropsWrap<ImageComparisonSetting, ImageComparisonStyle>;
 declare const ImageComparison$1: React.FC<ImageComparisonProps>;
@@ -5175,8 +5167,8 @@ declare const _default$1: {
     InstantLooxReviews: React.ComponentType<InstantLooxReviewsProps>;
     InstantKlaviyo: React.ComponentType<InstantKlaviyoProps>;
     InstantYotpoLoyalty: React.ComponentType<InstantYotpoLoyaltyProps>;
-    EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
     AppstleBundlesDiscounts: React.ComponentType<AppstleBundlesDiscountsProps>;
+    EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
     EcoboostifyShoppableReelUgc: React.ComponentType<EcoboostifyShoppableReelUgcProps>;
     EstimatedDeliveryDatePlus: React.ComponentType<EstimatedDeliveryDatePlusProps>;
     OkendoReviewsLoyalty: React.ComponentType<OkendoReviewsLoyaltyProps>;
@@ -5436,11 +5428,10 @@ type ButtonLiquidProps = MixedProps & ButtonProps & {
     advanced?: any;
     pageContext?: PageContext;
     nodePrice?: string | null;
-    isForceValue?: boolean;
 } & {
     dataId?: string;
 };
-declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId, isForceValue, }: ButtonLiquidProps) => string;
+declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId, }: ButtonLiquidProps) => string;
 
 declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext, }: _gem_sdk_core.BaseProps<{
     copyContent?: string | undefined;
@@ -5692,8 +5683,6 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
     translate?: string | undefined;
     outOfStockLabel?: string | undefined;
     unavailableLabel?: string | undefined;
-    labelUnavailableTranslate?: string | undefined;
-    labelOutOfStockTranslate?: string | undefined;
     actionEffect?: "buy-now" | "open-cart-drawer" | "continue-shopping" | "go-to-url" | undefined;
     customURL?: {
         link?: string | undefined;
@@ -5788,7 +5777,7 @@ type PropTypes = ProductImagesProps$1 & React.ComponentPropsWithoutRef<'div'> &
     children?: any;
 } & {
     pageContext?: PageContext;
-    enableLazyLoadImage?: boolean;
+    enableLazyloadImage?: boolean;
 };
 declare const ProductImages: (productImageProps: PropTypes) => string;
 
@@ -6124,7 +6113,7 @@ declare const CarouselItem: ({ children, builderAttrs, styles, advanced, setting
     background?: Partial<Record<NameDevices, Background>> | undefined;
 }) => string;
 
-declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
+declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
     builderAttrs?: Record<string, any> | undefined;
     style?: React.CSSProperties | undefined;
 } & {
@@ -6156,7 +6145,6 @@ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx,
     disableMarginAuto?: boolean | undefined;
     slidesClass?: string | undefined;
     conditionAppendJs?: string | undefined;
-    ftShapeProductImage?: Partial<Record<NameDevices, SizeSettingGlobal>> | undefined;
 }) => string;
 
 type LineProps = {
@@ -6284,7 +6272,7 @@ type CountdownLiquidProps = BaseProps<{
 };
 declare const Countdown: ({ builderProps, setting, styles, advanced, pageContext, }: CountdownLiquidProps) => string;
 
-declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyLoadImage, pageContext, }: {
+declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyloadImage, }: {
     className?: string | undefined;
     children?: React.ReactNode;
     onClick?: React.MouseEventHandler<any> | undefined;
@@ -6321,7 +6309,6 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
     } | undefined;
     hoverEffect?: string | undefined;
     isNotLazyload?: boolean | undefined;
-    disableNoDataState?: boolean | undefined;
 } & Pick<AdaptiveImageProps, "srcSet">, {
     shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
     customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
@@ -6344,8 +6331,7 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
 } & {
     advanced?: any;
 } & {
-    enableLazyLoadImage?: boolean | undefined;
-    pageContext?: PageContext | undefined;
+    enableLazyloadImage?: boolean | undefined;
 }) => string;
 
 type VideoProps = {} & BasePropsWrap<{
@@ -6410,7 +6396,7 @@ declare const TabItem: ({ children, builderAttrs, style, className, parentUid }:
     parentUid?: string | undefined;
 }) => string;
 
-declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyLoadImage, }: _gem_sdk_core.BaseProps<{
+declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage, }: _gem_sdk_core.BaseProps<{
     link?: {
         link?: string | undefined;
         target?: string | undefined;
@@ -6473,7 +6459,7 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
 } & {
     rawChildren?: any[] | undefined;
     advanced?: any;
-    enableLazyLoadImage?: boolean | undefined;
+    enableLazyloadImage?: boolean | undefined;
 }) => string;
 
 declare const CSSCode: ({ setting, style, advanced, builderAttrs, builderProps }: CSSCodeProps) => string;
@@ -6950,10 +6936,10 @@ declare const HextomFreeShippingBar: ({ setting, advanced }: HextomFreeShippingB
 
 declare const EcoboostifyShoppableReelUgc: ({ setting, advanced }: EcoboostifyShoppableReelUgcProps) => string;
 
-declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
-
 declare const AppstleBundlesDiscounts: ({ setting, advanced }: AppstleBundlesDiscountsProps) => string;
 
+declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
+
 declare const ImageComparison: ({ setting, styles, builderProps, advanced, ...props }: ImageComparisonProps) => string;
 
 declare const ThirdPartySlot: ({ setting, advanced }: ThirdPartySlotProps) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.2.0-staging.32",
+  "version": "2.2.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -21,8 +21,8 @@
     "format": "prettier --write \"./src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.2.0-staging.30",
-    "@gem-sdk/styles": "2.1.27-staging.13",
+    "@gem-sdk/core": "2.2.0",
+    "@gem-sdk/styles": "2.1.31",
     "@types/react-transition-group": "^4.4.5"
   },
   "dependencies": {