@gem-sdk/core 1.57.0-staging.33 → 1.57.0-staging.40

package/dist/cjs/helpers/background.js

@@ -76,6 +76,9 @@ const getBgImageByDevice = (background, device, options)=>{
     if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {

package/dist/cjs/helpers/compose-advance-style.js

@@ -112,7 +112,21 @@ function composeAdvanceStyle(data, tag, pageType) {
                             Object.assign(styles, radius.composeRadius(value));
                         }
                         if (attr === 'boxShadow') {
-                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
+                            const listElementShadowV2 = [
+                                'Row',
+                                'Section',
+                                'Text',
+                                'Heading'
+                            ];
+                            let hasBoxShadowV2 = hasBoxShadow;
+                            if (listElementShadowV2.includes(tag || '')) {
+                                hasBoxShadowV2 = {
+                                    desktop: value.desktop ?? {},
+                                    tablet: value.tablet ?? value.desktop ?? {},
+                                    mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
+                                };
+                            }
+                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
                         }
                         const styleValue = getAttrValue(attr, deviceValue, tag);
                         if (composeAttr === 'desktop') {

package/dist/cjs/helpers/interaction/index.js

@@ -26,14 +26,19 @@ const useInteraction = ()=>{
             return element?.querySelector(selector);
         }
     }
+    const handleOnListener = (element, event, callback)=>{
+        const eventListener = (e)=>{
+            const customEvent = e;
+            const params = customEvent.detail;
+            if (callback) callback(params);
+        };
+        element.addEventListener(event, eventListener);
+        return ()=>element.removeEventListener(event, eventListener);
+    };
     const onListener = ({ event, selector, elementRef }, callback)=>{
         const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
         if (!element) return;
-        element.addEventListener(event, (e)=>{
-            const event = e;
-            const params = event.detail;
-            if (callback) callback(params);
-        });
+        return handleOnListener(element, event, callback);
     };
     const trigger = ({ event, data, selector, element: elementParam })=>{
         const element = elementParam || document.body.querySelector('#storefront')?.querySelector(selector);

package/dist/cjs/helpers/radius.js

@@ -27,7 +27,14 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    if (!radius || !state || radius?.radiusType !== 'custom') return {};
+    const list = [
+        'custom',
+        'pill',
+        'rounded',
+        'single',
+        'none'
+    ];
+    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
     const mState = constant.stateMapping?.[state];
     return {
@@ -62,6 +69,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -74,6 +82,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -86,6 +95,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }

package/dist/cjs/helpers/shadow.js

@@ -24,10 +24,11 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     let { state } = shadowStyle || {};
     if (!state) state = 'normal';
     if (!styleAppliedFor || !value) return {};
-    if (typeof value.distance == 'undefined') return {};
+    const isNoneValue = value.type === 'none';
+    if (typeof value.distance == 'undefined' && !isNoneValue) return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow && !isNoneValue ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{

package/dist/cjs/helpers/third-party/appConfig.js

@@ -168,6 +168,12 @@ const LoloyalLoyaltyReferralsConfig = {
         appId: '930ac91f-2bf2-4655-9ba0-574771f782d6'
     }
 };
+const PowerfulContactFormBuilderConfig = {
+    PowerfulContactFormBuilder: {
+        appName: 'powerful-form-builder',
+        appId: 'e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d'
+    }
+};
 
 exports.AppointmentBookingCowlendarConfig = AppointmentBookingCowlendarConfig;
 exports.BoldSubscriptionsConfig = BoldSubscriptionsConfig;
@@ -182,6 +188,7 @@ exports.KachingBundlesConfig = KachingBundlesConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoloyalLoyaltyReferralsConfig = LoloyalLoyaltyReferralsConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
+exports.PowerfulContactFormBuilderConfig = PowerfulContactFormBuilderConfig;
 exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
 exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
 exports.ProductOptionsCustomizerConfig = ProductOptionsCustomizerConfig;

package/dist/cjs/helpers/third-party/appSetting.js

@@ -109,6 +109,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     ['show-views']: appSetting?.showViews
                 };
             }
+        case 'PowerfulContactFormBuilder':
+            {
+                return {
+                    ...currentSetting,
+                    shortcode: appSetting?.shortcode
+                };
+            }
         default:
             return currentSetting;
     }
