@gem-sdk/core 1.50.0-staging.15 → 1.50.0-staging.18

package/dist/cjs/components/constant.js

@@ -51,7 +51,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

package/dist/cjs/contexts/SectionContext.js

@@ -10,7 +10,6 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
 const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
-                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -6,6 +6,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/cjs/helpers/align.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const convertTextAlignToJustify = (align)=>{
+    const devices = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    const result = {};
+    devices.forEach((device)=>{
+        const deviceType = device === 'desktop' ? '' : `${device}:`;
+        result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
+        result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
+        result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
+    });
+    return result;
+};
+
+exports.convertTextAlignToJustify = convertTextAlignToJustify;

package/dist/cjs/helpers/colors.js

@@ -119,7 +119,7 @@ const getGlobalColorStateStyle = (type, data)=>{
     return Object.fromEntries(Object.entries(data).map(([state, value])=>{
         if (state === 'active') return [];
         return [
-            `-${constant.stateMapping?.[state]}-${type}`,
+            `-${constant.stateMapping?.[state] || ''}-${type}`,
             getSingleColorVariable(value)
         ];
     }).filter(isDefined.isDefined));

package/dist/cjs/helpers/shadow.js

@@ -27,7 +27,7 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] : ''}-${getShortname.getShortName(styleAppliedFor)}`]: 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)}`]: 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'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{

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

@@ -78,8 +78,15 @@ const SimpleBundlesKitsConfig = {
         appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
     }
 };
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
 
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
+exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
 exports.FastBundleBundlesDiscountsConfig = FastBundleBundlesDiscountsConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;

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

@@ -129,7 +129,13 @@ const SimpleBundlesKits = {
         'infinite-options-selector': null
     }
 };
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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

@@ -15,7 +15,8 @@ const mapShopifyAppMeta = {
     ...appConfig.UnlimitedBundlesDiscountsConfig,
     ...appConfig.KiteFreeGiftDiscountConfig,
     ...appConfig.FastBundleBundlesDiscountsConfig,
-    ...appConfig.SimpleBundlesKitsConfig
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/hooks/useFormatMoney.js

@@ -5,70 +5,71 @@ var shop = require('./shop.js');
 const shopifyPriceRounding = (amount, precision)=>{
     return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
 };
+const formatMoney = function(cents, format) {
+    let value = '';
+    const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
+    const formatString = format || '${{amount}}';
+    /**
+   * check default
+   * @param opt opt
+   * @param def def
+   * @returns any
+   */ function defaultOption(opt, def) {
+        return typeof opt == 'undefined' ? def : opt;
+    }
+    /**
+   * formatWithDelimiters
+   * @param number number
+   * @param precision precision
+   * @param thousands thousands
+   * @param decimal decimal
+   * @returns any
+   */ // eslint-disable-next-line max-params
+    function formatWithDelimiters(number, precision, thousands, decimal) {
+        precision = defaultOption(precision, 2);
+        thousands = defaultOption(thousands, ',');
+        decimal = defaultOption(decimal, '.');
+        if (isNaN(number) || number == null) {
+            return 0;
+        }
+        // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
+        number = shopifyPriceRounding(number, Number(precision));
+        const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
+        return dollars + cents;
+    }
+    switch(formatString.match(placeholderRegex)[1]){
+        case 'amount':
+            value = formatWithDelimiters(cents, 2);
+            break;
+        case 'amount_no_decimals':
+            value = formatWithDelimiters(cents, 0);
+            break;
+        case 'amount_with_comma_separator':
+            value = formatWithDelimiters(cents, 2, '.', ',');
+            break;
+        case 'amount_no_decimals_with_comma_separator':
+            value = formatWithDelimiters(cents, 0, '.', ',');
+            break;
+        case 'amount_with_apostrophe_separator':
+            value = formatWithDelimiters(cents, 2, "'", '.');
+            break;
+        case 'amount_no_decimals_with_space_separator':
+            value = formatWithDelimiters(cents, 0, ' ');
+            break;
+        case 'amount_with_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', ',');
+            break;
+        case 'amount_with_period_and_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', '.');
+            break;
+    }
+    return formatString.replace(placeholderRegex, value);
+};
 const useFormatMoney = (amount, withCurrency)=>{
     const { moneyFormat, moneyWithCurrencyFormat } = shop.useMoneyFormat();
-    const formatMoney = function(cents, format) {
-        let value = '';
-        const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
-        const formatString = format || '${{amount}}';
-        /**
-     * check default
-     * @param opt opt
-     * @param def def
-     * @returns any
-     */ function defaultOption(opt, def) {
-            return typeof opt == 'undefined' ? def : opt;
-        }
-        /**
-     * formatWithDelimiters
-     * @param number number
-     * @param precision precision
-     * @param thousands thousands
-     * @param decimal decimal
-     * @returns any
-     */ // eslint-disable-next-line max-params
-        function formatWithDelimiters(number, precision, thousands, decimal) {
-            precision = defaultOption(precision, 2);
-            thousands = defaultOption(thousands, ',');
-            decimal = defaultOption(decimal, '.');
-            if (isNaN(number) || number == null) {
-                return 0;
-            }
-            // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
-            number = shopifyPriceRounding(number, Number(precision));
-            const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
-            return dollars + cents;
-        }
-        switch(formatString.match(placeholderRegex)[1]){
-            case 'amount':
-                value = formatWithDelimiters(cents, 2);
-                break;
-            case 'amount_no_decimals':
-                value = formatWithDelimiters(cents, 0);
-                break;
-            case 'amount_with_comma_separator':
-                value = formatWithDelimiters(cents, 2, '.', ',');
-                break;
-            case 'amount_no_decimals_with_comma_separator':
-                value = formatWithDelimiters(cents, 0, '.', ',');
-                break;
-            case 'amount_with_apostrophe_separator':
-                value = formatWithDelimiters(cents, 2, "'", '.');
-                break;
-            case 'amount_no_decimals_with_space_separator':
-                value = formatWithDelimiters(cents, 0, ' ');
-                break;
-            case 'amount_with_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', ',');
-                break;
-            case 'amount_with_period_and_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', '.');
-                break;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
     return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
 };
 
