@gem-sdk/core 1.13.42 → 1.14.0-dev.286

package/dist/cjs/hooks/cart/use-update-cart-item.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useUpdateCartItem = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg })=>adapterShopify.updateCartLineOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useUpdateCartItem = useUpdateCartItem;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useUpdateCartItem=e=>{let t=shop.useStoreFront(),{mutate:r}=useSWR.useSWRConfig();return useSWRMutation("update-cart-item",(e,{arg:r})=>adapterShopify.updateCartLineOperation(t)(r),{...e,onSuccess:(t,s,a)=>{r("cart",t,!1),e?.onSuccess?.(t,s,a)}})};exports.useUpdateCartItem=useUpdateCartItem;

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

@@ -1,22 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getCollection = require('../../helpers/queries/get-collection.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-var query = require('../../helpers/query.js');
-
-const useCollectionQuery = (args, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(args ? query.generateCollectionQueryKey({
-        ...args,
-        isSample,
-        isStorefront
-    }) : null, ([, arg])=>{
-        return getCollection.getCollection(fetcher, arg);
-    }, options);
-};
-
-exports.useCollectionQuery = useCollectionQuery;
+"use strict";var useSWR=require("swr"),getCollection=require("../../helpers/queries/get-collection.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js"),query=require("../../helpers/query.js");const useCollectionQuery=(e,r)=>{let s=useFetchHandle.useFetchHandle(),u=shop.useIsSampleProduct(),t=shop.useIsStorefrontProduct();return useSWR(e?query.generateCollectionQueryKey({...e,isSample:u,isStorefront:t}):null,([,e])=>getCollection.getCollection(s,e),r)};exports.useCollectionQuery=useCollectionQuery;

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

@@ -1,17 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getCollections = require('../../helpers/queries/get-collections.js');
-var useFetchHandle = require('../useFetchHandle.js');
-
-const useCollectionsQuery = (variable, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    return useSWR(variable ? [
-        'query/collections',
-        variable
-    ] : null, async ([, arg])=>{
-        return getCollections.getCollections(fetcher, arg);
-    }, options);
-};
-
-exports.useCollectionsQuery = useCollectionsQuery;
+"use strict";var useSWR=require("swr"),getCollections=require("../../helpers/queries/get-collections.js"),useFetchHandle=require("../useFetchHandle.js");const useCollectionsQuery=(e,s)=>{let l=useFetchHandle.useFetchHandle();return useSWR(e?["query/collections",e]:null,async([,e])=>getCollections.getCollections(l,e),s)};exports.useCollectionsQuery=useCollectionsQuery;

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

@@ -1,22 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getProduct = require('../../helpers/queries/get-product.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-var query = require('../../helpers/query.js');
-
-const useProductQuery = (productId, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(productId ? query.generateProductQueryKey({
-        id: productId,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProduct.getProduct(fetcher, arg);
-    }, options);
-};
-
-exports.useProductQuery = useProductQuery;
+"use strict";var useSWR=require("swr"),getProduct=require("../../helpers/queries/get-product.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js"),query=require("../../helpers/query.js");const useProductQuery=(e,r)=>{let u=useFetchHandle.useFetchHandle(),s=shop.useIsSampleProduct(),t=shop.useIsStorefrontProduct();return useSWR(e?query.generateProductQueryKey({id:e,isSample:s,isStorefront:t}):null,async([,e])=>getProduct.getProduct(u,e),r)};exports.useProductQuery=useProductQuery;

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

@@ -1,22 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-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)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(ids ? query.generateProductsQueryKey({
-        ids,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProducts.getProducts(fetcher, arg);
-    }, options);
-};
-
-exports.useProductsQuery = useProductsQuery;
+"use strict";var useSWR=require("swr"),getProducts=require("../../helpers/queries/get-products.js"),query=require("../../helpers/query.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js");const useProductsQuery=(e,r,s)=>{let u=useFetchHandle.useFetchHandle(),t=shop.useIsSampleProduct(),o=shop.useIsStorefrontProduct();return useSWR(e?query.generateProductsQueryKey({ids:e,isSample:t,isStorefront:o,defaultSelectedProductCount:s}):null,async([,e])=>getProducts.getProducts(u,e),r)};exports.useProductsQuery=useProductsQuery;

package/dist/cjs/hooks/shop.js

@@ -1,126 +1 @@
-'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 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;
+"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])},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;

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

@@ -1,21 +1 @@
-'use strict';
-
-var react = require('react');
-
-function subscribe(callback) {
-    window.addEventListener('resize', callback);
-    return ()=>window.removeEventListener('resize', callback);
-}
-const useCurrentDevice = ()=>{
-    return react.useSyncExternalStore(subscribe, ()=>{
-        if (window.innerWidth < 768) {
-            return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
-            return 'tablet';
-        } else {
-            return 'desktop';
-        }
-    }, ()=>'desktop');
-};
-
-exports.useCurrentDevice = useCurrentDevice;
+"use strict";var react=require("react");function subscribe(e){return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}const useCurrentDevice=()=>react.useSyncExternalStore(subscribe,()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1024?"tablet":"desktop",()=>"desktop");exports.useCurrentDevice=useCurrentDevice;

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

@@ -1,15 +1 @@
-'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 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/useCartId.js

@@ -1,44 +1 @@
-'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 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 @@
-'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 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 @@
-'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 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 @@
-'use strict';
-
-var CollectionContext = require('../contexts/CollectionContext.js');
-
-const useCollection = ()=>{
-    return CollectionContext.useCollectionStore((s)=>s.collection);
-};
-
-exports.useCollection = useCollection;
+"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 @@
-'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 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,58 +1 @@
-'use strict';
-
-var shop = require('./shop.js');
-
-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 = parseFloat(`${number}`).toFixed(Number(precision) + 1).slice(0, -1);
-            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;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
-    return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
-};
-
-exports.useFormatMoney = useFormatMoney;
+"use strict";var shop=require("./shop.js");const useFormatMoney=(e,t)=>{let{moneyFormat:a,moneyWithCurrencyFormat:o}=shop.useMoneyFormat(),r=function(e,t){let a="",o=/\{\{\s*(\w+)\s*\}\}/,r=t||"${{amount}}";function s(e,t){return void 0===e?t:e}function n(e,t,a,o){if(t=s(t,2),a=s(a,","),o=s(o,"."),isNaN(e)||null==e)return 0;e=parseFloat(`${e}`).toFixed(Number(t)+1).slice(0,-1);let r=e.split("."),n=r[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+a),u=r[1]?o+r[1]:"";return n+u}switch(r.match(o)[1]){case"amount":a=n(e,2);break;case"amount_no_decimals":a=n(e,0);break;case"amount_with_comma_separator":a=n(e,2,".",",");break;case"amount_no_decimals_with_comma_separator":a=n(e,0,".",",")}return r.replace(o,a)};return r(`${e}`,t&&o||a)};exports.useFormatMoney=useFormatMoney;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -0,0 +1 @@
+"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");let swatchChange=!1,colorChange=!1;const useInitialSwatchesOptions=e=>{let t=useFetchHandle.useFetchHandle(),a=ShopContext.useShopStore(e=>e.changeSwatches),{swatches:o}=shop.useSwatches(),{data:s}=useSWR(["/query/productOptionName",{}],async()=>fetchProductValueLabel(t),{revalidateOnMount:!0}),r=[];if(o?.forEach(e=>{r.push(e.optionTitle)}),s?.productOptionName?.forEach(e=>{r.includes(e)||(swatchChange=!0,o?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!e)return[];setDefaultSwatches(o,e),o?.length&&(swatchChange||colorChange)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:o}),"*"),a(o))},getColorDefault=(e,t)=>{let a=e?variantPresets.colorPreset[e.toLocaleLowerCase()]:void 0,o=a?[a]:[],s=t?.[0];return!s&&o.length&&(colorChange=!0),s?[s]:o},getProductOptionsLabelByName=(e,t)=>{let a=[],o=e.find(e=>e.name===t);return o?.values.forEach(e=>{a.push(e.label??"")}),a},getSwatchesOptionsLabel=e=>{let t=[];return e.forEach(e=>{t.push(e.label??"")}),t},setDefaultSwatches=(e,t)=>(e&&e?.map(e=>{let a=getProductOptionsLabelByName(t,e.optionTitle),o=getSwatchesOptionsLabel(e.optionValues);a.forEach(t=>{o.includes(t)||e.optionValues.push({label:t,colors:getColorDefault(t),imageUrl:""})}),e.optionValues.map(e=>({...e,colors:getColorDefault(e.label,e.colors)}))}),e),fetchProductValueLabel=async e=>{let t={},a=async t=>{let a=await e([productValueLabel_generated.ProductOptionNameDocument,t]);return a};return a(t)};exports.default=useInitialSwatchesOptions;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -1,10 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-// const isBrowser = typeof window !== 'undefined';
-const useIsomorphicLayoutEffect = react.useLayoutEffect;
-
-exports.default = useIsomorphicLayoutEffect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const useIsomorphicLayoutEffect=react.useLayoutEffect;exports.default=useIsomorphicLayoutEffect;

