@gem-sdk/core 3.0.0-pre-production.15 → 3.0.0

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

@@ -1,63 +1,2 @@
-'use strict';
-
-var useSWR = require('swr');
-var useSWRInfinite = require('swr/infinite');
-var getProducts = require('../../helpers/queries/get-products.js');
-var query = require('../../helpers/query.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-
-const useProductsQuery = (ids, options, params)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(ids ? query.generateProductsQueryKey({
-        ids,
-        isSample,
-        isStorefront,
-        defaultSelectedProductCount: params?.defaultSelectedProductCount,
-        allStatus: params?.allStatus
-    }) : null, async ([, arg])=>{
-        return getProducts.getProducts(params?.fetcher || fetcher, arg);
-    }, options);
-};
-const getKey = (variable)=>{
-    return (pageIndex, previousPageData)=>{
-        if (!variable || previousPageData && !previousPageData.products?.pageInfo?.hasNextPage) {
-            return null;
-        }
-        if (pageIndex === 0) {
-            return [
-                'query/products',
-                variable
-            ];
-        }
-        return [
-            'query/products',
-            {
-                ...variable,
-                after: previousPageData.products?.pageInfo?.endCursor
-            }
-        ];
-    };
-};
-const useListProductQuery = (variable, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const data = useSWRInfinite(getKey(variable), async ([, arg])=>{
-        return getProducts.getListProductByVariables(fetcher, arg);
-    }, options);
-    return data;
-};
-const useProductsQueryAll = (variable, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    return useSWR(variable ? [
-        'query/products',
-        variable
-    ] : null, async ([, arg])=>{
-        return getProducts.getProductQueryAll(fetcher, arg);
-    }, options);
-};
-
-exports.useListProductQuery = useListProductQuery;
-exports.useProductsQuery = useProductsQuery;
-exports.useProductsQueryAll = useProductsQueryAll;
+'use client';
+"use strict";var useSWR=require("swr"),useSWRInfinite=require("swr/infinite"),getProducts=require("../../helpers/queries/get-products.js"),query=require("../../helpers/query.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js");const useProductsQuery=(e,u,r)=>{let t=useFetchHandle.useFetchHandle(),s=shop.useIsSampleProduct(),c=shop.useIsStorefrontProduct();return useSWR(e?query.generateProductsQueryKey({ids:e,isSample:s,isStorefront:c,defaultSelectedProductCount:r?.defaultSelectedProductCount,allStatus:r?.allStatus}):null,async([,e])=>getProducts.getProducts(r?.fetcher||t,e),u)},getKey=e=>(u,r)=>e&&(!r||r.products?.pageInfo?.hasNextPage)?0===u?["query/products",e]:["query/products",{...e,after:r.products?.pageInfo?.endCursor}]:null,useListProductQuery=(e,u)=>{let r=useFetchHandle.useFetchHandle(),t=useSWRInfinite(getKey(e),async([,e])=>getProducts.getListProductByVariables(r,e),u);return t},useProductsQueryAll=(e,u)=>{let r=useFetchHandle.useFetchHandle();return useSWR(e?["query/products",e]:null,async([,e])=>getProducts.getProductQueryAll(r,e),u)};exports.useListProductQuery=useListProductQuery,exports.useProductsQuery=useProductsQuery,exports.useProductsQueryAll=useProductsQueryAll;

package/dist/cjs/hooks/shop/useShopifyLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var react=require("react"),ShopContext=require("../../contexts/ShopContext.js");const useShopifyLink=({productId:e,articleId:t})=>{let o=ShopContext.useShopStore(e=>e.storefrontUrl),r=react.useMemo(()=>{let e=/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;return o?o.match(e)?.[1]:""},[o]),s=react.useMemo(()=>`https://admin.shopify.com/store/${r}`,[r]),c=react.useMemo(()=>e?`${s}/products/${e}`:"",[s,e]),u=react.useMemo(()=>t?`${s}/articles/${t}`:"",[t,s]);return{linkShopDefault:s,linkEditProduct:c,linkEditArticle:u}};exports.useShopifyLink=useShopifyLink;

package/dist/cjs/hooks/shop.js