+exports.formatMoney = formatMoney;
 exports.shopifyPriceRounding = shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney;

package/dist/cjs/index.js

@@ -60,6 +60,7 @@ var iconList = require('./helpers/icon-list.js');
 var isDefined = require('./helpers/is-defined.js');
 var layout = require('./helpers/layout.js');
 var makeStyle = require('./helpers/make-style.js');
+var align = require('./helpers/align.js');
 var product = require('./helpers/product.js');
 var query = require('./helpers/query.js');
 var radius = require('./helpers/radius.js');
@@ -243,6 +244,7 @@ exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
 exports.makeStyleState = makeStyle.makeStyleState;
 exports.makeWidth = makeStyle.makeWidth;
 exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
 exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
 exports.parseSelectedOption = product.parseSelectedOption;
@@ -317,6 +319,7 @@ exports.useProductQuery = useProductQuery.useProductQuery;
 exports.useProductsQuery = useProductsQuery.useProductsQuery;
 exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
 exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
+exports.formatMoney = useFormatMoney.formatMoney;
 exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney.useFormatMoney;
 exports.useLazyVideo = useLazyVideo.useLazyVideo;

package/dist/esm/components/constant.js

@@ -49,7 +49,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

package/dist/esm/contexts/SectionContext.js

@@ -8,7 +8,6 @@ const SectionContext = /*#__PURE__*/ createContext(null);
 const createSectionProvider = (data)=>createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
-                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -4,6 +4,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/esm/helpers/align.js

@@ -0,0 +1,17 @@
+const convertTextAlignToJustify = (align)=>{
+    const devices = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    const result = {};
+    devices.forEach((device)=>{
+        const deviceType = device === 'desktop' ? '' : `${device}:`;
+        result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
+        result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
+        result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
+    });
+    return result;
+};
+
+export { convertTextAlignToJustify };

package/dist/esm/helpers/colors.js

@@ -117,7 +117,7 @@ const getGlobalColorStateStyle = (type, data)=>{
     return Object.fromEntries(Object.entries(data).map(([state, value])=>{
         if (state === 'active') return [];
         return [
-            `-${stateMapping?.[state]}-${type}`,
+            `-${stateMapping?.[state] || ''}-${type}`,
             getSingleColorVariable(value)
         ];
     }).filter(isDefined));

package/dist/esm/helpers/shadow.js

@@ -25,7 +25,7 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? stateMapping?.[state] : ''}-${getShortName(styleAppliedFor)}`]: 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)}`]: 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'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{

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

@@ -76,5 +76,11 @@ const SimpleBundlesKitsConfig = {
         appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
     }
 };
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
+export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };

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

