@gem-sdk/core 1.57.15-staging.3 → 1.58.0-dev.13

package/dist/cjs/helpers/background.js

@@ -73,9 +73,12 @@ const getBgImageByDevice = (background, device, options)=>{
             imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
         }
     }
-    if (typeof imageByDevice === 'string') {
+    if (typeof imageByDevice === 'string' && imageByDevice) {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -216,9 +219,10 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
         'mobile'
     ].forEach((device)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+            const bgImage = `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`;
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : bgImage
             });
         }
     });

package/dist/cjs/helpers/borders.js

@@ -2,6 +2,7 @@
 
 var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
+var constant = require('./constant.js');
 
 const getBorderStyle = (value)=>{
     return makeStyle.makeStyle({
@@ -187,8 +188,24 @@ const composeBorderCss = (borderV)=>{
   ${color ? `border-color: ${colors.getSingleColorVariable(color)};` : ''}
   `;
 };
+const composeBorderResponsive = (borderValue)=>{
+    const style = {};
+    Object.assign(style, composeBorderDevice(borderValue?.desktop, 'desktop'));
+    Object.assign(style, composeBorderDevice(borderValue?.tablet, 'tablet'));
+    Object.assign(style, composeBorderDevice(borderValue?.mobile, 'mobile'));
+    return style;
+};
+const composeBorderDevice = (value, device)=>{
+    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
+    return {
+        [`--b${suffix}`]: value?.border,
+        [`--bc${suffix}`]: colors.getSingleColorVariable(value?.color),
+        [`--bw${suffix}`]: value?.width
+    };
+};
 
 exports.composeBorderCss = composeBorderCss;
+exports.composeBorderResponsive = composeBorderResponsive;
 exports.getBorderRadiusStyle = getBorderRadiusStyle;
 exports.getBorderStyle = getBorderStyle;
 exports.handleConvertBorderColor = handleConvertBorderColor;

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

@@ -112,7 +112,22 @@ 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',
+                                'Image'
+                            ];
+                            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/prefetch-queries.js

@@ -1,10 +1,8 @@
 'use strict';
 
-var useSWR = require('swr');
 var getCollection = require('./queries/get-collection.js');
 var getProduct = require('./queries/get-product.js');
 var getProducts = require('./queries/get-products.js');
-var query = require('./query.js');
 
 const prefetchQueries = (input, options)=>{
     const queries = [];
@@ -21,7 +19,7 @@ const prefetchQueries = (input, options)=>{
                         isStorefront: options?.isStorefront
                     };
                     data = {
-                        key: useSWR.unstable_serialize(query.generateProductQueryKey(variables)),
+                        key: `query/product/${variables.id}`,
                         func: getProduct.getProduct,
                         variables
                     };
@@ -39,7 +37,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: useSWR.unstable_serialize(query.generateCollectionQueryKey(variables)),
+                            key: `query/collection/${variables.id}`,
                             func: getCollection.getCollection,
                             variables
                         };
@@ -52,7 +50,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: useSWR.unstable_serialize(query.generateProductsQueryKey(variables)),
+                            key: `query/products/${variables.ids.join(',')}`,
                             func: getProducts.getProducts,
                             variables
                         };

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

@@ -180,6 +180,12 @@ const GloboProductOptionsVariantConfig = {
         appId: 'fdc9fad5-1a0f-4bd4-9c8a-1af6a6eef6b8'
     }
 };
+const KachingBundlesConfig = {
+    KachingBundles: {
+        appName: 'kaching-bundles',
+        appId: '6c637362-a106-4a32-94ac-94dcfd68cdb8'
+    }
+};
 
 exports.AppointmentBookingCowlendarConfig = AppointmentBookingCowlendarConfig;
 exports.BoldSubscriptionsConfig = BoldSubscriptionsConfig;
@@ -191,6 +197,7 @@ exports.GloboProductOptionsVariantConfig = GloboProductOptionsVariantConfig;
 exports.GrowaveConfig = GrowaveConfig;
 exports.InstasellShoppableInstagramConfig = InstasellShoppableInstagramConfig;
 exports.JunipProductReviewsUgcConfig = JunipProductReviewsUgcConfig;
+exports.KachingBundlesConfig = KachingBundlesConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoloyalLoyaltyReferralsConfig = LoloyalLoyaltyReferralsConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;

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

@@ -426,6 +426,13 @@ const PowerfulContactFormBuilder = {
         }
     }
 };
+const KachingBundles = {
+    KachingBundles: {
+        'app-block': {
+            product: '{{product}}'
+        }
+    }
+};
 const WishlistKing = {
     WishlistKing: {
         'wishlist-button-block': null
@@ -466,7 +473,8 @@ const composeSettingsByWidgetType = {
     ...SelleasyWidget,
     ...YotpoReviews,
     ...BoldSubscriptions,
-    ...Growave
+    ...Growave,
+    ...KachingBundles
 };
 
 exports.composeSettingsByWidgetType = composeSettingsByWidgetType;

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

@@ -32,7 +32,8 @@ const mapShopifyAppMeta = {
     ...appConfig.LoloyalLoyaltyReferralsConfig,
     ...appConfig.PowerfulContactFormBuilderConfig,
     ...appConfig.WishlistKingConfig,
-    ...appConfig.GloboProductOptionsVariantConfig
+    ...appConfig.GloboProductOptionsVariantConfig,
+    ...appConfig.KachingBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/index.js

@@ -166,6 +166,7 @@ exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDi
 exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
 exports.ShopLibraryPageDocument = ShopLibraryPage_generated.ShopLibraryPageDocument;
 exports.composeBorderCss = borders.composeBorderCss;
+exports.composeBorderResponsive = borders.composeBorderResponsive;
 exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
 exports.getBorderStyle = borders.getBorderStyle;
 exports.handleConvertBorderColor = borders.handleConvertBorderColor;

package/dist/esm/helpers/background.js

@@ -71,9 +71,12 @@ const getBgImageByDevice = (background, device, options)=>{
             imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
         }
     }
-    if (typeof imageByDevice === 'string') {
+    if (typeof imageByDevice === 'string' && imageByDevice) {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -214,9 +217,10 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
         'mobile'
     ].forEach((device)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+            const bgImage = `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`;
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : bgImage
             });
         }
     });

package/dist/esm/helpers/borders.js

@@ -1,5 +1,6 @@
 import { getSingleColorVariable, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStateResponsiveClass, getGlobalColorStateClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateClassDynamicBtn } from './colors.js';
 import { makeStyle, makeStyleResponsiveState, makeStyleState } from './make-style.js';
+import { devicesMapping } from './constant.js';
 
 const getBorderStyle = (value)=>{
     return makeStyle({
@@ -185,5 +186,20 @@ const composeBorderCss = (borderV)=>{
   ${color ? `border-color: ${getSingleColorVariable(color)};` : ''}
   `;
 };
+const composeBorderResponsive = (borderValue)=>{
+    const style = {};
+    Object.assign(style, composeBorderDevice(borderValue?.desktop, 'desktop'));
+    Object.assign(style, composeBorderDevice(borderValue?.tablet, 'tablet'));
+    Object.assign(style, composeBorderDevice(borderValue?.mobile, 'mobile'));
+    return style;
+};
+const composeBorderDevice = (value, device)=>{
+    const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
+    return {
+        [`--b${suffix}`]: value?.border,
+        [`--bc${suffix}`]: getSingleColorVariable(value?.color),
+        [`--bw${suffix}`]: value?.width
+    };
+};
 
-export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn };
+export { composeBorderCss, composeBorderResponsive, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn };

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

@@ -110,7 +110,22 @@ 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',
+                                'Image'
+                            ];
+                            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/prefetch-queries.js

@@ -1,8 +1,6 @@
-import { unstable_serialize } from 'swr';
 import { getCollection } from './queries/get-collection.js';
 import { getProduct } from './queries/get-product.js';
 import { getProducts } from './queries/get-products.js';
-import { generateCollectionQueryKey, generateProductsQueryKey, generateProductQueryKey } from './query.js';
 
 const prefetchQueries = (input, options)=>{
     const queries = [];
@@ -19,7 +17,7 @@ const prefetchQueries = (input, options)=>{
                         isStorefront: options?.isStorefront
                     };
                     data = {
-                        key: unstable_serialize(generateProductQueryKey(variables)),
+                        key: `query/product/${variables.id}`,
                         func: getProduct,
                         variables
                     };
@@ -37,7 +35,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: unstable_serialize(generateCollectionQueryKey(variables)),
+                            key: `query/collection/${variables.id}`,
                             func: getCollection,
                             variables
                         };
@@ -50,7 +48,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: unstable_serialize(generateProductsQueryKey(variables)),
+                            key: `query/products/${variables.ids.join(',')}`,
                             func: getProducts,
                             variables
                         };

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