@@ -1,135 +1,2 @@
-'use strict';
-
-var react = require('react');
-var useSWR = require('swr');
-var ShopContext = require('../contexts/ShopContext.js');
-
-const useLocale = ()=>{
-    const locale = ShopContext.useShopStore((state)=>state.locale);
-    const changeLocale = ShopContext.useShopStore((state)=>state.changeLocale);
-    return react.useMemo(()=>({
-            locale,
-            changeLocale
-        }), [
-        locale,
-        changeLocale
-    ]);
-};
-const useCurrency = ()=>{
-    const currency = ShopContext.useShopStore((state)=>state.currency);
-    const changeCurrency = ShopContext.useShopStore((state)=>state.changeCurrency);
-    return react.useMemo(()=>({
-            currency,
-            changeCurrency
-        }), [
-        currency,
-        changeCurrency
-    ]);
-};
-const useTimezone = ()=>{
-    const timezone = ShopContext.useShopStore((state)=>state.timezone);
-    return react.useMemo(()=>({
-            timezone
-        }), [
-        timezone
-    ]);
-};
-const useMoneyFormat = ()=>{
-    const moneyFormat = ShopContext.useShopStore((state)=>state.moneyFormat);
-    const moneyWithCurrencyFormat = ShopContext.useShopStore((state)=>state.moneyWithCurrencyFormat);
-    return react.useMemo(()=>({
-            moneyFormat,
-            moneyWithCurrencyFormat
-        }), [
-        moneyFormat,
-        moneyWithCurrencyFormat
-    ]);
-};
-const useSwatches = ()=>{
-    const swatches = ShopContext.useShopStore((state)=>state.swatches);
-    const changeSwatches = ShopContext.useShopStore((state)=>state.changeSwatches);
-    return react.useMemo(()=>({
-            swatches,
-            changeSwatches
-        }), [
-        swatches,
-        changeSwatches
-    ]);
-};
-const usePageType = ()=>{
-    const pageType = ShopContext.useShopStore((state)=>state.pageType);
-    return react.useMemo(()=>pageType || 'STATIC', [
-        pageType
-    ]);
-};
-const useStoreFront = ()=>{
-    const provider = ShopContext.useShopStore((state)=>state.provider);
-    const storefrontToken = ShopContext.useShopStore((state)=>state.storefrontToken);
-    const storefrontUrl = ShopContext.useShopStore((state)=>state.storefrontUrl);
-    return {
-        provider,
-        storefrontToken,
-        storefrontUrl
-    };
-};
-const usePluginEnable = ()=>{
-    return ShopContext.useShopStore((state)=>state.plugins);
-};
-const useEditorMode = ()=>{
-    return ShopContext.useShopStore((state)=>state.mode);
-};
-const useMobileOnly = ()=>{
-    return ShopContext.useShopStore((state)=>state.mobileOnly);
-};
-const useMatchMutate = ()=>{
-    const { cache, mutate } = useSWR.useSWRConfig();
-    return (matcher, opts)=>{
-        if (!(cache instanceof Map)) {
-            throw new Error('matchMutate requires the cache provider to be a Map instance');
-        }
-        const keys = [];
-        cache.forEach((_, key)=>{
-            if (matcher.test(key)) {
-                keys.push(key);
-            }
-        });
-        const mutations = keys.map((key)=>{
-            const cacheData = cache.get(key);
-            return mutate(key, cacheData?.data, opts);
-        });
-        return Promise.all(mutations);
-    };
-};
-function useConnectedShopify() {
-    const { storefrontToken } = useStoreFront();
-    return !!storefrontToken;
-}
-function useIsSampleProduct() {
-    const { storefrontToken } = useStoreFront();
-    const isStorefront = ShopContext.useShopStore((state)=>state.isStorefront);
-    return isStorefront && !storefrontToken;
-}
-function useIsStorefrontProduct() {
-    return ShopContext.useShopStore((state)=>state.isStorefront);
-}
-function useCheckoutUrl(url) {
-    const { storefrontToken } = useStoreFront();
-    if (!url) return undefined;
-    return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
-}
-
-exports.useCheckoutUrl = useCheckoutUrl;
-exports.useConnectedShopify = useConnectedShopify;
-exports.useCurrency = useCurrency;
-exports.useEditorMode = useEditorMode;
-exports.useIsSampleProduct = useIsSampleProduct;
-exports.useIsStorefrontProduct = useIsStorefrontProduct;
-exports.useLocale = useLocale;
-exports.useMatchMutate = useMatchMutate;
-exports.useMobileOnly = useMobileOnly;
-exports.useMoneyFormat = useMoneyFormat;
-exports.usePageType = usePageType;
-exports.usePluginEnable = usePluginEnable;
-exports.useStoreFront = useStoreFront;
-exports.useSwatches = useSwatches;
-exports.useTimezone = useTimezone;
+'use client';
+"use strict";var react=require("react"),useSWR=require("swr"),ShopContext=require("../contexts/ShopContext.js");const useLocale=()=>{let e=ShopContext.useShopStore(e=>e.locale),t=ShopContext.useShopStore(e=>e.changeLocale);return react.useMemo(()=>({locale:e,changeLocale:t}),[e,t])},useCurrency=()=>{let e=ShopContext.useShopStore(e=>e.currency),t=ShopContext.useShopStore(e=>e.changeCurrency);return react.useMemo(()=>({currency:e,changeCurrency:t}),[e,t])},useTimezone=()=>{let e=ShopContext.useShopStore(e=>e.timezone);return react.useMemo(()=>({timezone:e}),[e])},useMoneyFormat=()=>{let e=ShopContext.useShopStore(e=>e.moneyFormat),t=ShopContext.useShopStore(e=>e.moneyWithCurrencyFormat);return react.useMemo(()=>({moneyFormat:e,moneyWithCurrencyFormat:t}),[e,t])},useSwatches=()=>{let e=ShopContext.useShopStore(e=>e.swatches),t=ShopContext.useShopStore(e=>e.changeSwatches);return react.useMemo(()=>({swatches:e,changeSwatches:t}),[e,t])},usePageType=()=>{let e=ShopContext.useShopStore(e=>e.pageType);return react.useMemo(()=>e||"STATIC",[e])},useStoreFront=()=>{let e=ShopContext.useShopStore(e=>e.provider),t=ShopContext.useShopStore(e=>e.storefrontToken),o=ShopContext.useShopStore(e=>e.storefrontUrl);return{provider:e,storefrontToken:t,storefrontUrl:o}},usePluginEnable=()=>ShopContext.useShopStore(e=>e.plugins),useEditorMode=()=>ShopContext.useShopStore(e=>e.mode),useMobileOnly=()=>ShopContext.useShopStore(e=>e.mobileOnly),useMatchMutate=()=>{let{cache:e,mutate:t}=useSWR.useSWRConfig();return(o,r)=>{if(!(e instanceof Map))throw Error("matchMutate requires the cache provider to be a Map instance");let u=[];e.forEach((e,t)=>{o.test(t)&&u.push(t)});let s=u.map(o=>{let u=e.get(o);return t(o,u?.data,r)});return Promise.all(s)}};function useConnectedShopify(){let{storefrontToken:e}=useStoreFront();return!!e}function useIsSampleProduct(){let{storefrontToken:e}=useStoreFront(),t=ShopContext.useShopStore(e=>e.isStorefront);return t&&!e}function useIsStorefrontProduct(){return ShopContext.useShopStore(e=>e.isStorefront)}function useCheckoutUrl(e){let{storefrontToken:t}=useStoreFront();if(e)return t?`${e}?access_token=${t}`:e}exports.useCheckoutUrl=useCheckoutUrl,exports.useConnectedShopify=useConnectedShopify,exports.useCurrency=useCurrency,exports.useEditorMode=useEditorMode,exports.useIsSampleProduct=useIsSampleProduct,exports.useIsStorefrontProduct=useIsStorefrontProduct,exports.useLocale=useLocale,exports.useMatchMutate=useMatchMutate,exports.useMobileOnly=useMobileOnly,exports.useMoneyFormat=useMoneyFormat,exports.usePageType=usePageType,exports.usePluginEnable=usePluginEnable,exports.useStoreFront=useStoreFront,exports.useSwatches=useSwatches,exports.useTimezone=useTimezone;

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

