@gem-sdk/core 1.45.0-dev.93 → 1.45.0

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -21,7 +21,6 @@ var useToolbarPostPurchase = require('../hooks/useToolbarPostPurchase.js');
 var constant = require('./constant.js');
 var AIContentGenerator = require('./ai-generator/AIContentGenerator.js');
 var AIGenContentLoading = require('./ai-generator/AIGenContentLoading.js');
-var InteractionSuffix = require('./InteractionSuffix.js');
 require('../helpers/convert.js');
 
 const SECTION_LIMIT = 25;
@@ -48,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: ''
@@ -63,18 +61,6 @@ const ComponentToolbarPreview = (props)=>{
         'Product Description',
         'Product Price'
     ];
-    const editArticleElementList = [
-        'Article Title',
-        'Article Content',
-        'Article Image',
-        'Article Author',
-        'Article Category',
-        'Article Date'
-    ];
-    const editAbleElementList = [
-        ...editProductElementList,
-        ...editArticleElementList
-    ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
         const rect = el.getBoundingClientRect();
@@ -120,29 +106,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) {
@@ -234,15 +206,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();
@@ -330,6 +294,7 @@ const ComponentToolbarPreview = (props)=>{
     const isEnableCreateThemeSection = ()=>{
         return editingPageType !== 'STATIC' && editingPageType !== 'POST_PURCHASE';
     };
+    // if (!isActive) return null;
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             !(props.tag == 'Section' && isThemeSectionEditor) && /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -515,7 +480,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,
@@ -594,14 +559,10 @@ const ComponentToolbarPreview = (props)=>{
                                 fill: "currentColor"
                             })
                         })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(InteractionSuffix.InteractionSuffix, {
-                        tag: props.tag,
-                        uid: props.uid
                     })
                 ]
             }, props.uid),
-            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper, {
+            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatus, {
                 ...props
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -664,6 +625,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
+var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview);
 
 exports.default = ComponentToolbarPreview$1;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
-var useInteraction = require('../hooks/useInteraction.js');
 var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
@@ -33,19 +32,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     }, [
         props.uid
     ]);
-    const currentProps = props;
-    const { getAnimationByUid } = useInteraction.useInteraction();
-    const animationByInteraction = getAnimationByUid(props.uid);
-    if (animationByInteraction) {
-        currentProps.advanced = {
-            ...currentProps.advanced,
-            animation: {
-                desktop: animationByInteraction,
-                tablet: animationByInteraction,
-                mobile: animationByInteraction
-            }
-        };
-    }
     const pageType = shop.usePageType();
     if (props.type === 'section') {
         return null;
@@ -150,7 +136,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
-                    ...currentProps
+                    ...props
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
                     uid: props.uid,
@@ -179,7 +165,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
-                ...currentProps
+                ...props
             }),
             /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
                 uid: props.uid,

package/dist/cjs/components/Render.liquid.js

@@ -39,6 +39,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
+        console.log('Miss component: ', item);
         return {
             liquid: '',
             extraFiles
@@ -220,6 +221,7 @@ const appendAnimation = (props, liquid)=>{
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -234,8 +236,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

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, {
-                            ...passProps,
                             uid: id
                         }, id))
                 }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {

package/dist/cjs/components/constant.js

@@ -37,10 +37,7 @@ const disableWrap = [
     'PostPurchaseProductImages',
     'Sticky',
     'Heading',
-    'EstimateDate',
-    'ProductBadge',
-    'Marquee',
-    'MarqueeItem'
+    'EstimateDate'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -51,8 +48,7 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList',
-    'ProductBadge'
+    'IconList'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

package/dist/cjs/components/theme-section/ThemeSectionStatus.js

@@ -2,17 +2,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const getStatusMessage = (status)=>{
-    switch(status){
-        case 'DRAFT':
-            return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
-        case 'NEED_PUBLISHING':
-            return 'Need to republish. Go to global edit and publish this section';
-    }
-};
-const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
-    const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
-    const statusMessage = getStatusMessage(status);
+const ThemeSectionStatus = ({ ...props })=>{
+    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-theme-section-status": true,
@@ -33,13 +24,13 @@ const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
                         })
                     })
                 }),
-                statusMessage && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                /*#__PURE__*/ jsxRuntime.jsx("span", {
                     "data-theme-section-status-text": true,
-                    children: statusMessage
+                    children: "Need to republish. Go to global edit and publish this section"
                 })
             ]
         })
     });
 };
 
-exports.ThemeSectionStatusWrapper = ThemeSectionStatusWrapper;
+exports.ThemeSectionStatus = ThemeSectionStatus;

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -254,11 +254,7 @@ const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>zus
                 }
             },
             getItem: (id)=>{
-                const item = get().state[id];
-                return {
-                    ...item,
-                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
-                };
+                return get().state[id];
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {

package/dist/cjs/contexts/ModalContext.js

@@ -7,8 +7,8 @@ var zustand = require('zustand');
 const ModalContext = /*#__PURE__*/ react.createContext(null);
 const createModalProvider = (data)=>zustand.createStore((set)=>({
             activeId: data,
-            setModalActive: (id, notPostMessage)=>{
-                !!notPostMessage && window?.parent?.postMessage?.(JSON.stringify({
+            setModalActive: (id)=>{
+                window?.parent?.postMessage?.(JSON.stringify({
                     type: 'active-element',
                     uid: id
                 }), '*');

package/dist/cjs/contexts/PageContext.js

@@ -31,31 +31,6 @@ const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
                 set({
                     publicStoreFrontData: publicStoreFrontData
                 });
-            },
-            setInteractionIsSelectOnPage: (value)=>{
-                set((state)=>({
-                        interactionData: {
-                            ...state.interactionData,
-                            isSelectOnPage: value
-                        }
-                    }));
-            },
-            setInteractionItem: (item)=>{
-                set((state)=>({
-                        interactionData: {
-                            ...state.interactionData,
-                            item,
-                            isSelectOnPage: state.interactionData?.isSelectOnPage || false
-                        }
-                    }));
-            },
-            setInteractionSelectType: (selectType)=>{
-                set((state)=>({
-                        interactionData: {
-                            ...state.interactionData,
-                            selectType
-                        }
-                    }));
             }
         }));
 const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
@@ -63,10 +38,7 @@ const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffe
             dynamicProduct,
             dynamicCollection,
             productOffers,
-            publicStoreFrontData,
-            interactionData: {
-                selectType: 'element'
-            }
+            publicStoreFrontData
         }), [
         dynamicProduct,
         dynamicCollection,

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/queries/blogs.generated.js

@@ -33,6 +33,9 @@ const BlogsDocument = `
               isSample
               platformCreatedAt
               author
+              content {
+                excerptHtml
+              }
               media {
                 width
                 src

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));
@@ -156,7 +156,7 @@ const getSingleColorVariable = (color)=>{
 };
 function isColor(color) {
     if (!color || typeof color !== 'string') return false;
-    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
 }
 const getGlobalColorStyle = (data)=>{
     if (!data) return {};

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/size.js

@@ -181,9 +181,6 @@ function getCustomPaddingSizeCSSByDevice(globalSize, device) {
 const getPaddingGlobalSize = (globalSize)=>{
     return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
 };
-const getValueByDevice = (value, device)=>{
-    return value?.[device] === undefined ? value?.desktop === undefined ? value?.tablet : value?.desktop : value?.[device];
-};
 
 exports.composeSize = composeSize;
 exports.composeSizeCss = composeSizeCss;
@@ -192,7 +189,6 @@ exports.getAspectRatioGlobalSize = getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = getPaddingGlobalSize;
-exports.getValueByDevice = getValueByDevice;
 exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;
 exports.makeGlobalSize = makeGlobalSize;

package/dist/cjs/hooks/animation/useAnimationPreview.js

@@ -5,7 +5,6 @@ var react = require('react');
 const useAnimationPreview = ({ props, playAnimation, cancelAnimation, setAnimationOnFinish, setToolbarActive })=>{
     const previewAnimation = react.useCallback((e)=>{
         const { uid, isCancel } = e.detail;
-        console.log('props.uid !== uid', props.uid !== uid, props.uid, uid);
         if (props.uid !== uid) return;
         cancelAnimation();
         if (isCancel) {

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -8,7 +8,6 @@ var useAnimationTarget = require('./useAnimationTarget.js');
 var useAnimationConfig = require('./useAnimationConfig.js');
 var useAnimationActions = require('./useAnimationActions.js');
 var useAnimationPreview = require('./useAnimationPreview.js');
-require('../../types/custom.js');
 var animations = require('../../types/animations.js');
 
 const useApplyAnimation = ({ props })=>{
@@ -41,7 +40,6 @@ const useApplyAnimation = ({ props })=>{
                 setting,
                 target: item.target
             }));
-        console.log('listAnimations', listAnimations);
         cancelAnimation();
         setAnimation(listAnimations);
     }, [

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -18,7 +18,6 @@ const useArticlesQuery = (variables, options)=>{
 };
 const useBlogsQuery = (variables, options)=>{
     const fetcher = useFetchHandle.useFetchHandle();
-    //@ts-ignore
     const fetchBlogs = ()=>fetcher([
             blogs_generated.BlogsDocument,
             variables ?? {}

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');
@@ -98,7 +97,6 @@ var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
 var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
 var useInitialSwatchesOptions = require('./hooks/useInitialSwatchesOptions.js');
-var custom = require('./types/custom.js');
 var shop$1 = require('./types/shop.js');
 var appAPI = require('./types/appAPI.js');
 var globalStyle = require('./types/global-style.js');
@@ -243,7 +241,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;
@@ -275,7 +272,6 @@ exports.getAspectRatioGlobalSize = size.getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = size.getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = size.getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = size.getPaddingGlobalSize;
-exports.getValueByDevice = size.getValueByDevice;
 exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
 exports.makeGlobalSize = size.makeGlobalSize;
@@ -318,7 +314,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;
@@ -357,14 +352,6 @@ exports.useProductListStyles = useProductList.useProductListStyles;
 exports.useSuspenseFetch = useSuspenseFetch.default;
 exports.useSwatchesOptions = useSwatchesOptions.default;
 exports.useInitialSwatchesOptions = useInitialSwatchesOptions.default;
-Object.defineProperty(exports, 'InteractionTargetEvent', {
-	enumerable: true,
-	get: function () { return custom.InteractionTargetEvent; }
-});
-Object.defineProperty(exports, 'InteractionTriggerEvent', {
-	enumerable: true,
-	get: function () { return custom.InteractionTriggerEvent; }
-});
 exports.ShopType = shop$1;
 exports.AppAPIType = appAPI;
 exports.OptionNormalStyle = globalStyle.OptionNormalStyle;