@@ -178,5 +178,11 @@ const GloboProductOptionsVariantConfig = {
         appId: 'fdc9fad5-1a0f-4bd4-9c8a-1af6a6eef6b8'
     }
 };
+const KachingBundlesConfig = {
+    KachingBundles: {
+        appName: 'kaching-bundles',
+        appId: '6c637362-a106-4a32-94ac-94dcfd68cdb8'
+    }
+};
 
-export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GloboProductOptionsVariantConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, PowerfulContactFormBuilderConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, WishlistKingConfig, YotpoReviewsV3UgcConfig };
+export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, GloboProductOptionsVariantConfig, GrowaveConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KachingBundlesConfig, KiteFreeGiftDiscountConfig, LoloyalLoyaltyReferralsConfig, LoopSubscriptionsConfig, PowerfulContactFormBuilderConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, WishlistKingConfig, YotpoReviewsV3UgcConfig };

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

@@ -424,6 +424,13 @@ const PowerfulContactFormBuilder = {
         }
     }
 };
+const KachingBundles = {
+    KachingBundles: {
+        'app-block': {
+            product: '{{product}}'
+        }
+    }
+};
 const WishlistKing = {
     WishlistKing: {
         'wishlist-button-block': null
@@ -464,7 +471,8 @@ const composeSettingsByWidgetType = {
     ...SelleasyWidget,
     ...YotpoReviews,
     ...BoldSubscriptions,
-    ...Growave
+    ...Growave,
+    ...KachingBundles
 };
 
 export { composeSettingsByWidgetType, overrideSettings };

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, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig, GloboProductOptionsVariantConfig } 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, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig, GloboProductOptionsVariantConfig, KachingBundlesConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -30,7 +30,8 @@ const mapShopifyAppMeta = {
     ...LoloyalLoyaltyReferralsConfig,
     ...PowerfulContactFormBuilderConfig,
     ...WishlistKingConfig,
-    ...GloboProductOptionsVariantConfig
+    ...GloboProductOptionsVariantConfig,
+    ...KachingBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/index.js

@@ -30,7 +30,7 @@ export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated
 export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
 export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
 export { ShopLibraryPageDocument } from './graphql-app-api/queries/ShopLibraryPage.generated.js';
-export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
+export { composeBorderCss, composeBorderResponsive, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';
 export { animations } from './helpers/animations.js';

package/dist/types/index.d.ts

@@ -6924,6 +6924,7 @@ type ObjectLayoutValue = {
     display?: 'fill' | 'fit';
     cols?: number[];
     keepCol?: boolean;
+    gap?: string;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
 type TrustooWidgetType = 'starRatingInList' | 'starRating' | 'reviews';
@@ -6993,6 +6994,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     devices?: ResponsiveConfig<U>;
+    compoDefaultValue?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
     showVideo?: boolean;
 } : {
@@ -7031,6 +7033,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]>;
@@ -7553,23 +7556,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';
@@ -7885,6 +7888,7 @@ type DropdownInput<T> = SharedControlType<T> & {
         reversed?: boolean;
         showValue?: boolean;
     }[];
+    isRowWith?: boolean;
 };
 
 type Dropdown<T> = SharedControlType<T> & {
@@ -8170,7 +8174,405 @@ 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' | 'bunny';
+
+/**
+ * @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 SwitchControlType<T> = SharedControlType<T> & {
+    type: 'switch';
+    readonly?: boolean;
+};
+
+type ImageV2ControlType<T> = SharedControlType<T> & {
+    type: 'image-v2';
+};
+
+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> | SwitchControlType<T> | ImageV2ControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8243,6 +8645,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -30730,172 +31133,6 @@ declare namespace appAPI {
   };
 }
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type TypographyV2Family = string | {
-    value: string;
-    type: TypographyV2FontFamilyType;
-};
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
-
-/**
- * @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;
@@ -31732,6 +31969,7 @@ declare const handleConvertBorderColor: (value?: BorderStyle) => React.CSSProper
 declare const handleConvertClassColor: (value?: BorderStyle) => string | undefined;
 declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string | undefined;
 declare const composeBorderCss: (borderV?: Border | undefined) => string;
+declare const composeBorderResponsive: (borderValue?: ObjectDevices<Border>) => React.CSSProperties;
 
 type DotStyle = 'none' | 'inside' | 'outside';
 declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined) => {
@@ -41595,4 +41833,4 @@ declare const useInteraction: () => {
     interactionListenerLoaded: (callback: () => void) => 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, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, 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, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, 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, composeBorderResponsive, 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.15-staging.3",
+  "version": "1.58.0-dev.13",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.57.15-staging.0",
-    "@gem-sdk/styles": "1.57.15-staging.0",
+    "@gem-sdk/adapter-shopify": "1.58.0-dev.13",
+    "@gem-sdk/styles": "1.58.0-dev.13",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {