@gem-sdk/core 1.39.17 → 1.40.0

package/dist/esm/components/resize/Spacing.js

@@ -5,6 +5,7 @@ import { useBuilderPreviewStore } from '../../contexts/BuilderPreviewContext.js'
 import 'swr';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
+import { usePageType } from '../../hooks/shop.js';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
 import 'react-transition-group';
@@ -13,6 +14,7 @@ import '../../helpers/convert.js';
 
 function Spacing(props) {
     const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
+    const pageType = usePageType();
     const $bottomDrag = useRef(null);
     const $bottomBg = useRef(null);
     const delayMouseMove = useRef(null);
@@ -197,7 +199,7 @@ function Spacing(props) {
         updateSpacing
     ]);
     return /*#__PURE__*/ jsx(Fragment, {
-        children: props.tag !== 'Section' && /*#__PURE__*/ jsx("div", {
+        children: props.tag !== 'Section' && pageType !== 'POST_PURCHASE' && /*#__PURE__*/ jsx("div", {
             "data-spacing": true,
             "data-spacing-theme-section": isThemeSectionEditor,
             className: "gp-absolute gp-w-full gp-bottom-0",

package/dist/esm/components/toolbar/Tooltip.js

@@ -1,15 +1,21 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', ...props }) {
+function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {
     return /*#__PURE__*/ jsxs("div", {
         ...props,
         "data-toolbar-tooltip-trigger": true,
         children: [
             children,
             enable && /*#__PURE__*/ jsx("div", {
+                style: {
+                    width: width,
+                    zIndex: 50
+                },
                 "data-toolbar-tooltip": true,
                 "data-toolbar-tooltip-position": position,
-                children: text
+                dangerouslySetInnerHTML: {
+                    __html: text
+                }
             })
         ]
     });

package/dist/esm/contexts/BuilderContext.js

@@ -3,15 +3,19 @@ import { useContext, createContext, Suspense, Fragment } from 'react';
 import { useStore, createStore } from 'zustand';
 
 const BuilderContext = /*#__PURE__*/ createContext(null);
-const createBuilderProvider = (data)=>createStore((_, get)=>({
+const createBuilderProvider = (data, isPostPurchase, isPreview)=>createStore((_, get)=>({
             state: data,
+            isPostPurchase: isPostPurchase,
+            isPreview: isPreview,
             getItem: (id)=>{
                 return get().state[id];
-            }
+            },
+            getIsPostPurchase: ()=>get().isPostPurchase,
+            getIsPreview: ()=>get().isPreview
         }));
-const BuilderProvider = ({ children, state, lazy, priority, ...passProps })=>{
+const BuilderProvider = ({ children, state, isPostPurchase, isPreview, lazy, priority, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
-    const store = createBuilderProvider(state);
+    const store = createBuilderProvider(state, isPostPurchase, isPreview);
     return /*#__PURE__*/ jsx(Component, {
         children: /*#__PURE__*/ jsx(BuilderContext.Provider, {
             ...passProps,

package/dist/esm/contexts/PageContext.js

@@ -14,15 +14,34 @@ const createPageStoreProvider = (data)=>createStore((set)=>({
                 set({
                     dynamicCollection: data
                 });
+            },
+            setPostPurchaseProductOffers: (productOffers)=>{
+                set({
+                    productOffers: productOffers
+                });
+            },
+            setSalePageProductId: (id)=>{
+                set({
+                    salePageProductId: id
+                });
+            },
+            setPublicStoreFrontData: (publicStoreFrontData)=>{
+                set({
+                    publicStoreFrontData: publicStoreFrontData
+                });
             }
         }));
-const PageProvider = ({ children, dynamicProduct, dynamicCollection, ...passProps })=>{
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
     const store = useMemo(()=>createPageStoreProvider({
             dynamicProduct,
-            dynamicCollection
+            dynamicCollection,
+            productOffers,
+            publicStoreFrontData
         }), [
         dynamicProduct,
-        dynamicCollection
+        dynamicCollection,
+        productOffers,
+        publicStoreFrontData
     ]);
     return /*#__PURE__*/ jsx(PageContext.Provider, {
         ...passProps,

package/dist/esm/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js

@@ -0,0 +1,23 @@
+/* eslint-disable */ const LibrarySaleFunnelDocument = `
+    query LibrarySaleFunnel($librarySaleFunnelId: ID!) {
+  librarySaleFunnel(id: $librarySaleFunnelId) {
+    id
+    type
+    name
+    offers {
+      id
+      discounts {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+      }
+    }
+  }
+}
+    `;
+
+export { LibrarySaleFunnelDocument };

package/dist/esm/graphql-app-api/queries/LibraryTemplate.generated.js

@@ -0,0 +1,15 @@
+/* eslint-disable */ const LibraryTemplateDocument = `
+    query LibraryTemplate($libraryTemplateId: ID!) {
+  libraryTemplate(id: $libraryTemplateId) {
+    id
+    name
+    sectionPosition
+    sections {
+      id
+      component
+    }
+  }
+}
+    `;
+
+export { LibraryTemplateDocument };

package/dist/esm/graphql-app-api/queries/SaleFunnelDiscounts.generated.js

@@ -0,0 +1,36 @@
+/* eslint-disable */ const SaleFunnelDiscountsDocument = `
+    query SaleFunnelDiscounts($where: SaleFunnelDiscountWhereInput, $orderBy: SaleFunnelDiscountOrder, $last: Int, $before: Cursor, $first: Int, $after: Cursor) {
+  saleFunnelDiscounts(
+    where: $where
+    orderBy: $orderBy
+    last: $last
+    before: $before
+    first: $first
+    after: $after
+  ) {
+    edges {
+      node {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+        valueType
+        isEnabled
+      }
+      cursor
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+export { SaleFunnelDiscountsDocument };

package/dist/esm/graphql-app-api/queries/ThemePage.generated.js

@@ -0,0 +1,31 @@
+/* eslint-disable */ const ThemePageDocument = `
+    query ThemePage($themePageId: ID!, $first: Int, $where: ThemeStyleWhereInput) {
+  themePage(id: $themePageId) {
+    id
+    name
+    handle
+    isMobile
+    sectionPosition
+    pageSections {
+      cid
+      component
+      id
+      deletedAt
+    }
+    theme {
+      id
+      themeStyles(first: $first, where: $where) {
+        edges {
+          node {
+            data
+            id
+            name
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+
+export { ThemePageDocument };

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

@@ -42,7 +42,34 @@ const getAttrValue = (attr, value, tag)=>{
             return value;
     }
 };
-function composeAdvanceStyle(data, tag) {
+const postPurchasePaddingMapping = {
+    loose: '21px',
+    extraLoose: '38px',
+    tight: '9px',
+    extraTight: '5px',
+    base: '14px'
+};
+const composeAdvanceStyleForPostPurchase = (data, tag)=>{
+    if (!data) return {};
+    const styles = {};
+    Object.keys(data).forEach((attr)=>{
+        const value = data[attr];
+        if (attr === 'blockPadding') {
+            const valueMapped = postPurchasePaddingMapping[value];
+            styles[`--pb`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--pt`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--mb`] = '0px';
+            styles[`--mt`] = '0px';
+        }
+        if (attr === 'inlinePadding') {
+            const valueMapped = postPurchasePaddingMapping[value];
+            styles[`--pl`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--pr`] = getAttrValue(attr, valueMapped, tag);
+        }
+    });
+    return styles;
+};
+function composeAdvanceStyle(data, tag, pageType) {
     if (!data) return {};
     const styles = {};
     const devices = [
@@ -186,8 +213,24 @@ function composeAdvanceStyle(data, tag) {
                 }));
             }
         }
+        if (attr === 'blockPadding' && pageType === "POST_PURCHASE") {
+            const valueMapped = postPurchasePaddingMapping[value];
+            styles[`--pb`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--pt`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--mb`] = '0px';
+            styles[`--mt`] = '0px';
+        }
+        if (attr === 'inlinePadding' && pageType === "POST_PURCHASE") {
+            const valueMapped = postPurchasePaddingMapping[value];
+            styles[`--pl`] = getAttrValue(attr, valueMapped, tag);
+            styles[`--pr`] = getAttrValue(attr, valueMapped, tag);
+        }
     });
-    return styles;
+    const advancedPostPurchaseStyles = pageType === "POST_PURCHASE" ? composeAdvanceStyleForPostPurchase(data, tag) : {};
+    return {
+        ...styles,
+        ...advancedPostPurchaseStyles
+    };
 }
 const splitStyle = (keys, style = {})=>{
     const fullKeys = keys.map((key)=>makeStyleKey(key)).flat();
@@ -258,4 +301,4 @@ const removePaddingYInStyle = (style)=>{
     return removeAttrInStyle(style, keys);
 };
 
-export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle };
+export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle };

package/dist/esm/helpers/filter-toolbar-preview.js

@@ -1,5 +1,5 @@
 import { Children } from 'react';
-import { ComponentToolbarPreview } from '../components/ComponentToolbarPreview.js';
+import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
 
 const filterToolbarPreview = (children, keep = false)=>{
     const arrChild = Children.toArray(children);

package/dist/esm/helpers/is-empty-children.js

@@ -1,5 +1,5 @@
 import { Children } from 'react';
-import { ComponentToolbarPreview } from '../components/ComponentToolbarPreview.js';
+import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
 
 const isEmptyChildren = (children)=>{
     let arrChild = Children.toArray(children);

package/dist/esm/helpers/queries/get-products.js

@@ -2,12 +2,13 @@ import { ProductsDocument } from '../../graphql/queries/products.generated.js';
 import { calculateFirstProduct } from './get-collection.js';
 import { fetchVariants, fetchMedias } from './get-product.js';
 
-const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
         isStorefront,
-        defaultSelectedProductCount
+        defaultSelectedProductCount,
+        allStatus
     });
     if (!products) {
         throw new Error('Product not found');
@@ -60,7 +61,7 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
     const defaultNumberOfProducts = defaultSelectedProductCount || 4;
     const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
     const productsPerPage = 8; // number of products per page
@@ -73,6 +74,9 @@ const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, default
     // counter number of queries
     const pages = Math.ceil(numberOfProducts / productsPerPage);
     while(currentPage <= pages && hasNextPage !== false){
+        const status = allStatus ? {} : {
+            status: 'ACTIVE'
+        };
         variables = {
             first: calculateFirstProduct(numberOfProducts, currentPage, productsPerPage),
             firstMedia: 1,
@@ -86,7 +90,7 @@ const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, default
                 direction: 'ASC'
             },
             where: {
-                status: 'ACTIVE',
+                ...status,
                 isSample,
                 ...isStorefront && {
                     isStorefront

package/dist/esm/hooks/shop/use-product-query.js

@@ -4,7 +4,7 @@ import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 import { generateProductQueryKey } from '../../helpers/query.js';
 
-const useProductQuery = (productId, options)=>{
+const useProductQuery = (productId, options, customFetcher)=>{
     const fetcher = useFetchHandle();
     const isSample = useIsSampleProduct();
     const isStorefront = useIsStorefrontProduct();
@@ -13,7 +13,7 @@ const useProductQuery = (productId, options)=>{
         isSample,
         isStorefront
     }) : null, async ([, arg])=>{
-        return getProduct(fetcher, arg);
+        return getProduct(customFetcher || fetcher, arg);
     }, options);
 };
 

package/dist/esm/hooks/shop/use-products-query.js

@@ -4,7 +4,7 @@ import { generateProductsQueryKey } from '../../helpers/query.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 
-const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
+const useProductsQuery = (ids, options, params)=>{
     const fetcher = useFetchHandle();
     const isSample = useIsSampleProduct();
     const isStorefront = useIsStorefrontProduct();
@@ -12,9 +12,10 @@ const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
         ids,
         isSample,
         isStorefront,
-        defaultSelectedProductCount
+        defaultSelectedProductCount: params?.defaultSelectedProductCount,
+        allStatus: params?.allStatus
     }) : null, async ([, arg])=>{
-        return getProducts(fetcher, arg);
+        return getProducts(params?.fetcher || fetcher, arg);
     }, options);
 };
 

package/dist/esm/hooks/useFormatMoney.js

@@ -1,5 +1,8 @@
 import { useMoneyFormat } from './shop.js';
 
+const shopifyPriceRounding = (amount, precision)=>{
+    return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
+};
 const useFormatMoney = (amount, withCurrency)=>{
     const { moneyFormat, moneyWithCurrencyFormat } = useMoneyFormat();
     const formatMoney = function(cents, format) {
@@ -30,7 +33,7 @@ const useFormatMoney = (amount, withCurrency)=>{
                 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 = parseFloat(`${number}`).toFixed(Number(precision) + 1).slice(0, -1);
+            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;
         }
@@ -53,4 +56,4 @@ const useFormatMoney = (amount, withCurrency)=>{
     return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
 };
 
-export { useFormatMoney };
+export { shopifyPriceRounding, useFormatMoney };

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -4,6 +4,17 @@ import { colorPreset } from '../components/src/product/helpers/variant-presets.j
 import { useSwatches } from './shop.js';
 import { useFetchHandle } from './useFetchHandle.js';
 import { useShopStore } from '../contexts/ShopContext.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'zustand';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import './useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import isBrowser from '../helpers/is-browser.js';
+import '../helpers/convert.js';
 
 let swatchChange = false;
 let colorChange = false;
@@ -33,7 +44,7 @@ const useInitialSwatchesOptions = (options)=>{
     });
     if (!options) return [];
     setDefaultSwatches(swatches, options);
-    if (swatches?.length && (swatchChange || colorChange)) {
+    if (isBrowser() && swatches?.length && (swatchChange || colorChange)) {
         window?.parent?.postMessage?.(JSON.stringify({
             type: 'update-swatches',
             swatches

package/dist/esm/hooks/useProduct.js

@@ -3,6 +3,7 @@ import { useProductStore } from '../contexts/ProductContext.js';
 import 'react/jsx-runtime';
 import 'zustand';
 import 'swr';
+import { usePageStore } from '../contexts/PageContext.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
@@ -188,5 +189,18 @@ const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
         return false;
     }) : false;
 };
+const useProductOfferDiscount = ()=>{
+    const productOffers = usePageStore((s)=>s.productOffers);
+    const currentProduct = useProduct();
+    const currentVariant = useCurrentVariant();
+    const currentOffer = productOffers?.find((item)=>item?.node?.objectBaseID === currentProduct?.baseID)?.node;
+    if (!currentOffer || !currentOffer.isEnabled) return 0;
+    let currentDiscount = currentOffer?.value;
+    if (currentOffer && currentOffer.valueType === 'PERCENTAGE' && currentDiscount) {
+        const price = currentVariant?.price || 0;
+        currentDiscount = currentDiscount * price / 100;
+    }
+    return currentDiscount || 0;
+};
 
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -0,0 +1,87 @@
+import { postPurchaseRequiredElements, postPurchaseWrapElements } from '../components/constant.js';
+import { useShopStore } from '../contexts/ShopContext.js';
+
+const usePostPurchase = (uid, tag)=>{
+    const editingPageType = useShopStore((s)=>s.pageType);
+    const getElementCountInPage = (tagParam, root)=>{
+        const tagUsed = tagParam || tag;
+        let count = 0;
+        const elements = (root || document).querySelectorAll(`[data-component-tag="${tagUsed}"]`);
+        if (tagUsed === 'PostPurchaseProductOffer') {
+            return elements.length;
+        }
+        let isCountedWrapper = '';
+        elements.forEach((element)=>{
+            const isWrappedByProductOffer = element.closest('[data-component-tag="PostPurchaseProductOffer"]');
+            const productId = isWrappedByProductOffer?.getAttribute('data-uid') || '';
+            const productWrapper = element.closest('[data-component-tag="Product"]');
+            const elementCounted = productWrapper?.querySelectorAll(`[data-component-tag="${tagUsed}"]`).length || 0;
+            const offset = isWrappedByProductOffer ? productId !== isCountedWrapper ? elementCounted : 0 : 1;
+            if (isWrappedByProductOffer) {
+                isCountedWrapper = productId;
+            }
+            count += offset;
+        });
+        return count;
+    };
+    const verifyRequireElement = ()=>{
+        const count = getElementCountInPage();
+        return count <= 1;
+    };
+    const verifyWrapContainsRequireElement = ()=>{
+        const $component = document.querySelector(`[data-uid="${uid}"]`);
+        if (!$component) return false;
+        for (const requiredElementTag of postPurchaseRequiredElements){
+            const countElementInsidePage = getElementCountInPage(requiredElementTag);
+            const countElementInsideWrap = getElementCountInPage(requiredElementTag, $component);
+            if (countElementInsideWrap > 0 && countElementInsidePage - countElementInsideWrap < 1) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const countRequiredElement = ()=>{
+        return postPurchaseRequiredElements.reduce((acc, requiredElementTag)=>{
+            const $component = document.querySelector(`[data-uid="${uid}"]`);
+            if (!$component) return 0;
+            const count = $component.querySelectorAll(`[data-component-tag="${requiredElementTag}"]`).length;
+            return acc + count;
+        }, 0);
+    };
+    const checkDisableDelete = ()=>{
+        if (editingPageType !== 'POST_PURCHASE') return false;
+        let isUnable = false;
+        if (postPurchaseRequiredElements.includes(tag)) {
+            isUnable = verifyRequireElement();
+            if (isUnable) return isUnable;
+        }
+        if (postPurchaseWrapElements.includes(tag) && countRequiredElement() > 0) {
+            return verifyWrapContainsRequireElement();
+        }
+        return false;
+    };
+    const checkDisableDuplicate = ()=>{
+        return editingPageType === 'GP_FUNNEL_PAGE' && tag === 'ProductList';
+    };
+    const getTooltipText = ()=>{
+        if (postPurchaseRequiredElements.includes(tag)) {
+            return {
+                text: 'This element is required <br> and can’t be deleted',
+                width: '175px'
+            };
+        } else {
+            const elmName = tag === 'Section' ? 'section' : 'element';
+            return {
+                text: `This ${elmName} contains required <br> elements and cannot be deleted`,
+                width: '206px'
+            };
+        }
+    };
+    return {
+        checkDisableDelete,
+        getTooltipText,
+        checkDisableDuplicate
+    };
+};
+
+export { usePostPurchase };

package/dist/esm/index.js

@@ -22,6 +22,10 @@ export { PublishedThemePagesDocument } from './graphql/queries/published-theme-p
 export { ProductsDocument } from './graphql/queries/products.generated.js';
 export { StorePropertyDocument } from './graphql/queries/store-property.generated.js';
 export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js';
+export { LibraryTemplateDocument } from './graphql-app-api/queries/LibraryTemplate.generated.js';
+export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated.js';
+export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
+export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
 export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';
@@ -38,7 +42,7 @@ export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
-export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
 export { convertHTML } from './helpers/covert-entities-html.js';
 export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
@@ -75,7 +79,7 @@ export { useCollectionsQuery } from './hooks/shop/use-collections-query.js';
 export { useProductQuery } from './hooks/shop/use-product-query.js';
 export { useProductsQuery } from './hooks/shop/use-products-query.js';
 export { useCurrentDevice } from './hooks/use-current-device.js';
-export { 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';
@@ -86,13 +90,15 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
 export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
 export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
 import * as shop from './types/shop.js';
 export { shop as ShopType };
+import * as appAPI from './types/appAPI.js';
+export { appAPI as AppAPIType };
 export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.js';
 export { AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType } from './types/animations.js';
 export { calculateFirstProduct, getCollection } from './helpers/queries/get-collection.js';

package/dist/esm/types/appAPI.js

@@ -0,0 +1 @@
+