@@ -1,30 +1,2 @@
-'use strict';
-
-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);
-}
-const useCurrentDevice = ()=>{
-    return react.useSyncExternalStore(subscribe, ()=>{
-        if (window.innerWidth < 768) {
-            return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1025) {
-            return 'tablet';
-        } else {
-            return 'desktop';
-        }
-    }, ()=>'desktop');
-};
-
-exports.useCurrentDevice = useCurrentDevice;
+'use client';
+"use strict";var react=require("react");function debounce(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>e.apply(this,r),t)}}function subscribe(e){let t=debounce(e,200);return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}const useCurrentDevice=()=>react.useSyncExternalStore(subscribe,()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop",()=>"desktop");exports.useCurrentDevice=useCurrentDevice;

package/dist/cjs/hooks/use-lazy-video.js

@@ -1,15 +1,2 @@
-'use strict';
-
-var react = require('react');
-var LazyLoad = require('vanilla-lazyload');
-
-const useLazyVideo = ()=>{
-    react.useEffect(()=>{
-        const lazyLoadInstance = new LazyLoad({
-            use_native: true
-        });
-        lazyLoadInstance.update();
-    }, []);
-};
-
-exports.useLazyVideo = useLazyVideo;
+'use client';
+"use strict";var react=require("react"),LazyLoad=require("vanilla-lazyload");const useLazyVideo=()=>{react.useEffect(()=>{let e=new LazyLoad({use_native:!0});e.update()},[])};exports.useLazyVideo=useLazyVideo;

package/dist/cjs/hooks/useAnimations.js

@@ -1,29 +1,2 @@
-'use strict';
-
-var animations = require('../helpers/animations.js');
-require('react');
-require('react/jsx-runtime');
-require('zustand');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('./useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('classnames');
-require('dayjs');
-require('../helpers/convert.js');
-
-const useAnimations = ()=>{
-    const { zoom, shake, fade, slide } = animations.animations();
-    return {
-        zoom,
-        shake,
-        fade,
-        slide
-    };
-};
-
-exports.useAnimations = useAnimations;
+'use client';
+"use strict";var animations=require("../helpers/animations.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("./useCartUI.js"),require("./useStickyStore.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("dayjs"),require("../helpers/convert.js");const useAnimations=()=>{let{zoom:e,shake:r,fade:i,slide:s}=animations.animations();return{zoom:e,shake:r,fade:i,slide:s}};exports.useAnimations=useAnimations;

package/dist/cjs/hooks/useCartId.js

@@ -1,44 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const cartKey = 'cart-id';
-const getCartId = ()=>{
-    return window.localStorage.getItem(cartKey);
-};
-const writeCartId = (value)=>{
-    if (value) {
-        window.localStorage.setItem(cartKey, value);
-    }
-};
-const removeCartId = ()=>{
-    window.localStorage.removeItem(cartKey);
-};
-const subscribeStorage = (callback)=>{
-    window.addEventListener('storage', callback);
-    return ()=>{
-        window.removeEventListener('storage', callback);
-    };
-};
-const useCartId = ()=>{
-    const cartId = react.useSyncExternalStore(subscribeStorage, getCartId, ()=>undefined);
-    const updateCartId = react.useCallback((val)=>{
-        writeCartId(val);
-    }, []);
-    const clearCartId = react.useCallback(()=>{
-        removeCartId();
-    }, []);
-    return react.useMemo(()=>({
-            cartId,
-            updateCartId,
-            clearCartId
-        }), [
-        cartId,
-        clearCartId,
-        updateCartId
-    ]);
-};
-
-exports.default = useCartId;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const cartKey="cart-id",getCartId=()=>window.localStorage.getItem(cartKey),writeCartId=e=>{e&&window.localStorage.setItem(cartKey,e)},removeCartId=()=>{window.localStorage.removeItem(cartKey)},subscribeStorage=e=>(window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}),useCartId=()=>{let e=react.useSyncExternalStore(subscribeStorage,getCartId,()=>void 0),t=react.useCallback(e=>{writeCartId(e)},[]),r=react.useCallback(()=>{removeCartId()},[]);return react.useMemo(()=>({cartId:e,updateCartId:t,clearCartId:r}),[e,r,t])};exports.default=useCartId;

package/dist/cjs/hooks/useCartLine.js

@@ -1,11 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CartLineContext = require('../contexts/CartLineContext.js');
-
-const useCartLine = ()=>{
-    return CartLineContext.useCartLineStore((s)=>s.line);
-};
-
-exports.default = useCartLine;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var CartLineContext=require("../contexts/CartLineContext.js");const useCartLine=()=>CartLineContext.useCartLineStore(e=>e.line);exports.default=useCartLine;

package/dist/cjs/hooks/useCartUI.js

@@ -1,48 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var zustand = require('zustand');
-var shop = require('./shop.js');
-
-const useStore = zustand.create((set)=>({
-        isCartOpen: false,
-        setOpen: (isCartOpen)=>{
-            const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
-            const computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);
-            if (isCartOpen) {
-                document.body.style.overflow = `hidden`;
-                document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarGap}px`;
-            } else {
-                document.body.style.overflow = '';
-                document.body.style.paddingRight = '';
-            }
-            set({
-                isCartOpen
-            });
-        }
-    }));
-function useCartUI() {
-    const plugins = shop.usePluginEnable();
-    const isCartOpen = useStore((s)=>s.isCartOpen);
-    const setOpen = useStore((s)=>s.setOpen);
-    const openCart = react.useCallback(()=>{
-        if (plugins?.includes('cart-drawer')) {
-            setOpen(true);
-        }
-    }, [
-        plugins,
-        setOpen
-    ]);
-    const closeCart = react.useCallback(()=>setOpen(false), [
-        setOpen
-    ]);
-    return {
-        isCartOpen,
-        openCart,
-        closeCart
-    };
-}
-
-exports.default = useCartUI;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),zustand=require("zustand"),shop=require("./shop.js");const useStore=zustand.create(e=>({isCartOpen:!1,setOpen:t=>{let r=window.innerWidth-document.documentElement.clientWidth,d=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);t?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${d+r}px`):(document.body.style.overflow="",document.body.style.paddingRight=""),e({isCartOpen:t})}}));function useCartUI(){let e=shop.usePluginEnable(),t=useStore(e=>e.isCartOpen),r=useStore(e=>e.setOpen),d=react.useCallback(()=>{e?.includes("cart-drawer")&&r(!0)},[e,r]),n=react.useCallback(()=>r(!1),[r]);return{isCartOpen:t,openCart:d,closeCart:n}}exports.default=useCartUI;