@@ -419,8 +426,16 @@ const LoloyalLoyaltyReferrals = {
         'app-referrals': LoloyalSettingCommon
     }
 };
+const PowerfulContactFormBuilder = {
+    PowerfulContactFormBuilder: {
+        'app-block': {
+            shortcode: ''
+        }
+    }
+};
 const composeSettingsByWidgetType = {
     ...LoloyalLoyaltyReferrals,
+    ...PowerfulContactFormBuilder,
     ...InstasellShoppableInstagram,
     ...SproutPlantTreesGrowSales,
     ...AppointmentBookingCowlendar,

package/dist/cjs/helpers/third-party/constant.js

@@ -30,7 +30,8 @@ const mapShopifyAppMeta = {
     ...appConfig.InstasellShoppableInstagramConfig,
     ...appConfig.GrowaveConfig,
     ...appConfig.KachingBundlesConfig,
-    ...appConfig.LoloyalLoyaltyReferralsConfig
+    ...appConfig.LoloyalLoyaltyReferralsConfig,
+    ...appConfig.PowerfulContactFormBuilderConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/types/custom.js

@@ -23,6 +23,7 @@ exports.InteractionTargetEvent = void 0;
     InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
     InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
     InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
 })(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
 exports.InteractionTriggerEvent = void 0;
 (function(InteractionTriggerEvent) {

package/dist/esm/helpers/background.js

@@ -74,6 +74,9 @@ const getBgImageByDevice = (background, device, options)=>{
     if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {

package/dist/esm/helpers/compose-advance-style.js

@@ -110,7 +110,21 @@ function composeAdvanceStyle(data, tag, pageType) {
                             Object.assign(styles, composeRadius(value));
                         }
                         if (attr === 'boxShadow') {
-                            Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
+                            const listElementShadowV2 = [
+                                'Row',
+                                'Section',
+                                'Text',
+                                'Heading'
+                            ];
+                            let hasBoxShadowV2 = hasBoxShadow;
+                            if (listElementShadowV2.includes(tag || '')) {
+                                hasBoxShadowV2 = {
+                                    desktop: value.desktop ?? {},
+                                    tablet: value.tablet ?? value.desktop ?? {},
+                                    mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
+                                };
+                            }
+                            Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
                         }
                         const styleValue = getAttrValue(attr, deviceValue, tag);
                         if (composeAttr === 'desktop') {

package/dist/esm/helpers/interaction/index.js

@@ -24,14 +24,19 @@ const useInteraction = ()=>{
             return element?.querySelector(selector);
         }
     }
+    const handleOnListener = (element, event, callback)=>{
+        const eventListener = (e)=>{
+            const customEvent = e;
+            const params = customEvent.detail;
+            if (callback) callback(params);
+        };
+        element.addEventListener(event, eventListener);
+        return ()=>element.removeEventListener(event, eventListener);
+    };
     const onListener = ({ event, selector, elementRef }, callback)=>{
         const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
         if (!element) return;
-        element.addEventListener(event, (e)=>{
-            const event = e;
-            const params = event.detail;
-            if (callback) callback(params);
-        });
+        return handleOnListener(element, event, callback);
     };
     const trigger = ({ event, data, selector, element: elementParam })=>{
         const element = elementParam || document.body.querySelector('#storefront')?.querySelector(selector);

package/dist/esm/helpers/radius.js

@@ -25,7 +25,14 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    if (!radius || !state || radius?.radiusType !== 'custom') return {};
+    const list = [
+        'custom',
+        'pill',
+        'rounded',
+        'single',
+        'none'
+    ];
+    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
     const mState = stateMapping?.[state];
     return {
@@ -60,6 +67,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -72,6 +80,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -84,6 +93,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }

package/dist/esm/helpers/shadow.js

@@ -22,10 +22,11 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     let { state } = shadowStyle || {};
     if (!state) state = 'normal';
     if (!styleAppliedFor || !value) return {};
-    if (typeof value.distance == 'undefined') return {};
+    const isNoneValue = value.type === 'none';
+    if (typeof value.distance == 'undefined' && !isNoneValue) return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow && !isNoneValue ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{

package/dist/esm/helpers/third-party/appConfig.js

@@ -166,5 +166,11 @@ const LoloyalLoyaltyReferralsConfig = {
         appId: '930ac91f-2bf2-4655-9ba0-574771f782d6'
     }
 };
+const PowerfulContactFormBuilderConfig = {
+    PowerfulContactFormBuilder: {
+        appName: 'powerful-form-builder',
+        appId: 'e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d'
+    }
+};
 
-export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KachingBundlesConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };
+export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KachingBundlesConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, PowerfulContactFormBuilderConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };

package/dist/esm/helpers/third-party/appSetting.js

@@ -107,6 +107,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     ['show-views']: appSetting?.showViews
                 };
             }
+        case 'PowerfulContactFormBuilder':
+            {
+                return {
+                    ...currentSetting,
+                    shortcode: appSetting?.shortcode
+                };
+            }
         default:
             return currentSetting;
     }
@@ -417,8 +424,16 @@ const LoloyalLoyaltyReferrals = {
         'app-referrals': LoloyalSettingCommon
     }
 };