package/dist/cjs/hooks/useLoadScript.js

@@ -1,32 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var loadScript = require('../helpers/load-script.js');
-
-/**
- * The `useLoadScript` hook loads an external script tag on the client-side.
- */ function useLoadScript(url, options) {
-    const [status, setStatus] = react.useState('loading');
-    const stringifiedOptions = JSON.stringify(options);
-    react.useEffect(()=>{
-        async function loadScriptWrapper() {
-            try {
-                setStatus('loading');
-                await loadScript.loadScript(url, options);
-                setStatus('done');
-            } catch (error) {
-                setStatus('error');
-            }
-        }
-        loadScriptWrapper();
-    }, [
-        url,
-        stringifiedOptions,
-        options
-    ]);
-    return status;
-}
-
-exports.default = useLoadScript;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),loadScript=require("../helpers/load-script.js");function useLoadScript(e,r){let[t,a]=react.useState("loading"),c=JSON.stringify(r);return react.useEffect(()=>{(async function(){try{a("loading"),await loadScript.loadScript(e,r),a("done")}catch(e){a("error")}})()},[e,c,r]),t}exports.default=useLoadScript;

package/dist/cjs/hooks/useMoney.js

@@ -1,84 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var shop = require('./shop.js');
-
-const useMoney = (amount)=>{
-    const { locale } = shop.useLocale();
-    const { currency } = shop.useCurrency();
-    const options = react.useMemo(()=>({
-            style: 'currency',
-            currency: currency
-        }), [
-        currency
-    ]);
-    const defaultFormatter = useLazyFormatter(locale, options);
-    const nameFormatter = useLazyFormatter(locale, {
-        ...options,
-        currencyDisplay: 'name'
-    });
-    const narrowSymbolFormatter = useLazyFormatter(locale, {
-        ...options,
-        currencyDisplay: 'narrowSymbol'
-    });
-    const withoutTrailingZerosFormatter = useLazyFormatter(locale, {
-        ...options,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    });
-    const withoutCurrencyFormatter = useLazyFormatter(locale);
-    const withoutTrailingZerosOrCurrencyFormatter = useLazyFormatter(locale, {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    });
-    const isPartCurrency = (part)=>part.type === 'currency';
-    // By wrapping these properties in functions, we only
-    // create formatters if they are going to be used.
-    const lazyFormatters = react.useMemo(()=>({
-            currencyCode: ()=>currency,
-            localizedString: ()=>defaultFormatter().format(amount),
-            parts: ()=>defaultFormatter().formatToParts(amount),
-            withoutTrailingZeros: ()=>amount % 1 === 0 ? withoutTrailingZerosFormatter().format(amount) : defaultFormatter().format(amount),
-            withoutTrailingZerosAndCurrency: ()=>amount % 1 === 0 ? withoutTrailingZerosOrCurrencyFormatter().format(amount) : withoutCurrencyFormatter().format(amount),
-            currencyName: ()=>nameFormatter().formatToParts(amount).find(isPartCurrency)?.value ?? currency,
-            currencySymbol: ()=>defaultFormatter().formatToParts(amount).find(isPartCurrency)?.value ?? currency,
-            currencyNarrowSymbol: ()=>narrowSymbolFormatter().formatToParts(amount).find(isPartCurrency)?.value ?? '',
-            amount: ()=>defaultFormatter().formatToParts(amount).filter((part)=>[
-                        'decimal',
-                        'fraction',
-                        'group',
-                        'integer',
-                        'literal'
-                    ].includes(part.type)).map((part)=>part.value).join('')
-        }), [
-        currency,
-        amount,
-        nameFormatter,
-        defaultFormatter,
-        narrowSymbolFormatter,
-        withoutCurrencyFormatter,
-        withoutTrailingZerosFormatter,
-        withoutTrailingZerosOrCurrencyFormatter
-    ]);
-    // Call functions automatically when the properties are accessed
-    // to keep these functions as an implementation detail.
-    return react.useMemo(()=>new Proxy(lazyFormatters, {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-            get: (target, key)=>Reflect.get(target, key)?.call(null)
-        }), [
-        lazyFormatters
-    ]);
-};
-function useLazyFormatter(locale, options) {
-    return react.useMemo(()=>{
-        let memoized;
-        return ()=>memoized ??= new Intl.NumberFormat(locale, options);
-    }, [
-        locale,
-        options
-    ]);
-}
-
-exports.default = useMoney;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),shop=require("./shop.js");const useMoney=r=>{let{locale:e}=shop.useLocale(),{currency:t}=shop.useCurrency(),a=react.useMemo(()=>({style:"currency",currency:t}),[t]),o=useLazyFormatter(e,a),u=useLazyFormatter(e,{...a,currencyDisplay:"name"}),n=useLazyFormatter(e,{...a,currencyDisplay:"narrowSymbol"}),i=useLazyFormatter(e,{...a,minimumFractionDigits:0,maximumFractionDigits:0}),m=useLazyFormatter(e),s=useLazyFormatter(e,{minimumFractionDigits:0,maximumFractionDigits:0}),c=r=>"currency"===r.type,l=react.useMemo(()=>({currencyCode:()=>t,localizedString:()=>o().format(r),parts:()=>o().formatToParts(r),withoutTrailingZeros:()=>r%1==0?i().format(r):o().format(r),withoutTrailingZerosAndCurrency:()=>r%1==0?s().format(r):m().format(r),currencyName:()=>u().formatToParts(r).find(c)?.value??t,currencySymbol:()=>o().formatToParts(r).find(c)?.value??t,currencyNarrowSymbol:()=>n().formatToParts(r).find(c)?.value??"",amount:()=>o().formatToParts(r).filter(r=>["decimal","fraction","group","integer","literal"].includes(r.type)).map(r=>r.value).join("")}),[t,r,u,o,n,m,i,s]);return react.useMemo(()=>new Proxy(l,{get:(r,e)=>Reflect.get(r,e)?.call(null)}),[l])};function useLazyFormatter(r,e){return react.useMemo(()=>{let t;return()=>t??=new Intl.NumberFormat(r,e)},[r,e])}exports.default=useMoney;

package/dist/cjs/hooks/usePrevious.js

@@ -1,19 +1 @@
-'use strict';
-
-var react = require('react');
-
-const usePrevious = (value)=>{
-    // The ref object is a generic container whose current property is mutable ...
-    // ... and can hold any value, similar to an instance property on a class
-    const ref = react.useRef();
-    // Store current value in ref
-    react.useEffect(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]); // Only re-run if value changes
-    // Return previous value (happens before update in useEffect above)
-    return ref.current;
-};
-
-exports.usePrevious = usePrevious;
+"use strict";var react=require("react");const usePrevious=e=>{let r=react.useRef();return react.useEffect(()=>{r.current=e},[e]),r.current};exports.usePrevious=usePrevious;