package/dist/cjs/hooks/useCollection.js

@@ -1,9 +1,2 @@
-'use strict';
-
-var CollectionContext = require('../contexts/CollectionContext.js');
-
-const useCollection = ()=>{
-    return CollectionContext.useCollectionStore((s)=>s.collection);
-};
-
-exports.useCollection = useCollection;
+'use client';
+"use strict";var CollectionContext=require("../contexts/CollectionContext.js");const useCollection=()=>CollectionContext.useCollectionStore(o=>o.collection);exports.useCollection=useCollection;

package/dist/cjs/hooks/useFetchHandle.js

@@ -1,13 +1,2 @@
-'use strict';
-
-var useSWR = require('swr');
-
-const useFetchHandle = ()=>{
-    const { fetcher } = useSWR.useSWRConfig();
-    if (!fetcher) {
-        throw new Error('Application must be init within a fetcher');
-    }
-    return fetcher;
-};
-
-exports.useFetchHandle = useFetchHandle;
+'use client';
+"use strict";var useSWR=require("swr");const useFetchHandle=()=>{let{fetcher:e}=useSWR.useSWRConfig();if(!e)throw Error("Application must be init within a fetcher");return e};exports.useFetchHandle=useFetchHandle;

package/dist/cjs/hooks/useFormatMoney.js