+const PowerfulContactFormBuilder = {
+    PowerfulContactFormBuilder: {
+        'app-block': {
+            shortcode: ''
+        }
+    }
+};
 const composeSettingsByWidgetType = {
     ...LoloyalLoyaltyReferrals,
+    ...PowerfulContactFormBuilder,
     ...InstasellShoppableInstagram,
     ...SproutPlantTreesGrowSales,
     ...AppointmentBookingCowlendar,

package/dist/esm/helpers/third-party/constant.js

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, KachingBundlesConfig, LoloyalLoyaltyReferralsConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, KachingBundlesConfig, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -28,7 +28,8 @@ const mapShopifyAppMeta = {
     ...InstasellShoppableInstagramConfig,
     ...GrowaveConfig,
     ...KachingBundlesConfig,
-    ...LoloyalLoyaltyReferralsConfig
+    ...LoloyalLoyaltyReferralsConfig,
+    ...PowerfulContactFormBuilderConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/types/custom.js

@@ -21,6 +21,7 @@ var InteractionTargetEvent;
     InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
     InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
     InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
 })(InteractionTargetEvent || (InteractionTargetEvent = {}));
 var InteractionTriggerEvent;
 (function(InteractionTriggerEvent) {

package/dist/types/index.d.ts

@@ -6904,6 +6904,7 @@ type ObjectLayoutValue = {
     display?: 'fill' | 'fit';
     cols?: number[];
     keepCol?: boolean;
+    gap?: string;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
 type TrustooWidgetType = 'starRatingInList' | 'starRating' | 'reviews';
@@ -6973,6 +6974,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     devices?: ResponsiveConfig<U>;
+    compoDefaultValue?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
     showVideo?: boolean;
 } : {
@@ -7011,6 +7013,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     emptyOnClear?: boolean;
     showVideo?: boolean;
     default?: T;
+    compoDefaultValue?: T;
 };
 type SharedControlType<T> = {
     [K in keyof T]-?: Mapped$7<K, T[K]>;
@@ -7533,23 +7536,23 @@ type Background = {
         storage?: 'THEME' | 'FILE_CONTENT';
         backupFilePath?: string;
     };
-    size?: BgSize;
-    position?: BgPosition;
-    repeat?: BgRepeat;
-    attachment?: BgAttachment;
+    size?: BgSize$2;
+    position?: BgPosition$2;
+    repeat?: BgRepeat$2;
+    attachment?: BgAttachment$2;
     video?: string;
     videoHtml5?: string;
     videoType?: 'youtube' | 'html5';
     loop?: boolean;
     lazyLoad?: boolean;
 };
-type BgSize = 'cover' | 'contain';
-type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
-type BgPosition = {
+type BgSize$2 = 'cover' | 'contain';
+type BgRepeat$2 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition$2 = {
     x: number;
     y: number;
 };
-type BgAttachment = 'scroll' | 'fixed' | 'local';
+type BgAttachment$2 = 'scroll' | 'fixed' | 'local';
 
 type VisibilityControlType<T> = SharedControlType<T> & {
     type: 'visibility';
@@ -7865,6 +7868,7 @@ type DropdownInput<T> = SharedControlType<T> & {
         reversed?: boolean;
         showValue?: boolean;
     }[];
+    isRowWith?: boolean;
 };
 
 type Dropdown<T> = SharedControlType<T> & {
@@ -8150,7 +8154,398 @@ type ProductHandleType<T> = SharedControlType<T> & {
     type: 'product-handle';
 };
 
-type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
+type SettingStateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
+type LangKey = 'en' | 'vi';
+type LabelWithLang = {
+    [P in keyof Record<LangKey, ''>]?: string;
+};
+type SettingMediaType = 'image' | 'youtubeVideoID';
+type SettingUIHelpType = {
+    content: string;
+    button?: {
+        label: string;
+        link: string;
+    };
+    media?: {
+        value: string;
+        type: SettingMediaType;
+    };
+};
+type LinkWithSetting = {
+    name: string;
+    state?: string;
+    field?: string;
+    getLinkValue?: boolean;
+};
+type ControlConfig = ControlProp<any> & {
+    linkWithSetting?: LinkWithSetting;
+};
+type Plan = 'trial' | 'build' | 'starter' | 'optimize' | 'advanced' | 'trial2022' | 'enterprise' | 'development' | 'professional';
+type LabelVariant = 'primary' | 'secondary' | 'bold';
+type SettingUIControl = {
+    id?: string;
+    controlConfig?: ControlConfig;
+    type?: 'control' | 'combo' | 'tab' | 'toggleGroup';
+    layout?: 'vertical' | 'horizontal';
+    toggleGroupId?: string;
+    label?: LabelWithLang;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    options?: {
+        fullWidth?: boolean;
+        onlyShowInTags?: string[];
+        target?: 'tab';
+        disableMessage?: string;
+        nearestSupportedPlan?: Plan;
+        lockedOnPlans?: Plan[];
+        labelVariant?: LabelVariant;
+        labelInsideControl?: boolean;
+        hideLabel?: boolean;
+        updateFields?: [
+            {
+                field: string;
+                settingId: string;
+            }
+        ];
+    };
+    setting?: {
+        id: string;
+        state?: SettingStateType;
+    };
+    searchKeyword?: string;
+    controlChangeTrigger?: ControlTrigger;
+    tabs?: SettingUITab[];
+    info?: LabelWithLang;
+    compoDefaultValue?: any | Record<NameDevices$1, any>;
+} & SettingUICompo;
+type ControlTriggerAction$1 = {
+    controlId: string;
+    newValue?: any;
+    valueFromField?: string;
+    controlType: string;
+    groupType: string;
+    valueIfNull?: any;
+    removeDevice?: boolean;
+};
+type ControlTriggerSetting = {
+    source?: string[];
+    condition?: string;
+    action: ControlTriggerAction$1;
+};
+type ControlTrigger = {
+    settings?: ControlTriggerSetting[];
+    options?: {
+        noRecordHistory?: boolean;
+    };
+};
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+};
+type SettingUITab = {
+    label?: LabelWithLang;
+    controls?: SettingUIControl[];
+    hide?: boolean;
+    conditionDisplay?: string;
+};
+type SettingUIToggleGroup = {
+    label?: LabelWithLang;
+    id?: string;
+    controls?: SettingUIControl[];
+};
+type SettingUIToggleSettings = {
+    controls?: SettingUIControl[];
+    isActiveDefault?: boolean;
+} & SettingUIControl & SettingUIToggleGroup;
+type SettingUIGroup = {
+    label?: LabelWithLang;
+    message?: string;
+    disableToggle?: boolean;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    controls?: SettingUIControl[];
+    moreSettings?: SettingUIMoreSetting;
+    toggleSettings?: SettingUIToggleSettings[];
+    states?: SettingUITab[];
+    help?: SettingUIHelpType;
+    options?: {
+        disableMessage?: string;
+    };
+};
+
+type ColorPickerV2ControlType<T> = SharedControlType<T> & {
+    type: 'color-picker-v2';
+};
+
+type BorderV2ControlType<T> = SharedControlType<T> & {
+    type: 'border-v2';
+};
+
+type CornerV2ControlType<T> = SharedControlType<T> & {
+    type: 'corner-v2';
+};
+
+type PaddingV2ControlType<T> = SharedControlType<T> & {
+    type: 'padding-v2';
+};
+
+type BackgroundImageType<T> = SharedControlType<T> & {
+    type: 'background-image';
+    value?: BackgroundImageValue;
+};
+type BackgroundImageValue = {
+    image?: {
+        src: string;
+        width: number;
+        height: number;
+    };
+    size?: BgSize$1;
+    position?: BgPosition$1;
+    repeat?: BgRepeat$1;
+    attachment?: BgAttachment$1;
+    altText?: string;
+    imageTitle?: string;
+    lazyLoad?: boolean;
+    preload?: boolean;
+};
+type BgSize$1 = 'cover' | 'contain' | '100% 100%';
+type BgRepeat$1 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition$1 = {
+    x: number;
+    y: number;
+};
+type BgAttachment$1 = 'scroll' | 'fixed' | 'local';
+
+type BackgroundVideoType<T> = SharedControlType<T> & {
+    type: 'background-video';
+    value?: BackgroundVideoValue;
+};
+type BackgroundVideoValue = {
+    srcYoutube?: string;
+    srcHtml5?: string;
+    type?: 'youtube' | 'html5';
+    ratio?: string;
+    loop?: boolean;
+};
+
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+type TypographyV2Family = string | {
+    value: string;
+    type: TypographyV2FontFamilyType;
+};
+type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme';
+
+/**
+ * @deprecated Please use `TypographySettingV2`
+ */
+type TypographySetting = {
+    type?: TypographyType;
+    custom?: ObjectDevices<TypographyProps>;
+};
+type TypographySettingV2 = {
+    type?: TypographyType;
+    custom?: TypographyV2Props;
+    attrs?: TypographyV2Attrs;
+};
+type SizeSetting = {
+    type?: SizeType;
+    custom?: ObjectDevices<SizeProps>;
+};
+type SizeProps = {
+    horizontal?: string;
+    vertical?: string;
+};
+type SizeType = 'medium' | 'large' | 'small' | 'none';
+type TypographyProps = {
+    fontSize?: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    fontFamily?: TypographyV2Family;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fallbackFontFamily?: string;
+    textShadow?: ShadowProps;
+    hasShadowText?: boolean;
+    isCustom?: boolean;
+};
+type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
+    fontSize?: ObjectDevices<string>;
+    lineHeight?: ObjectDevices<string>;
+};
+type TypographyV2Attrs = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    color?: ColorValueType;
+    transform?: string;
+    textAlign?: ObjectDevices<AlignProp>;
+};
+type CornerRadius = {
+    btlr?: string;
+    btrr?: string;
+    bblr?: string;
+    bbrr?: string;
+    radiusType?: CornerRadiusType;
+};
+type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
+type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
+type FontName = 'body' | 'heading' | 'code';
+type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
+type HexColorType = `#${string}`;
+type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
+type RGBColorType = `rgb(${number}, ${number}, ${number})`;
+type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
+type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
+type BrandColorObject = {
+    brand: string;
+    highlight: string;
+};
+type BackgroundColorObject = {
+    'bg-1': string;
+    'bg-2': string;
+    'bg-3': string;
+};
+type TextColorObject = {
+    'text-1': string;
+    'text-2': string;
+    'text-3': string;
+};
+type LineColorObject = {
+    'line-1': string;
+    'line-2': string;
+    'line-3': string;
+};
+type FuncColorObject = {
+    info: string;
+    warning: string;
+    success: string;
+    error: string;
+};
+type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
+type ObjectDeviceGlobalType<T> = {
+    desktop: T;
+    tablet?: T;
+    mobile?: T;
+};
+type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
+type ContainerProp = 'width' | 'padding';
+type GlobalStyleResponsiveConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
+    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
+    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type GlobalStyleConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, TypographyProps>>;
+    spacing?: Partial<Record<SpacingType, string>>;
+    container?: Partial<Record<ContainerProp, string>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
+type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
+type ShadowStyle = {
+    value?: ShadowProps;
+    state?: StateType;
+    styleAppliedFor?: ShadowStyleApplied;
+    isEnableShadow?: boolean;
+};
+type ShadowProps = {
+    type?: ShadowType | 'custom' | 'none';
+    angle?: string | number;
+    distance?: string;
+    blur?: string;
+    spread?: string;
+    color?: ColorValueType;
+};
+type Border = {
+    borderType?: BorderTypeName;
+    border?: BorderStyle$1;
+    color?: ColorValueType;
+    width?: string;
+    isCustom?: boolean;
+    position?: BorderPosition;
+    borderWidth?: string;
+};
+type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
+type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
+type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
+type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
+declare const OptionNormalStyle: string[];
+declare const OptionSpecialStyle: string[];
+type SwatchesOptionValue = {
+    label?: string;
+    colors?: string[];
+    imageUrl?: string;
+};
+type GlobalSwatchesData = {
+    optionTitle: string;
+    optionType: SwatchesOptionType;
+    optionValues: SwatchesOptionValue[];
+};
+
+type ShadowV2ControlType<T> = SharedControlType<T> & {
+    type: 'shadow-v2';
+    value?: ShadowProps;
+};
+
+type BackgroundMediaControlType<T> = SharedControlType<T> & {
+    type: 'background-media';
+    value?: BackgroundMedia;
+    showVideo?: Boolean;
+};
+type BackgroundMedia = {
+    type: 'color' | 'image' | 'video';
+    color?: string;
+    image?: {
+        src?: string;
+        width?: number;
+        height?: number;
+        backupFileKey?: string;
+        storage?: 'THEME' | 'FILE_CONTENT';
+        backupFilePath?: string;
+    };
+    size?: BgSize;
+    position?: BgPosition;
+    repeat?: BgRepeat;
+    attachment?: BgAttachment;
+    video?: string;
+    videoHtml5?: string;
+    videoType?: 'youtube' | 'html5';
+    loop?: boolean;
+    lazyLoad?: boolean;
+    preload?: boolean;
+};
+type BgSize = 'cover' | 'contain';
+type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition = {
+    x: number;
+    y: number;
+};
+type BgAttachment = 'scroll' | 'fixed' | 'local';
+
+type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8223,6 +8618,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -8368,7 +8764,8 @@ declare enum InteractionTargetEvent {
     'gp:change-text-value' = 17,
     'gp:toggle-popup-open' = 18,
     'gp:show-or-hide' = 19,
-    'gp:change-banner' = 20
+    'gp:change-banner' = 20,
+    'gp:change-open-tab' = 21
 }
 declare enum InteractionTriggerEvent {
     'click' = 0,
@@ -30709,172 +31106,6 @@ declare namespace appAPI {
   };
 }
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type TypographyV2Family = string | {
-    value: string;
-    type: TypographyV2FontFamilyType;
-};
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme';
-
-/**
- * @deprecated Please use `TypographySettingV2`
- */
-type TypographySetting = {
-    type?: TypographyType;
-    custom?: ObjectDevices<TypographyProps>;
-};
-type TypographySettingV2 = {
-    type?: TypographyType;
-    custom?: TypographyV2Props;
-    attrs?: TypographyV2Attrs;
-};
-type SizeSetting = {
-    type?: SizeType;
-    custom?: ObjectDevices<SizeProps>;
-};
-type SizeProps = {
-    horizontal?: string;
-    vertical?: string;
-};
-type SizeType = 'medium' | 'large' | 'small' | 'none';
-type TypographyProps = {
-    fontSize?: string;
-    fontWeight?: string | number;
-    fontStyle?: string;
-    fontFamily?: TypographyV2Family;
-    lineHeight?: string;
-    letterSpacing?: string;
-    fallbackFontFamily?: string;
-    textShadow?: ShadowProps;
-    hasShadowText?: boolean;
-    isCustom?: boolean;
-};
-type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
-    fontSize?: ObjectDevices<string>;
-    lineHeight?: ObjectDevices<string>;
-};
-type TypographyV2Attrs = {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    color?: ColorValueType;
-    transform?: string;
-};
-type CornerRadius = {
-    btlr?: string;
-    btrr?: string;
-    bblr?: string;
-    bbrr?: string;
-    radiusType?: CornerRadiusType;
-};
-type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom';
-type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
-type FontName = 'body' | 'heading' | 'code';
-type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
-type HexColorType = `#${string}`;
-type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
-type RGBColorType = `rgb(${number}, ${number}, ${number})`;
-type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
-type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
-type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
-type BrandColorObject = {
-    brand: string;
-    highlight: string;
-};
-type BackgroundColorObject = {
-    'bg-1': string;
-    'bg-2': string;
-    'bg-3': string;
-};
-type TextColorObject = {
-    'text-1': string;
-    'text-2': string;
-    'text-3': string;
-};
-type LineColorObject = {
-    'line-1': string;
-    'line-2': string;
-    'line-3': string;
-};
-type FuncColorObject = {
-    info: string;
-    warning: string;
-    success: string;
-    error: string;
-};
-type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
-type ObjectDeviceGlobalType<T> = {
-    desktop: T;
-    tablet?: T;
-    mobile?: T;
-};
-type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom';
-type ContainerProp = 'width' | 'padding';
-type GlobalStyleResponsiveConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
-    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
-    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type GlobalStyleConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, TypographyProps>>;
-    spacing?: Partial<Record<SpacingType, string>>;
-    container?: Partial<Record<ContainerProp, string>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
-type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
-type ShadowStyle = {
-    value?: ShadowProps;
-    state?: StateType;
-    styleAppliedFor?: ShadowStyleApplied;
-    isEnableShadow?: boolean;
-};
-type ShadowProps = {
-    type?: ShadowType | 'custom';
-    angle?: string | number;
-    distance?: string;
-    blur?: string;
-    spread?: string;
-    color?: ColorValueType;
-};
-type Border = {
-    borderType?: BorderTypeName;
-    border?: BorderStyle$1;
-    color?: ColorValueType;
-    width?: string;
-    isCustom?: boolean;
-    position?: BorderPosition;
-    borderWidth?: string;
-};
-type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
-type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
-type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
-type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
-declare const OptionNormalStyle: string[];
-declare const OptionSpecialStyle: string[];
-type SwatchesOptionValue = {
-    label?: string;
-    colors?: string[];
-    imageUrl?: string;
-};
-type GlobalSwatchesData = {
-    optionTitle: string;
-    optionType: SwatchesOptionType;
-    optionValues: SwatchesOptionValue[];
-};
-
 type ProductInputAnalytic = {
     id: string;
     name: string;
@@ -41543,11 +41774,11 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
 declare const addAppBlockId: (component: Component) => Component;
 
 declare const useInteraction: () => {
-    onListener: ({ event, selector, elementRef }: {
+    onListener: ({ event, selector, elementRef, }: {
         event: string;
         selector: string;
         elementRef?: React.MutableRefObject<HTMLElement> | undefined;
-    }, callback: (data: any) => void) => void;
+    }, callback: (data: any) => void) => (() => void) | undefined;
     trigger: ({ event, data, selector, element: elementParam, }: {
         event: string;
         data?: any;
@@ -41570,4 +41801,4 @@ declare const useInteraction: () => {
     }) => void;
 };
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, 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, CSSStateKey, 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, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, 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, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, 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, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useHasPreSelected, useInitialSwatchesOptions, useInteraction, 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 };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, 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, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, 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, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, 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, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useHasPreSelected, useInitialSwatchesOptions, useInteraction, 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 };

package/package.json

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