@gem-sdk/core 2.0.0-dev.896 → 2.0.0

package/dist/cjs/hooks/shop.js

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

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

@@ -1 +1,30 @@
-"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;
+'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;

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

@@ -1 +1,15 @@
-"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;
+'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;

package/dist/cjs/hooks/useAnimations.js

@@ -1 +1,29 @@
-"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("vanilla-lazyload"),require("./useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),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;
+'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;

package/dist/cjs/hooks/useCartId.js

@@ -1 +1,44 @@
-"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;
+'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;

package/dist/cjs/hooks/useCartLine.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var CartLineContext=require("../contexts/CartLineContext.js");const useCartLine=()=>CartLineContext.useCartLineStore(e=>e.line);exports.default=useCartLine;
+'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;

package/dist/cjs/hooks/useCartUI.js

@@ -1 +1,48 @@
-"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;
+'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;

package/dist/cjs/hooks/useCollection.js

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

package/dist/cjs/hooks/useFetchHandle.js

@@ -1 +1,13 @@
-"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;
+'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;

package/dist/cjs/hooks/useFormatMoney.js

@@ -1 +1,75 @@
-"use strict";var shop=require("./shop.js");const shopifyPriceRounding=(e,a)=>parseFloat(`${e}`).toFixed(Number(a)+1).slice(0,-1),useFormatMoney=(e,a)=>{let{moneyFormat:o,moneyWithCurrencyFormat:r}=shop.useMoneyFormat(),t=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)};return t(`${e}`,a&&r||o)};exports.shopifyPriceRounding=shopifyPriceRounding,exports.useFormatMoney=useFormatMoney;
+'use strict';
+
+var shop = require('./shop.js');
+
+const shopifyPriceRounding = (amount, precision)=>{
+    return parseFloat(`${amount}`).toFixed(Number(precision) + 1).slice(0, -1);
+};
+const formatMoney = function(cents, format) {
+    let value = '';
+    const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
+    const formatString = format || '${{amount}}';
+    /**
+   * check default
+   * @param opt opt
+   * @param def def
+   * @returns any
+   */ function defaultOption(opt, def) {
+        return typeof opt == 'undefined' ? def : opt;
+    }
+    /**
+   * formatWithDelimiters
+   * @param number number
+   * @param precision precision
+   * @param thousands thousands
+   * @param decimal decimal
+   * @returns any
+   */ // eslint-disable-next-line max-params
+    function formatWithDelimiters(number, precision, thousands, decimal) {
+        precision = defaultOption(precision, 2);
+        thousands = defaultOption(thousands, ',');
+        decimal = defaultOption(decimal, '.');
+        if (isNaN(number) || number == null) {
+            return 0;
+        }
+        // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
+        number = shopifyPriceRounding(number, Number(precision));
+        const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
+        return dollars + cents;
+    }
+    switch(formatString.match(placeholderRegex)[1]){
+        case 'amount':
+            value = formatWithDelimiters(cents, 2);
+            break;
+        case 'amount_no_decimals':
+            value = formatWithDelimiters(cents, 0);
+            break;
+        case 'amount_with_comma_separator':
+            value = formatWithDelimiters(cents, 2, '.', ',');
+            break;
+        case 'amount_no_decimals_with_comma_separator':
+            value = formatWithDelimiters(cents, 0, '.', ',');
+            break;
+        case 'amount_with_apostrophe_separator':
+            value = formatWithDelimiters(cents, 2, "'", '.');
+            break;
+        case 'amount_no_decimals_with_space_separator':
+            value = formatWithDelimiters(cents, 0, ' ');
+            break;
+        case 'amount_with_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', ',');
+            break;
+        case 'amount_with_period_and_space_separator':
+            value = formatWithDelimiters(cents, 2, ' ', '.');
+            break;
+    }
+    return formatString.replace(placeholderRegex, value);
+};
+const useFormatMoney = (amount, withCurrency)=>{
+    const { moneyFormat, moneyWithCurrencyFormat } = shop.useMoneyFormat();
+    return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
+};
+
+exports.formatMoney = formatMoney;
+exports.shopifyPriceRounding = shopifyPriceRounding;
+exports.useFormatMoney = useFormatMoney;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -1 +1,128 @@
-"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("vanilla-lazyload"),require("./useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames");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))},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=>{r.push(e.label??"")}),r},getSwatchesOptionsLabel=e=>{let t=[];return e.forEach(e=>{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;
+'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)=>{
+        labels.push(val.label ?? '');
+    });
+    return labels;
+};
+const getSwatchesOptionsLabel = (options)=>{
+    const labels = [];
+    options.forEach((op)=>{
+        labels.push(op.label ?? '');
+        return;
+    });
+    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;

package/dist/cjs/hooks/useInteraction.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var PageContext = require('../contexts/PageContext.js');
+
+const useInteraction = ()=>{
+    const interactionData = PageContext.usePageStore((state)=>state.interactionData);
+    const { item } = interactionData || {};
+    const getAnimationByUid = (uid)=>{
+        const targets = item?.targets;
+        const targetByUid = targets?.find((target)=>target.uid === uid);
+        const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
+        return metaDataContainsAnimation?.condition?.metaData?.animation;
+    };
+    return {
+        getAnimationByUid
+    };
+};
+
+exports.useInteraction = useInteraction;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

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

package/dist/cjs/hooks/useLoadScript.js

@@ -1 +1,32 @@
-"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;
+'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;