@@ -1,75 +1,2 @@
-'use strict';
-
-var shop = require('./shop.js');
-
-const shopifyPriceRounding = (amount, precision)=>{
-    return parseFloat(`${amount}`).toFixed(Number(precision));
-};
-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();
-    return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
-};
-
-exports.formatMoney = formatMoney;
-exports.shopifyPriceRounding = shopifyPriceRounding;
-exports.useFormatMoney = useFormatMoney;
+'use client';
+"use strict";var shop=require("./shop.js");const shopifyPriceRounding=(e,a)=>parseFloat(`${e}`).toFixed(Number(a)),formatMoney=function(e,a){let o="",r=/\{\{\s*(\w+)\s*\}\}/,t=a||"${{amount}}";function s(e,a){return void 0===e?a:e}function n(e,a,o,r){if(a=s(a,2),o=s(o,","),r=s(r,"."),isNaN(e)||null==e)return 0;e=shopifyPriceRounding(e,Number(a));let t=e.split("."),n=t[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+o),i=t[1]?r+t[1]:"";return n+i}switch(t.match(r)[1]){case"amount":o=n(e,2);break;case"amount_no_decimals":o=n(e,0);break;case"amount_with_comma_separator":o=n(e,2,".",",");break;case"amount_no_decimals_with_comma_separator":o=n(e,0,".",",");break;case"amount_with_apostrophe_separator":o=n(e,2,"'",".");break;case"amount_no_decimals_with_space_separator":o=n(e,0," ");break;case"amount_with_space_separator":o=n(e,2," ",",");break;case"amount_with_period_and_space_separator":o=n(e,2," ",".")}return t.replace(r,o)},useFormatMoney=(e,a)=>{let{moneyFormat:o,moneyWithCurrencyFormat:r}=shop.useMoneyFormat();return a?formatMoney(`${e}`,r||o):formatMoney(`${e}`,o)};exports.formatMoney=formatMoney,exports.shopifyPriceRounding=shopifyPriceRounding,exports.useFormatMoney=useFormatMoney;