@@ -127,7 +127,13 @@ const SimpleBundlesKits = {
         'infinite-options-selector': null
     }
 };
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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 } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -13,7 +13,8 @@ const mapShopifyAppMeta = {
     ...UnlimitedBundlesDiscountsConfig,
     ...KiteFreeGiftDiscountConfig,
     ...FastBundleBundlesDiscountsConfig,
-    ...SimpleBundlesKitsConfig
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/hooks/useFormatMoney.js

@@ -3,69 +3,69 @@ import { useMoneyFormat } from './shop.js';
 const shopifyPriceRounding = (amount, precision)=>{
     return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
 };
+const formatMoney = function(cents, format) {
+    let value = '';
+    const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
+    const formatString = format || '${{amount}}';
+    /**
+   * check default
+   * @param opt opt
+   * @param def def
+   * @returns any
+   */ function defaultOption(opt, def) {
+        return typeof opt == 'undefined' ? def : opt;
+    }
+    /**
+   * formatWithDelimiters
+   * @param number number
+   * @param precision precision
+   * @param thousands thousands
+   * @param decimal decimal
+   * @returns any
+   */ // eslint-disable-next-line max-params
+    function formatWithDelimiters(number, precision, thousands, decimal) {
+        precision = defaultOption(precision, 2);
+        thousands = defaultOption(thousands, ',');
+        decimal = defaultOption(decimal, '.');
+        if (isNaN(number) || number == null) {
+            return 0;
+        }
+        // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
+        number = shopifyPriceRounding(number, Number(precision));
+        const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
+        return dollars + cents;
+    }
+    switch(formatString.match(placeholderRegex)[1]){
+        case 'amount':
+            value = formatWithDelimiters(cents, 2);
+            break;
+        case 'amount_no_decimals':
+            value = formatWithDelimiters(cents, 0);
+            break;
+        case 'amount_with_comma_separator':
+            value = formatWithDelimiters(cents, 2, '.', ',');
+            break;
+        case 'amount_no_decimals_with_comma_separator':
+            value = formatWithDelimiters(cents, 0, '.', ',');
+            break;
+        case 'amount_with_apostrophe_separator':
+            value = formatWithDelimiters(cents, 2, "'", '.');
+            break;
+        case 'amount_no_decimals_with_space_separator':
+            value = formatWithDelimiters(cents, 0, ' ');
+            break;
+        case 'amount_with_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', ',');
+            break;
+        case 'amount_with_period_and_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', '.');
+            break;
+    }
+    return formatString.replace(placeholderRegex, value);
+};
 const useFormatMoney = (amount, withCurrency)=>{
     const { moneyFormat, moneyWithCurrencyFormat } = useMoneyFormat();
-    const formatMoney = function(cents, format) {
-        let value = '';
-        const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
-        const formatString = format || '${{amount}}';
-        /**
-     * check default
-     * @param opt opt
-     * @param def def
-     * @returns any
-     */ function defaultOption(opt, def) {
-            return typeof opt == 'undefined' ? def : opt;
-        }
-        /**
-     * formatWithDelimiters
-     * @param number number
-     * @param precision precision
-     * @param thousands thousands
-     * @param decimal decimal
-     * @returns any
-     */ // eslint-disable-next-line max-params
-        function formatWithDelimiters(number, precision, thousands, decimal) {
-            precision = defaultOption(precision, 2);
-            thousands = defaultOption(thousands, ',');
-            decimal = defaultOption(decimal, '.');
-            if (isNaN(number) || number == null) {
-                return 0;
-            }
-            // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
-            number = shopifyPriceRounding(number, Number(precision));
-            const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
-            return dollars + cents;
-        }
-        switch(formatString.match(placeholderRegex)[1]){
-            case 'amount':
-                value = formatWithDelimiters(cents, 2);
-                break;
-            case 'amount_no_decimals':
-                value = formatWithDelimiters(cents, 0);
-                break;
-            case 'amount_with_comma_separator':
-                value = formatWithDelimiters(cents, 2, '.', ',');
-                break;
-            case 'amount_no_decimals_with_comma_separator':
-                value = formatWithDelimiters(cents, 0, '.', ',');
-                break;
-            case 'amount_with_apostrophe_separator':
-                value = formatWithDelimiters(cents, 2, "'", '.');
-                break;
-            case 'amount_no_decimals_with_space_separator':
-                value = formatWithDelimiters(cents, 0, ' ');
-                break;
-            case 'amount_with_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', ',');
-                break;
-            case 'amount_with_period_and_space_separator':
-                value = formatWithDelimiters(cents, 2, ' ', '.');
-                break;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
     return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
 };
 
-export { shopifyPriceRounding, useFormatMoney };
+export { formatMoney, shopifyPriceRounding, useFormatMoney };

package/dist/esm/index.js

@@ -61,6 +61,7 @@ export { composePositionLineHeight, composePostionIconList } from './helpers/ico
 export { isDefined } from './helpers/is-defined.js';
 export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
 export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
+export { convertTextAlignToJustify } from './helpers/align.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
@@ -81,7 +82,7 @@ export { useCollectionsQuery } from './hooks/shop/use-collections-query.js';
 export { useProductQuery } from './hooks/shop/use-product-query.js';
 export { useProductsQuery, useProductsQueryAll } from './hooks/shop/use-products-query.js';
 export { useCurrentDevice } from './hooks/use-current-device.js';
-export { shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
+export { formatMoney, shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
 export { useLazyVideo } from './hooks/use-lazy-video.js';
 export { default as useCartId } from './hooks/useCartId.js';
 export { default as useCartLine } from './hooks/useCartLine.js';

package/dist/types/index.d.ts

@@ -6832,6 +6832,7 @@ type ImageShape$1 = {
 type SizeSettingGlobal = {
     shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
     shapeLinked?: boolean;
+    disableShapeLinked?: boolean;
     shapeValue?: string;
     widthHeightLinked?: boolean;
     padding?: {
@@ -7232,6 +7233,7 @@ type PositionControlType<T> = SharedControlType<T> & {
 
 type PositionSquareControlType<T> = SharedControlType<T> & {
     type: 'position:square';
+    ignoreValue?: string[];
 };
 
 type RadioGroupControlType = {
@@ -7388,7 +7390,10 @@ type TextareaControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
     minHeight?: number;
     maxWidth?: number;
+    inputClass?: string;
     autoHeight?: boolean;
+    defaultRows?: number;
+    showPlusBtn?: boolean;
     suggestContents?: {
         message: string;
         eg?: string;
@@ -7440,6 +7445,7 @@ type BehaviorStateControlType<T> = {
 type BoxShadowControlType<T> = SharedControlType<T> & {
     id?: string;
     type: 'boxShadow';
+    hideOptions?: string[];
     popup?: boolean;
 };
 
@@ -7825,6 +7831,8 @@ type SizeSetting$1<T> = SharedControlType<T> & {
     hiddenShowMore?: boolean;
     sizePaddingInput?: 'normal' | 'small';
     lockShapeValue?: boolean;
+    isShowResponsive?: boolean;
+    disableShapeLinkedTooltip?: string;
 };
 
 type ChildIconType<T> = SharedControlType<T> & {
@@ -7865,6 +7873,7 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
 
 type BackgroundColorPickerType<T> = SharedControlType<T> & {
     type: 'background-color-picker';
+    mode?: 'both' | 'solid' | 'gradient';
     popup?: boolean;
     readonly?: boolean;
 };
@@ -8020,7 +8029,95 @@ type ButtonLayoutType<T> = SharedControlType<T> & {
     }[];
 };
 
-type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | 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>;
+type ShapeSelectorControlType<T> = SharedControlType<T> & {
+    type: 'shape-selector';
+};
+
+declare enum CompareType {
+    EXACT = "exact",
+    ABOVE = "above",
+    BELOW = "below",
+    EXACT_OR_ABOVE = "exact_or_above",
+    EXACT_OR_BELOW = "exact_or_below",
+    BETWEEN = "between"
+}
+declare enum TriggerType {
+    INVENTORY_STATUS = "inventory_status",
+    DISCOUNT_PRICE = "discount_price",
+    PRICE_RANGE = "price_range",
+    PRODUCT_TAGS = "product_tags",
+    CREATION_DATE = "creation_date"
+}
+declare enum InventoryStatus {
+    IN_STOCK = "in_stock",
+    OUT_OF_STOCK = "out_of_stock"
+}
+declare enum CreationDateType {
+    DURATION = "duration",
+    EXACT_DATE = "exact_date",
+    BETWEEN_DATES = "between_dates"
+}
+declare enum DiscountType {
+    PERCENT = "percent",
+    FIXED = "fixed"
+}
+type InventoryStatusTrigger = {
+    triggerEvent: TriggerType.INVENTORY_STATUS;
+    type: InventoryStatus;
+    quantityType: CompareType;
+    from: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type DiscountPriceTrigger = {
+    triggerEvent: TriggerType.DISCOUNT_PRICE;
+    type: CompareType;
+    amount?: string;
+    from?: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+    discountType?: DiscountType;
+};
+type PriceRangeTrigger = {
+    triggerEvent: TriggerType.PRICE_RANGE;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type CreationDateTrigger = {
+    triggerEvent: TriggerType.CREATION_DATE;
+    type: CreationDateType;
+    days: string;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type ProductTagTrigger = {
+    triggerEvent: TriggerType.PRODUCT_TAGS;
+    searchTag: string[];
+    priority: number;
+    conditionType?: CompareType;
+};
+type TDisplayTrigger = InventoryStatusTrigger | DiscountPriceTrigger | PriceRangeTrigger | ProductTagTrigger | CreationDateTrigger;
+type DisplayTriggerControlType<T> = SharedControlType<T> & {
+    type: 'display-trigger-badge';
+    default: TDisplayTrigger[];
+};
+
+type CustomPositionControlType<T> = SharedControlType<T> & {
+    type: 'custom-position';
+    ignoreValue?: string[];
+    topGap?: string;
+    leftGap?: string;
+    rightGap?: string;
+    bottomGap?: string;
+};
+
+type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | 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> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8076,6 +8173,7 @@ type ComponentSetting<P extends BaseProps> = {
             flowPage?: string;
             notAppendTags?: string[];
             notAppendLeftRight?: boolean;
+            allowAppendTags?: string[];
         };
         sideBar?: {
             hide?: boolean;
@@ -28714,7 +28812,7 @@ type ProductListProviderProps = ProductListContextProps & {
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
             node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
@@ -30146,6 +30244,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--z-mobile'?: csstype.Property.ZIndex | undefined;
     '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
     '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
     accentColor?: csstype.Property.AccentColor | undefined;
     alignContent?: csstype.Property.AlignContent | undefined;
     alignItems?: csstype.Property.AlignItems | undefined;
@@ -31650,6 +31757,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--z-mobile'?: csstype.Property.ZIndex | undefined;
     '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
     '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
     accentColor?: csstype.Property.AccentColor | undefined;
     alignContent?: csstype.Property.AlignContent | undefined;
     alignItems?: csstype.Property.AlignItems | undefined;
@@ -33154,6 +33270,15 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     '--z-mobile'?: csstype.Property.ZIndex | undefined;
     '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
     '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
     accentColor?: csstype.Property.AccentColor | undefined;
     alignContent?: csstype.Property.AlignContent | undefined;
     alignItems?: csstype.Property.AlignItems | undefined;
@@ -34658,6 +34783,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     '--z-mobile'?: csstype.Property.ZIndex | undefined;
     '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
     '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
     accentColor?: csstype.Property.AccentColor | undefined;
     alignContent?: csstype.Property.AlignContent | undefined;
     alignItems?: csstype.Property.AlignItems | undefined;
@@ -35493,6 +35627,8 @@ declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => Re
 declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
 declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
 
+declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
+
 declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
 declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
 declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -36300,6 +36436,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--z-mobile'?: csstype.Property.ZIndex | undefined;
     '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
     '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
     accentColor?: csstype.Property.AccentColor | undefined;
     alignContent?: csstype.Property.AlignContent | undefined;
     alignItems?: csstype.Property.AlignItems | undefined;
@@ -37198,6 +37343,7 @@ declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined
 declare const useCurrentDevice: () => NameDevices$1;
 
 declare const shopifyPriceRounding: (amount: number | string, precision?: number) => string;
+declare const formatMoney: (cents: string, format: any) => string;
 declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
 
 declare const useLazyVideo: () => void;
@@ -37436,4 +37582,4 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
 
 declare const addAppBlockId: (component: Component) => Component;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, 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, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, 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, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, 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, 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, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, 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, 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, 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, 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, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, 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, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, 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, 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, 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, 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.50.0-staging.15",
+  "version": "1.50.0-staging.18",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.47.0",
-    "@gem-sdk/styles": "1.49.0-staging.9",
+    "@gem-sdk/styles": "1.50.0-staging.18",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {