@gem-sdk/core 1.43.3-staging.36 → 1.44.0-dev.123

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -562,7 +562,7 @@ const ComponentToolbarPreview = (props)=>{
                     })
                 ]
             }, props.uid),
-            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatus, {
+            isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper, {
                 ...props
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -625,6 +625,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview);
+var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
 
 exports.default = ComponentToolbarPreview$1;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -8,6 +8,7 @@ var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
+var useApplyAnimation = require('../hooks/animation/useApplyAnimation.js');
 require('zustand');
 require('swr');
 require('@gem-sdk/adapter-shopify');
@@ -18,7 +19,6 @@ require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
 var cls = require('../helpers/cls.js');
 require('../helpers/convert.js');
-var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     react.useEffect(()=>{
@@ -32,6 +32,9 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     }, [
         props.uid
     ]);
+    useApplyAnimation.default({
+        props
+    });
     const pageType = shop.usePageType();
     if (props.type === 'section') {
         return null;
@@ -161,9 +164,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     // Render
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
-                ...props
-            }),
             /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
                 uid: props.uid,
                 advanced: advanced

package/dist/cjs/components/RenderPreview.js

@@ -45,6 +45,7 @@ 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/ai-generator/icons/UpgradeIcon.js

@@ -15,8 +15,8 @@ const UpgradeIcon = ()=>{
                 fill: "white"
             }),
             /*#__PURE__*/ jsxRuntime.jsx("path", {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M10.3586 6.31151C10.2145 5.37846 8.87693 5.36015 8.70733 6.2889L8.68345 6.41972C8.45531 7.66902 7.46634 8.63997 6.21306 8.84509C5.29358 8.99558 5.27456 10.3111 6.1893 10.4881L6.27325 10.5044C7.49956 10.7417 8.45849 11.7006 8.69579 12.9269L8.72136 13.0591C8.90841 14.0257 10.2917 14.0257 10.4788 13.0591L10.4987 12.9561C10.739 11.7146 11.7162 10.7476 12.9601 10.5204C13.9075 10.3474 13.8556 8.9775 12.9032 8.83444C11.5987 8.63847 10.56 7.61516 10.3586 6.31151ZM9.60348 11.8213C10.01 10.8962 10.7327 10.146 11.6365 9.70404C10.718 9.2961 9.96932 8.57183 9.53477 7.66527C9.12271 8.54399 8.41761 9.2538 7.54422 9.67221C8.46419 10.1164 9.19752 10.8797 9.60348 11.8213Z",
                 fill: "white"
             })

package/dist/cjs/components/ai-generator/icons/WarningIcon.js

@@ -19,8 +19,8 @@ const WarningIcon = ()=>{
                 fill: "#251A00"
             }),
             /*#__PURE__*/ jsxRuntime.jsx("path", {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M10.0001 3.5C8.95474 3.5 8.21619 4.20232 7.84765 4.94672C7.65568 5.33448 6.75987 7.0441 5.84308 8.79353L5.81534 8.84646C4.92293 10.5493 4.01717 12.2777 3.80719 12.702C3.43513 13.4537 3.32934 14.4519 3.89956 15.316C4.46914 16.1791 5.44225 16.5 6.3636 16.5L13.6364 16.5C14.5577 16.5 15.5309 16.1791 16.1005 15.316C16.6707 14.4519 16.5649 13.4537 16.1928 12.702C15.9832 12.2784 15.08 10.555 14.189 8.85476L14.1569 8.79352C13.24 7.044 12.3443 5.33454 12.1525 4.94693C11.784 4.20242 11.0455 3.5 10.0001 3.5ZM9.19193 5.61225C9.59608 4.79592 10.4041 4.79592 10.8081 5.61225C11.0102 6.02061 11.9201 7.75686 12.8297 9.49243C13.7383 11.2262 14.6466 12.9594 14.8485 13.3673C15.2525 14.1837 14.8485 15 13.6364 15L6.3636 15C5.15153 15 4.74749 14.1837 5.15153 13.3673C5.35379 12.9587 6.26471 11.2205 7.17483 9.4838C8.08286 7.75111 8.99008 6.01994 9.19193 5.61225Z",
                 fill: "#251A00"
             })

package/dist/cjs/components/constant.js

@@ -36,7 +36,10 @@ const disableWrap = [
     'ProductImagesV2',
     'PostPurchaseProductImages',
     'Sticky',
-    'Heading'
+    'Heading',
+    'ProductBadge',
+    'Marquee',
+    'MarqueeItem'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -47,7 +50,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

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

@@ -2,8 +2,17 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const ThemeSectionStatus = ({ ...props })=>{
-    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+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);
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-theme-section-status": true,
@@ -24,13 +33,13 @@ const ThemeSectionStatus = ({ ...props })=>{
                         })
                     })
                 }),
-                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                statusMessage && /*#__PURE__*/ jsxRuntime.jsx("span", {
                     "data-theme-section-status-text": true,
-                    children: "Need to republish. Go to global edit and publish this section"
+                    children: statusMessage
                 })
             ]
         })
     });
 };
 
-exports.ThemeSectionStatus = ThemeSectionStatus;
+exports.ThemeSectionStatusWrapper = ThemeSectionStatusWrapper;

package/dist/cjs/contexts/ArticleContext.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ react.createContext(null);
+const createArticleStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = react.useId();
+    const store = react.useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleProvider = ArticleProvider;
+exports.useArticleStore = useArticleStore;

package/dist/cjs/contexts/ArticleListContext.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ArticleListContext = /*#__PURE__*/ react.createContext(null);
+const createArticleListProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, children, styles, settings })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleListContext = ArticleListContext;
+exports.ArticleListProvider = ArticleListProvider;
+exports.useArticleListStore = useArticleListStore;

package/dist/cjs/contexts/BuilderPreviewContext.js

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

package/dist/cjs/contexts/SectionContext.js

@@ -10,6 +10,7 @@ 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/articles.generated.js

@@ -0,0 +1,55 @@
+'use strict';
+
+const ArticlesDocument = `
+    query articles($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: ArticleOrder, $where: ArticleWhereInput) {
+  articles(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        title
+        handle
+        description
+        templateSuffix
+        titleMeta
+        descriptionMeta
+        baseID
+        platform
+        tags
+        isSample
+        platformCreatedAt
+        author
+        blogs {
+          edges {
+            node {
+              title
+            }
+          }
+        }
+        media {
+          alt
+          width
+          src
+          height
+        }
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.ArticlesDocument = ArticlesDocument;

package/dist/cjs/graphql/queries/blogs.generated.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const BlogsDocument = `
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput) {
+  blogs(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        baseID
+        description
+        descriptionMeta
+        handle
+        articles {
+          edges {
+            node {
+              id
+              title
+              handle
+              description
+              templateSuffix
+              titleMeta
+              descriptionMeta
+              baseID
+              tags
+              isSample
+              platformCreatedAt
+              author
+              media {
+                width
+                src
+                height
+              }
+            }
+          }
+          totalCount
+        }
+        id
+        platform
+        tags
+        templateSuffix
+        title
+        titleMeta
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.BlogsDocument = BlogsDocument;

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

@@ -9,7 +9,9 @@ const getStyleBackgroundByDevice = (background, options)=>{
         return {};
     }
     return {
-        ...getStyleBgColor(background),
+        ...!options?.ignoreBackgroundColor ? {
+            ...getStyleBgColor(background)
+        } : {},
         ...!options?.ignoreBackgroundImage ? {
             ...getStyleBgImage(background, options),
             ...getStyleBgPosition(background),
@@ -203,7 +205,7 @@ const getGradientBgrStyleForButton = (backgroundStyle)=>{
     });
     return bgrStyle;
 };
-const getGradientBgrStyleByDevice = (backgroundStyle)=>{
+const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = false)=>{
     if (!backgroundStyle) return;
     const bgrStyle = {};
     [
@@ -214,7 +216,7 @@ const getGradientBgrStyleByDevice = (backgroundStyle)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: ignoreBackgroundImage ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
             });
         }
     });
@@ -227,4 +229,5 @@ exports.getBgImageByDevice = getBgImageByDevice;
 exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;
 exports.getGradientBgrStyleForButton = getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
+exports.getStyleBgColor = getStyleBgColor;
 exports.makeFixedBgAttachment = makeFixedBgAttachment;

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');
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
 }
 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/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var articles_generated = require('../../graphql/queries/articles.generated.js');
+var useFetchHandle = require('../useFetchHandle.js');
+var useSWR = require('swr');
+var blogs_generated = require('../../graphql/queries/blogs.generated.js');
+
+const useArticlesQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchArticles = ()=>fetcher([
+            articles_generated.ArticlesDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/articles',
+        variables
+    ] : null, fetchArticles, options);
+};
+const useBlogsQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchBlogs = ()=>fetcher([
+            blogs_generated.BlogsDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/blogs',
+        variables
+    ] : null, fetchBlogs, options);
+};
+
+exports.useArticlesQuery = useArticlesQuery;
+exports.useBlogsQuery = useBlogsQuery;

package/dist/cjs/hooks/use-current-device.js

@@ -2,18 +2,9 @@
 
 var react = require('react');
 
-// Hàm debounce với TypeScript
-function debounce(func, wait) {
-    let timeout;
-    return function(...args) {
-        clearTimeout(timeout);
-        timeout = setTimeout(()=>func.apply(this, args), wait);
-    };
-}
 function subscribe(callback) {
-    const debouncedCallback = debounce(callback, 200); // Debounce với thời gian chờ 200ms
-    window.addEventListener('resize', debouncedCallback);
-    return ()=>window.removeEventListener('resize', debouncedCallback);
+    window.addEventListener('resize', callback);
+    return ()=>window.removeEventListener('resize', callback);
 }
 const useCurrentDevice = ()=>{
     return react.useSyncExternalStore(subscribe, ()=>{

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;