package/dist/cjs/hooks/useI18n.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var react=require("react");const useI18n=()=>{let[e,t]=react.useState(null),a=e=>{let a=e.detail;a&&t(a)},r=react.useCallback(t=>e?e?.t(t):t,[e]);return react.useEffect(()=>(window.addEventListener("editor:change-language",a),()=>{window.removeEventListener("editor:change-language",a)}),[]),{t:r}};exports.useI18n=useI18n;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -1,127 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useSWR = require('swr');
-var productValueLabel_generated = require('../graphql/queries/product-value-label.generated.js');
-var variantPresets = require('../components/src/product/helpers/variant-presets.js');
-var shop = require('./shop.js');
-var useFetchHandle = require('./useFetchHandle.js');
-var ShopContext = require('../contexts/ShopContext.js');
-require('react');
-require('react/jsx-runtime');
-require('zustand');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('./useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('classnames');
-require('dayjs');
-var isBrowser = require('../helpers/is-browser.js');
-require('../helpers/convert.js');
-
-let swatchChange = false;
-let colorChange = false;
-const useInitialSwatchesOptions = (options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const changeSwatches = ShopContext.useShopStore((s)=>s.changeSwatches);
-    const { swatches } = shop.useSwatches();
-    const { data: productOptionName } = useSWR([
-        '/query/productOptionName',
-        {}
-    ], async ()=>fetchProductValueLabel(fetcher), {
-        revalidateOnMount: true
-    });
-    const swatchesTitleList = [];
-    swatches?.forEach((el)=>{
-        swatchesTitleList.push(el.optionTitle);
-    });
-    productOptionName?.productOptionName?.forEach((el)=>{
-        if (!swatchesTitleList.includes(el)) {
-            swatchChange = true;
-            swatches?.push({
-                optionTitle: el,
-                optionType: 'rectangle_list',
-                optionValues: []
-            });
-        }
-    });
-    if (!options) return [];
-    setDefaultSwatches(swatches, options);
-    if (isBrowser.default() && swatches?.length && (swatchChange || colorChange)) {
-        window?.parent?.postMessage?.(JSON.stringify({
-            type: 'update-swatches',
-            swatches
-        }), '*');
-        changeSwatches(swatches);
-    }
-    swatchChange = false;
-};
-const getColorDefault = (label, color)=>{
-    const colorByLabel = label ? variantPresets.colorPreset[label.toLocaleLowerCase()] : undefined;
-    const colorArray = colorByLabel ? [
-        colorByLabel
-    ] : [];
-    const firstColor = color?.[0];
-    if (!firstColor && colorArray.length) colorChange = true;
-    return firstColor ? [
-        firstColor
-    ] : colorArray;
-};
-const getProductOptionsLabelByName = (options, name)=>{
-    const labels = [];
-    const optionByName = options.find((op)=>op.name === name);
-    optionByName?.values.forEach((val)=>{
-        if (val.label && !labels.includes(val.label)) labels.push(val.label);
-    });
-    return labels;
-};
-const getSwatchesOptionsLabel = (options)=>{
-    const labels = [];
-    options.forEach((op)=>{
-        if (op.label && !labels.includes(op.label)) labels.push(op.label);
-    });
-    return labels;
-};
-const setDefaultSwatches = (swatches, options)=>{
-    if (swatches) {
-        swatches?.map((sw)=>{
-            const productLabels = getProductOptionsLabelByName(options, sw.optionTitle);
-            const swLabels = getSwatchesOptionsLabel(sw.optionValues);
-            productLabels.forEach((label)=>{
-                if (!swLabels.includes(label)) {
-                    sw.optionValues.push({
-                        label,
-                        colors: getColorDefault(label),
-                        imageUrl: ''
-                    });
-                }
-            });
-            sw.optionValues = sw.optionValues.map((op)=>{
-                if (op.imageUrl === undefined) swatchChange = true;
-                return {
-                    label: op.label ?? '',
-                    colors: getColorDefault(op.label, op.colors),
-                    imageUrl: op.imageUrl ?? ''
-                };
-            });
-        });
-    }
-    return swatches;
-};
-const fetchProductValueLabel = async (fetcher)=>{
-    const initVariables = {};
-    const query = async (variables)=>{
-        const response = await fetcher([
-            productValueLabel_generated.ProductOptionNameDocument,
-            variables
-        ]);
-        return response;
-    };
-    return query(initVariables);
-};
-
-exports.default = useInitialSwatchesOptions;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var useSWR=require("swr"),productValueLabel_generated=require("../graphql/queries/product-value-label.generated.js"),variantPresets=require("../components/src/product/helpers/variant-presets.js"),shop=require("./shop.js"),useFetchHandle=require("./useFetchHandle.js"),ShopContext=require("../contexts/ShopContext.js");require("react"),require("react/jsx-runtime"),require("zustand"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("./useCartUI.js"),require("./useStickyStore.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("dayjs");var isBrowser=require("../helpers/is-browser.js");require("../helpers/convert.js");let swatchChange=!1,colorChange=!1;const useInitialSwatchesOptions=e=>{let t=useFetchHandle.useFetchHandle(),r=ShopContext.useShopStore(e=>e.changeSwatches),{swatches:a}=shop.useSwatches(),{data:s}=useSWR(["/query/productOptionName",{}],async()=>fetchProductValueLabel(t),{revalidateOnMount:!0}),o=[];if(a?.forEach(e=>{o.push(e.optionTitle)}),s?.productOptionName?.forEach(e=>{o.includes(e)||(swatchChange=!0,a?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!e)return[];setDefaultSwatches(a,e),isBrowser.default()&&a?.length&&(swatchChange||colorChange)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:a}),"*"),r(a)),swatchChange=!1},getColorDefault=(e,t)=>{let r=e?variantPresets.colorPreset[e.toLocaleLowerCase()]:void 0,a=r?[r]:[],s=t?.[0];return!s&&a.length&&(colorChange=!0),s?[s]:a},getProductOptionsLabelByName=(e,t)=>{let r=[],a=e.find(e=>e.name===t);return a?.values.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},getSwatchesOptionsLabel=e=>{let t=[];return e.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},setDefaultSwatches=(e,t)=>(e&&e?.map(e=>{let r=getProductOptionsLabelByName(t,e.optionTitle),a=getSwatchesOptionsLabel(e.optionValues);r.forEach(t=>{a.includes(t)||e.optionValues.push({label:t,colors:getColorDefault(t),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(swatchChange=!0),{label:e.label??"",colors:getColorDefault(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),fetchProductValueLabel=async e=>{let t={},r=async t=>{let r=await e([productValueLabel_generated.ProductOptionNameDocument,t]);return r};return r(t)};exports.default=useInitialSwatchesOptions;