@gem-sdk/core 1.5.17 → 1.5.22

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

@@ -5,12 +5,20 @@ var getProducts = require('../../helpers/queries/get-products.js');
 var shop = require('../shop.js');
 var useFetchHandle = require('../useFetchHandle.js');
 
-const useProductsQuery = (ids, options) => {
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    return useSWR(['query/products', { ids: [...(ids ?? [])]?.sort(), isSample }], async ([, arg]) => {
-        return getProducts.getProducts(fetcher, arg);
-    }, options);
+const useProductsQuery = (ids, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const isSample = shop.useIsSampleProduct();
+    return useSWR([
+        'query/products',
+        {
+            ids: [
+                ...ids ?? []
+            ]?.sort(),
+            isSample
+        }
+    ], async ([, arg])=>{
+        return getProducts.getProducts(fetcher, arg);
+    }, options);
 };
 
 exports.useProductsQuery = useProductsQuery;

package/dist/cjs/hooks/shop.js

@@ -4,73 +4,92 @@ 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 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, ...args) => {
-        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) => mutate(key, ...args));
-        return Promise.all(mutations);
-    };
-};
-function useConnectedShopify() {
-    const { storefrontToken } = useStoreFront();
-    return !!storefrontToken;
-}
-function useIsSampleProduct() {
-    const { storefrontToken } = useStoreFront();
-    return !storefrontToken;
-}
-function useCheckoutUrl(url) {
-    const { storefrontToken } = useStoreFront();
-    if (!url)
-        return undefined;
-    return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
+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 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, ...args)=>{
+        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)=>mutate(key, ...args));
+        return Promise.all(mutations);
+    };
+};
+function useConnectedShopify() {
+    const { storefrontToken  } = useStoreFront();
+    return !!storefrontToken;
+}
+function useIsSampleProduct() {
+    const { storefrontToken  } = useStoreFront();
+    return !storefrontToken;
+}
+function useCheckoutUrl(url) {
+    const { storefrontToken  } = useStoreFront();
+    if (!url) return undefined;
+    return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
 }
 
 exports.useCheckoutUrl = useCheckoutUrl;

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

@@ -2,22 +2,20 @@
 
 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');
+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;

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

@@ -3,13 +3,13 @@
 var react = require('react');
 var LazyLoad = require('vanilla-lazyload');
 
-const useLazyVideo = () => {
-    react.useEffect(() => {
-        const lazyLoadInstance = new LazyLoad({
-            use_native: true,
-        });
-        lazyLoadInstance.update();
-    }, []);
+const useLazyVideo = ()=>{
+    react.useEffect(()=>{
+        const lazyLoadInstance = new LazyLoad({
+            use_native: true
+        });
+        lazyLoadInstance.update();
+    }, []);
 };
 
 exports.useLazyVideo = useLazyVideo;

package/dist/cjs/hooks/useCartId.js

@@ -4,33 +4,41 @@ 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]);
+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;

package/dist/cjs/hooks/useCartLine.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var CartLineContext = require('../contexts/CartLineContext.js');
 
-const useCartLine = () => {
-    return CartLineContext.useCartLineStore((s) => s.line);
+const useCartLine = ()=>{
+    return CartLineContext.useCartLineStore((s)=>s.line);
 };
 
 exports.default = useCartLine;

package/dist/cjs/hooks/useCartUI.js

@@ -6,37 +6,43 @@ 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,
-    };
+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;

package/dist/cjs/hooks/useCollection.js

@@ -2,8 +2,8 @@
 
 var CollectionContext = require('../contexts/CollectionContext.js');
 
