@gem-sdk/core 1.46.0-staging.29 → 1.46.0-staging.30

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -47,7 +47,6 @@ const ComponentToolbarPreview = (props)=>{
     const [deleteTooltipPosition, setDeleteTooltipPosition] = react.useState('top');
     const [isDisableDelete, setIsUnableDelete] = react.useState(false);
     const [parentProductUid, setParentProductUid] = react.useState('');
-    const [articleUid, setArticleUid] = react.useState('');
     const [tooltipText, setTooltipText] = react.useState({
         width: '',
         text: ''
@@ -60,19 +59,8 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price'
-    ];
-    const editArticleElementList = [
-        'Article Title',
-        'Article Content',
-        'Article Image',
-        'Article Author',
-        'Article Category',
-        'Article Date'
-    ];
-    const editAbleElementList = [
-        ...editProductElementList,
-        ...editArticleElementList
+        'Product Price',
+        'Product Vendor'
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -119,29 +107,15 @@ const ComponentToolbarPreview = (props)=>{
     }, [
         storefrontUrl
     ]);
-    const linkShopDefault = react.useMemo(()=>{
-        return `https://admin.shopify.com/store/${shopName}`;
+    const shopifyEditLink = react.useMemo(()=>{
+        return productId ? `https://admin.shopify.com/store/${shopName}/products/${productId}` : '';
     }, [
+        productId,
         shopName
     ]);
-    const linkEditProduct = react.useMemo(()=>{
-        return productId ? `${linkShopDefault}/products/${productId}` : '';
-    }, [
-        linkShopDefault,
-        productId
-    ]);
-    const linkEditArticle = react.useMemo(()=>{
-        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
-    }, [
-        articleUid,
-        linkShopDefault
-    ]);
     // Get parents
     const onActiveComponent = react.useCallback((e)=>{
         const detail = e.detail;
-        if (detail?.articleId) {
-            setArticleUid(detail.articleId);
-        }
         if (detail?.componentUid == props.uid) {
             getDeleteTooltipPosition();
             if (isSaleFunnelPage) {
@@ -233,15 +207,7 @@ const ComponentToolbarPreview = (props)=>{
         window.dispatchEvent(event);
     };
     const goToShopifyEditLink = ()=>{
-        if (editArticleElementList.includes(toolbarName() ?? '')) {
-            window.open(linkEditArticle, '_blank');
-            return;
-        }
-        if (editProductElementList.includes(toolbarName() ?? '')) {
-            window.open(linkEditProduct, '_blank');
-            return;
-        }
-        window.open(linkShopDefault, '_blank');
+        window.open(shopifyEditLink, '_blank');
     };
     const onDelete = (e)=>{
         e.preventDefault();
@@ -520,7 +486,7 @@ const ComponentToolbarPreview = (props)=>{
                             })
                         })
                     }),
-                    editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
+                    editProductElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
                         "data-toolbar-title": true,
                         enable: true,
                         "data-toolbar-disable": false,

package/dist/cjs/components/RenderPreview.js

@@ -45,7 +45,6 @@ const RenderPreview = ({ uid, ...passProps })=>{
                     setting: item.settings,
                     ...passProps,
                     children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
-                            bundleItem: passProps?.bundleItem,
                             uid: id
                         }, id))
                 }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {

package/dist/cjs/components/constant.js

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

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/hooks/useFormatMoney.js

@@ -5,71 +5,70 @@ 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,7 +60,6 @@ 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');
@@ -244,7 +243,6 @@ 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;
@@ -319,7 +317,6 @@ 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/ComponentToolbarPreview.js

@@ -43,7 +43,6 @@ const ComponentToolbarPreview = (props)=>{
     const [deleteTooltipPosition, setDeleteTooltipPosition] = useState('top');
     const [isDisableDelete, setIsUnableDelete] = useState(false);
     const [parentProductUid, setParentProductUid] = useState('');
-    const [articleUid, setArticleUid] = useState('');
     const [tooltipText, setTooltipText] = useState({
         width: '',
         text: ''
@@ -56,19 +55,8 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price'
-    ];
-    const editArticleElementList = [
-        'Article Title',
-        'Article Content',
-        'Article Image',
-        'Article Author',
-        'Article Category',
-        'Article Date'
-    ];
-    const editAbleElementList = [
-        ...editProductElementList,
-        ...editArticleElementList
+        'Product Price',
+        'Product Vendor'
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -115,29 +103,15 @@ const ComponentToolbarPreview = (props)=>{
     }, [
         storefrontUrl
     ]);
-    const linkShopDefault = useMemo(()=>{
-        return `https://admin.shopify.com/store/${shopName}`;
+    const shopifyEditLink = useMemo(()=>{
+        return productId ? `https://admin.shopify.com/store/${shopName}/products/${productId}` : '';
     }, [
+        productId,
         shopName
     ]);
-    const linkEditProduct = useMemo(()=>{
-        return productId ? `${linkShopDefault}/products/${productId}` : '';
-    }, [
-        linkShopDefault,
-        productId
-    ]);
-    const linkEditArticle = useMemo(()=>{
-        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
-    }, [
-        articleUid,
-        linkShopDefault
-    ]);
     // Get parents
     const onActiveComponent = useCallback((e)=>{
         const detail = e.detail;
-        if (detail?.articleId) {
-            setArticleUid(detail.articleId);
-        }
         if (detail?.componentUid == props.uid) {
             getDeleteTooltipPosition();
             if (isSaleFunnelPage) {
@@ -229,15 +203,7 @@ const ComponentToolbarPreview = (props)=>{
         window.dispatchEvent(event);
     };
     const goToShopifyEditLink = ()=>{
-        if (editArticleElementList.includes(toolbarName() ?? '')) {
-            window.open(linkEditArticle, '_blank');
-            return;
-        }
-        if (editProductElementList.includes(toolbarName() ?? '')) {
-            window.open(linkEditProduct, '_blank');
-            return;
-        }
-        window.open(linkShopDefault, '_blank');
+        window.open(shopifyEditLink, '_blank');
     };
     const onDelete = (e)=>{
         e.preventDefault();
@@ -516,7 +482,7 @@ const ComponentToolbarPreview = (props)=>{
                             })
                         })
                     }),
-                    editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsx(Tooltip, {
+                    editProductElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsx(Tooltip, {
                         "data-toolbar-title": true,
                         enable: true,
                         "data-toolbar-disable": false,

package/dist/esm/components/RenderPreview.js

@@ -41,7 +41,6 @@ const RenderPreview = ({ uid, ...passProps })=>{
                     setting: item.settings,
                     ...passProps,
                     children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
-                            bundleItem: passProps?.bundleItem,
                             uid: id
                         }, id))
                 }) : /*#__PURE__*/ jsx(Component, {

package/dist/esm/components/constant.js

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

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/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 { formatMoney, shopifyPriceRounding, useFormatMoney };
+export { shopifyPriceRounding, useFormatMoney };

package/dist/esm/index.js

@@ -61,7 +61,6 @@ 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';
@@ -82,7 +81,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 { formatMoney, shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
+export { 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,7 +6832,6 @@ type ImageShape$1 = {
 type SizeSettingGlobal = {
     shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
     shapeLinked?: boolean;
-    disableShapeLinked?: boolean;
     shapeValue?: string;
     widthHeightLinked?: boolean;
     padding?: {
@@ -7228,7 +7227,6 @@ type PositionControlType<T> = SharedControlType<T> & {
 
 type PositionSquareControlType<T> = SharedControlType<T> & {
     type: 'position:square';
-    ignoreValue?: string[];
 };
 
 type RadioGroupControlType = {
@@ -7248,6 +7246,7 @@ type RangeControlType<T> = SharedControlType<T> & {
     units?: string[];
     disableOnChange?: boolean;
     useOnlyUnitInit?: boolean;
+    ignoreMax?: boolean;
     hideUnit?: boolean;
     hideInput?: boolean;
 } & OnlyOne<{
@@ -7384,8 +7383,6 @@ type TextareaControlType<T> = SharedControlType<T> & {
     minHeight?: number;
     maxWidth?: number;
     autoHeight?: boolean;
-    defaultRows?: number;
-    showPlusBtn?: boolean;
     suggestContents?: {
         message: string;
         eg?: string;
@@ -7437,7 +7434,6 @@ type BehaviorStateControlType<T> = {
 type BoxShadowControlType<T> = SharedControlType<T> & {
     id?: string;
     type: 'boxShadow';
-    hideOptions?: string[];
     popup?: boolean;
 };
 
@@ -7823,8 +7819,6 @@ type SizeSetting$1<T> = SharedControlType<T> & {
     hiddenShowMore?: boolean;
     sizePaddingInput?: 'normal' | 'small';
     lockShapeValue?: boolean;
-    isShowResponsive?: boolean;
-    disableShapeLinkedTooltip?: string;
 };
 
 type ChildIconType<T> = SharedControlType<T> & {
@@ -7865,7 +7859,6 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
 
 type BackgroundColorPickerType<T> = SharedControlType<T> & {
     type: 'background-color-picker';
-    mode?: 'both' | 'solid' | 'gradient';
     popup?: boolean;
     readonly?: boolean;
 };
@@ -8021,35 +8014,7 @@ type ButtonLayoutType<T> = SharedControlType<T> & {
     }[];
 };
 
-type ShapeSelectorControlType<T> = SharedControlType<T> & {
-    type: 'shape-selector';
-};
-
-type CustomPositionControlType<T> = SharedControlType<T> & {
-    type: 'custom-position';
-    ignoreValue?: string[];
-    topGap?: string;
-    leftGap?: string;
-    rightGap?: string;
-    bottomGap?: string;
-};
-
-type DealControlType<T> = SharedControlType<T> & {
-    type: 'bundleItem';
-    readonly?: boolean;
-};
-
-type ProductBundleChildControlType<T> = SharedControlType<T> & {
-    type: 'product-bundle-child-item';
-    [key: string]: any;
-};
-type SelectProductBundleControlType<T> = SharedControlType<T> & {
-    type: 'select-product-bundle';
-    label?: string;
-    hide?: boolean;
-};
-
-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> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<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 ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8105,7 +8070,6 @@ type ComponentSetting<P extends BaseProps> = {
             flowPage?: string;
             notAppendTags?: string[];
             notAppendLeftRight?: boolean;
-            allowAppendTags?: string[];
         };
         sideBar?: {
             hide?: boolean;
@@ -8142,7 +8106,7 @@ type ControlUI = {
         labelPosition?: 'start' | 'end';
         justifyContent?: 'start' | 'end' | 'between' | 'around';
         label?: 'medium' | 'large';
-        info?: 'near' | 'far' | 'bottom';
+        info?: 'near' | 'far';
         labelSpacing?: 'small' | 'medium' | 'large';
         removeSpacing?: boolean;
         noGap?: boolean;
@@ -30164,15 +30128,6 @@ 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;
@@ -31668,15 +31623,6 @@ 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;
@@ -33172,15 +33118,6 @@ 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;
@@ -34676,15 +34613,6 @@ 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;
@@ -35520,8 +35448,6 @@ 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;
@@ -36320,15 +36246,6 @@ 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;
@@ -37227,7 +37144,6 @@ 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;
@@ -37462,4 +37378,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, 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, 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, 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, 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.46.0-staging.29",
+  "version": "1.46.0-staging.30",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",

package/dist/cjs/helpers/align.js

@@ -1,19 +0,0 @@
-'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/esm/helpers/align.js

@@ -1,17 +0,0 @@
-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 };