-const useCollection = () => {
-    return CollectionContext.useCollectionStore((s) => s.collection);
+const useCollection = ()=>{
+    return CollectionContext.useCollectionStore((s)=>s.collection);
 };
 
 exports.useCollection = useCollection;

package/dist/cjs/hooks/useFetchHandle.js

@@ -2,12 +2,12 @@
 
 var useSWR = require('swr');
 
-const useFetchHandle = () => {
-    const { fetcher } = useSWR.useSWRConfig();
-    if (!fetcher) {
-        throw new Error('Application must be init within a fetcher');
-    }
-    return fetcher;
+const useFetchHandle = ()=>{
+    const { fetcher  } = useSWR.useSWRConfig();
+    if (!fetcher) {
+        throw new Error('Application must be init within a fetcher');
+    }
+    return fetcher;
 };
 
 exports.useFetchHandle = useFetchHandle;

package/dist/cjs/hooks/useFormatMoney.js

@@ -5,13 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var shop = require('./shop.js');
 
-const useFormatMoney = () => {
-    const { locale } = shop.useLocale();
-    const formatMoney = react.useCallback((value, options) => new Intl.NumberFormat(locale, {
-        style: 'currency',
-        ...options,
-    }).format(value), [locale]);
-    return { formatMoney };
+const useFormatMoney = ()=>{
+    const { locale  } = shop.useLocale();
+    const formatMoney = react.useCallback((value, options)=>new Intl.NumberFormat(locale, {
+            style: 'currency',
+            ...options
+        }).format(value), [
+        locale
+    ]);
+    return {
+        formatMoney
+    };
 };
 
 exports.default = useFormatMoney;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

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

package/dist/cjs/hooks/useLoadScript.js

@@ -5,26 +5,28 @@ 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;
+/**
+ * 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;

package/dist/cjs/hooks/useMoney.js

@@ -5,48 +5,65 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var shop = require('./shop.js');
 
-const NARROW_SYMBOL_MAP = {
-    USD: '$',
-    AUD: '$',
-    CAD: '$',
-    NZD: '$',
-    EUR: '€',
-    GBP: '£',
-    INR: '₹',
-    RUB: '₽',
-    CNY: '¥',
-    JPY: '¥',
-    BRL: 'R$',
-};
-const useMoney = (money) => {
-    const { locale } = shop.useLocale();
-    const { currency } = shop.useCurrency();
-    const options = react.useMemo(() => ({ style: 'currency', currency: currency }), [currency]);
-    const value = react.useMemo(() => new Intl.NumberFormat(locale, options).format(money), [locale, options, money]);
-    const baseParts = new Intl.NumberFormat(locale, options).formatToParts(money);
-    const nameParts = new Intl.NumberFormat(locale, {
-        ...options,
-        currencyDisplay: 'name',
-    }).formatToParts(money);
-    const narrowParts = new Intl.NumberFormat(locale, {
-        ...options,
-        currencyDisplay: 'narrowSymbol',
-    }).formatToParts(money);
-    const moneyValue = react.useMemo(() => ({
-        currencyCode: currency,
-        currencyName: nameParts.find((part) => part.type === 'currency')?.value ?? // e.g. "US dollars"
-            currency,
-        currencyNarrowSymbol: narrowParts.find((part) => part.type === 'currency')?.value ?? // e.g. "$"
-            (currency ? NARROW_SYMBOL_MAP[currency] : '') ??
-            '',
-        parts: baseParts,
-        localizedString: value,
-        amount: baseParts
-            .filter((part) => ['decimal', 'fraction', 'group', 'integer', 'literal'].includes(part.type))
-            .map((part) => part.value)
-            .join(''),
-    }), [baseParts, nameParts, narrowParts, value, currency]);
-    return moneyValue;
+const NARROW_SYMBOL_MAP = {
+    USD: '$',
+    AUD: '$',
+    CAD: '$',
+    NZD: '$',
+    EUR: '€',
+    GBP: '£',
+    INR: '₹',
+    RUB: '₽',
+    CNY: '¥',
+    JPY: '¥',
+    BRL: 'R$'
+};
+const useMoney = (money)=>{
+    const { locale  } = shop.useLocale();
+    const { currency  } = shop.useCurrency();
+    const options = react.useMemo(()=>({
+            style: 'currency',
+            currency: currency
+        }), [
+        currency
+    ]);
+    const value = react.useMemo(()=>new Intl.NumberFormat(locale, options).format(money), [
+        locale,
+        options,
+        money
+    ]);
+    const baseParts = new Intl.NumberFormat(locale, options).formatToParts(money);
+    const nameParts = new Intl.NumberFormat(locale, {
+        ...options,
+        currencyDisplay: 'name'
+    }).formatToParts(money);
+    const narrowParts = new Intl.NumberFormat(locale, {
+        ...options,
+        currencyDisplay: 'narrowSymbol'
+    }).formatToParts(money);
+    const moneyValue = react.useMemo(()=>({
+            currencyCode: currency,
+            currencyName: nameParts.find((part)=>part.type === 'currency')?.value ?? // e.g. "US dollars"
+            currency,
+            currencyNarrowSymbol: narrowParts.find((part)=>part.type === 'currency')?.value ?? // e.g. "$"
+            (currency ? NARROW_SYMBOL_MAP[currency] : '') ?? '',
+            parts: baseParts,
+            localizedString: value,
+            amount: baseParts.filter((part)=>[
+                    'decimal',
+                    'fraction',
+                    'group',
+                    'integer',
+                    'literal'
+                ].includes(part.type)).map((part)=>part.value).join('')
+        }), [
+        baseParts,
+        nameParts,
+        narrowParts,
+        value,
+        currency
+    ]);
+    return moneyValue;
 };
 
 exports.default = useMoney;