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

package/dist/cjs/hooks/useInteraction.js

@@ -1,19 +1,2 @@
-'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;
+'use client';
+"use strict";var PageContext=require("../contexts/PageContext.js");const useInteraction=()=>{let t=PageContext.usePageStore(t=>t.interactionData),{item:e}=t||{},n=t=>{let n=e?.targets,a=n?.find(e=>e.uid===t),i=a?.events?.find(t=>t.condition?.metaData?.animation);return i?.condition?.metaData?.animation};return{getAnimationByUid:n}};exports.useInteraction=useInteraction;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -1,10 +1,2 @@
-'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 client';
+"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,2 @@
-'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 client';
+"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,2 @@
-'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 client';
+"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??(t=new Intl.NumberFormat(r,e))},[r,e])}exports.default=useMoney;

package/dist/cjs/hooks/usePrevious.js

@@ -1,19 +1,2 @@
-'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 client';
+"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;

package/dist/cjs/hooks/useProduct.js

@@ -1,250 +1,2 @@
-'use strict';
-
-var react = require('react');
-var ProductContext = require('../contexts/ProductContext.js');
-require('react/jsx-runtime');
-require('zustand');
-var PageContext = require('../contexts/PageContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('./useCartUI.js');
-var variant = require('../helpers/variant.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('classnames');
-require('dayjs');
-var flattenConnection = require('../helpers/flatten-connection.js');
-require('../helpers/convert.js');
-var product = require('../helpers/product.js');
-
-const useUniqProductID = ()=>{
-    return ProductContext.useProductStore((s)=>s.uiqueId);
-};
-const useProduct = ()=>{
-    return ProductContext.useProductStore((s)=>s.product);
-};
-const useFeaturedImageGlobal = ()=>{
-    return ProductContext.useProductStore((s)=>s.featuredImageGlobal);
-};
-const useProductProperties = ()=>{
-    return ProductContext.useProductStore((s)=>s.properties);
-};
-const useIsSyncProduct = ()=>{
-    return ProductContext.useProductStore((s)=>s.isSyncProduct);
-};
-const useProductBundleDiscount = ()=>{
-    const useProductCompareAtPrice = ProductContext.useProductStore((s)=>s.useProductCompareAtPrice);
-    const seUseProductCompareAtPrice = ProductContext.useProductStore((s)=>s.setUseProductCompareAtPrice);
-    return {
-        useProductCompareAtPrice,
-        seUseProductCompareAtPrice
-    };
-};
-const useQuantity = ()=>{
-    const quantity = ProductContext.useProductStore((s)=>s.quantity);
-    const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
-    const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
-    const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
-    const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
-    const updatePrice = ProductContext.useProductStore((s)=>s.setHasUpdatePriceFollowQuantity);
-    const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
-    const product = ProductContext.useProductStore((s)=>s.product);
-    const productId = product?.id;
-    const reset = react.useCallback(()=>{
-        updateQuantity(1);
-    }, [
-        updateQuantity
-    ]);
-    react.useEffect(()=>{
-        if (isSyncProduct) {
-            const setOption = new CustomEvent('set-product-quantity', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    quantity,
-                    productId
-                }
-            });
-            window.dispatchEvent(setOption);
-        }
-    }, [
-        quantity,
-        isSyncProduct,
-        productId
-    ]);
-    return react.useMemo(()=>({
-            quantity,
-            hasUpdatePrice,
-            increment,
-            decrement,
-            reset,
-            setQuantity: updateQuantity,
-            setUpdatePrice: updatePrice
-        }), [
-        decrement,
-        increment,
-        quantity,
-        reset,
-        updateQuantity,
-        updatePrice,
-        hasUpdatePrice
-    ]);
-};
-const useHasPreSelected = ()=>{
-    const hasPreSelected = ProductContext.useProductStore((s)=>s.hasPreSelected);
-    const setHasPreSelected = ProductContext.useProductStore((s)=>s.setHasPreSelected);
-    return react.useMemo(()=>({
-            hasPreSelected,
-            setHasPreSelected
-        }), [
-        hasPreSelected,
-        setHasPreSelected
-    ]);
-};
-const useSelectedOption = ()=>{
-    const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
-    const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
-    const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
-    const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
-    const isChangeSelectedOption = ProductContext.useProductStore((s)=>s.isChangeSelectedOption);
-    const setIsChangeSelectedOption = ProductContext.useProductStore((s)=>s.setIsChangeSelectedOption);
-    const updateOption = react.useCallback((optionId, optionValue, productId, noEmit)=>{
-        if (!noEmit && isSyncProduct) {
-            const setOption = new CustomEvent('set-selected-option', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    optionId,
-                    optionValue,
-                    productId
-                }
-            });
-            window.dispatchEvent(setOption);
-        }
-        setSelectedOption(optionId, optionValue);
-        setIsChangeSelectedOption(true);
-    }, [
-        isSyncProduct,
-        setSelectedOption,
-        setIsChangeSelectedOption
-    ]);
-    const forceOption = react.useCallback((selectedOption, productId, noEmit)=>{
-        if (!noEmit && isSyncProduct) {
-            const forceOption = new CustomEvent('force-selected-option', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    selectedOption,
-                    productId
-                }
-            });
-            window.dispatchEvent(forceOption);
-        }
-        forceSelectedOption(selectedOption);
-    }, [
-        forceSelectedOption,
-        isSyncProduct
-    ]);
-    return react.useMemo(()=>({
-            isChangeSelectedOption,
-            selectedOptions,
-            setSelectedOption: updateOption,
-            forceSelectedOption: forceOption
-        }), [
-        selectedOptions,
-        updateOption,
-        forceOption
-    ]);
-};
-const useVariants = ()=>{
-    const variants = ProductContext.useProductStore((s)=>s.product?.variants);
-    return flattenConnection.flattenConnection(variants);
-};
-const useVariant = (id)=>{
-    const variants = useVariants();
-    return react.useMemo(()=>variants?.find((v)=>v?.id === id), [
-        id,
-        variants
-    ]);
-};
-const useCurrentVariant = ()=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    return react.useMemo(()=>product.getSelectedVariant(variants, selectedOptions), [
-        selectedOptions,
-        variants
-    ]);
-};
-const useCurrentVariantInStock = ()=>{
-    const currentVariant = useCurrentVariant();
-    const currentProduct = useProduct();
-    return variant.checkInStock(currentVariant, currentProduct);
-};
-const useVariantOutStock = (optionId, optionValue, options)=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    const lastPos = options.optionNumber - 1;
-    if (options.position < lastPos) {
-        return variants.some((variant$1)=>{
-            if (variant$1) {
-                const { selectedOptions } = variant$1;
-                const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-                const isInStock = variant.checkInStock(variant$1);
-                return opt && isInStock;
-            }
-        });
-    }
-    const matchedVariant = product.getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue
-    });
-    return variant.checkInStock(matchedVariant);
-};
-const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
-    const variants = useVariants();
-    return variants ? variants.some((item)=>{
-        if (item) {
-            const { selectedOptions } = item;
-            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-            const isInStock = variant.checkInStock(item);
-            return opt && isInStock;
-        }
-        return false;
-    }) : false;
-};
-const useProductOfferDiscount = ()=>{
-    const productOffers = PageContext.usePageStore((s)=>s.productOffers);
-    const currentProduct = useProduct();
-    const currentVariant = useCurrentVariant();
-    const currentOffer = productOffers?.find((item)=>item?.node?.objectBaseID === currentProduct?.baseID)?.node;
-    if (!currentOffer || !currentOffer.isEnabled) return 0;
-    let currentDiscount = currentOffer?.value;
-    if (currentOffer && currentOffer.valueType === 'PERCENTAGE' && currentDiscount) {
-        const price = currentVariant?.price || 0;
-        currentDiscount = currentDiscount * price / 100;
-    }
-    return currentDiscount || 0;
-};
-
-exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
-exports.useCurrentVariant = useCurrentVariant;
-exports.useCurrentVariantInStock = useCurrentVariantInStock;
-exports.useFeaturedImageGlobal = useFeaturedImageGlobal;
-exports.useHasPreSelected = useHasPreSelected;
-exports.useIsSyncProduct = useIsSyncProduct;
-exports.useProduct = useProduct;
-exports.useProductBundleDiscount = useProductBundleDiscount;
-exports.useProductOfferDiscount = useProductOfferDiscount;
-exports.useProductProperties = useProductProperties;
-exports.useQuantity = useQuantity;
-exports.useSelectedOption = useSelectedOption;
-exports.useUniqProductID = useUniqProductID;
-exports.useVariant = useVariant;
-exports.useVariantOutStock = useVariantOutStock;
-exports.useVariants = useVariants;
+'use client';
+"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand");var PageContext=require("../contexts/PageContext.js");require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("swr/infinite"),require("vanilla-lazyload"),require("./useCartUI.js"),require("./useStickyStore.js");var variant=require("../helpers/variant.js"),useShopifyLink=require("./shop/useShopifyLink.js");require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("dayjs");var flattenConnection=require("../helpers/flatten-connection.js");require("../helpers/convert.js");var product=require("../helpers/product.js");const useUniqProductID=()=>ProductContext.useProductStore(e=>e.uiqueId),useProduct=()=>ProductContext.useProductStore(e=>e.product),useFeaturedImageGlobal=()=>ProductContext.useProductStore(e=>e.featuredImageGlobal),useProductProperties=()=>ProductContext.useProductStore(e=>e.properties),useIsSyncProduct=()=>ProductContext.useProductStore(e=>e.isSyncProduct),useProductBundleDiscount=()=>{let e=ProductContext.useProductStore(e=>e.useProductCompareAtPrice),t=ProductContext.useProductStore(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},useProductShopifyEditLink=()=>{let e=ProductContext.useProductStore(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:r}=useShopifyLink.useShopifyLink({productId:t}),u=()=>{r&&window.open(r,"_blank")};return{linkEditProduct:r,redirectProductShopifyLink:u}},useQuantity=()=>{let e=ProductContext.useProductStore(e=>e.quantity),t=ProductContext.useProductStore(e=>e.updatePrice),r=ProductContext.useProductStore(e=>e.decrementQuantity),u=ProductContext.useProductStore(e=>e.incrementQuantity),o=ProductContext.useProductStore(e=>e.setQuantity),s=ProductContext.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),n=ProductContext.useProductStore(e=>e.isSyncProduct),c=ProductContext.useProductStore(e=>e.product),a=c?.id,i=react.useCallback(()=>{o(1)},[o]);return react.useEffect(()=>{if(n){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:a}});window.dispatchEvent(t)}},[e,n,a]),react.useMemo(()=>({quantity:e,hasUpdatePrice:t,increment:u,decrement:r,reset:i,setQuantity:o,setUpdatePrice:s}),[r,u,e,i,o,s,t])},useHasPreSelected=()=>{let e=ProductContext.useProductStore(e=>e.hasPreSelected),t=ProductContext.useProductStore(e=>e.setHasPreSelected);return react.useMemo(()=>({hasPreSelected:e,setHasPreSelected:t}),[e,t])},useSelectedOption=()=>{let e=ProductContext.useProductStore(e=>e.setSelectedOption),t=ProductContext.useProductStore(e=>e.selectedOptions),r=ProductContext.useProductStore(e=>e.forceSelectedOption),u=ProductContext.useProductStore(e=>e.isSyncProduct),o=ProductContext.useProductStore(e=>e.isChangeSelectedOption),s=ProductContext.useProductStore(e=>e.setIsChangeSelectedOption),n=react.useCallback((t,r,o,n)=>{if(!n&&u){let e=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:t,optionValue:r,productId:o,isManualChange:!0}});window.dispatchEvent(e)}e(t,r),s(!0)},[u,e,s]),c=react.useCallback((e,t,o,s)=>{if(!o&&u){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t,isManualChange:s}});window.dispatchEvent(r)}r(e)},[r,u]);return react.useMemo(()=>({isChangeSelectedOption:o,selectedOptions:t,setSelectedOption:n,forceSelectedOption:c}),[t,n,c])},useVariants=()=>{let e=ProductContext.useProductStore(e=>e.product?.variants);return flattenConnection.flattenConnection(e)},useVariant=e=>{let t=useVariants();return react.useMemo(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return react.useMemo(()=>product.getSelectedVariant(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant(),t=useProduct();return variant.checkInStock(e,t)},useVariantOutStock=(e,t,r)=>{let{selectedOptions:u}=useSelectedOption(),o=useVariants(),s=r.optionNumber-1;if(r.position<s)return o.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),s=variant.checkInStock(r);return o&&s}});let n=product.getSelectedVariant(o,{...u,[e]:t});return variant.checkInStock(n)},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),s=variant.checkInStock(r);return o&&s}return!1})},useProductOfferDiscount=()=>{let e=PageContext.usePageStore(e=>e.productOffers),t=useProduct(),r=useCurrentVariant(),u=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!u||!u.isEnabled)return 0;let o=u?.value;if(u&&"PERCENTAGE"===u.valueType&&o){let e=r?.price||0;o=o*e/100}return o||0};exports.useCheckAvailableVariantInStock=useCheckAvailableVariantInStock,exports.useCurrentVariant=useCurrentVariant,exports.useCurrentVariantInStock=useCurrentVariantInStock,exports.useFeaturedImageGlobal=useFeaturedImageGlobal,exports.useHasPreSelected=useHasPreSelected,exports.useIsSyncProduct=useIsSyncProduct,exports.useProduct=useProduct,exports.useProductBundleDiscount=useProductBundleDiscount,exports.useProductOfferDiscount=useProductOfferDiscount,exports.useProductProperties=useProductProperties,exports.useProductShopifyEditLink=useProductShopifyEditLink,exports.useQuantity=useQuantity,exports.useSelectedOption=useSelectedOption,exports.useUniqProductID=useUniqProductID,exports.useVariant=useVariant,exports.useVariantOutStock=useVariantOutStock,exports.useVariants=useVariants;

package/dist/cjs/hooks/useProductList.js

@@ -1,21 +1,2 @@
-'use strict';
-
-var ProductListContext = require('../contexts/ProductListContext.js');
-
-const useProductList = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.collection);
-};
-const useProductListProducts = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.products);
-};
-const useProductListSettings = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.settings);
-};
-const useProductListStyles = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.styles);
-};
-
-exports.useProductList = useProductList;
-exports.useProductListProducts = useProductListProducts;
-exports.useProductListSettings = useProductListSettings;
-exports.useProductListStyles = useProductListStyles;
+'use client';
+"use strict";var ProductListContext=require("../contexts/ProductListContext.js");const useProductList=()=>ProductListContext.useProductListStore(t=>t.collection),useProductListProducts=()=>ProductListContext.useProductListStore(t=>t.products),useProductListSettings=()=>ProductListContext.useProductListStore(t=>t.settings),useProductListStyles=()=>ProductListContext.useProductListStore(t=>t.styles);exports.useProductList=useProductList,exports.useProductListProducts=useProductListProducts,exports.useProductListSettings=useProductListSettings,exports.useProductListStyles=useProductListStyles;

package/dist/cjs/hooks/useStickyStore.js

@@ -0,0 +1 @@
+"use strict";var zustand=require("zustand");const useStickyStore=zustand.create(t=>({isStickyVisible:!1,setStickyVisible:e=>t({isStickyVisible:e})}));exports.useStickyStore=useStickyStore;

package/dist/cjs/hooks/useSuspenseFetch.js

@@ -1,27 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const cache = new Map();
-const useSuspenseFetch = (key, promise)=>{
-    const value = cache.get(key) || {
-        status: 'new',
-        data: null
-    };
-    if (value.status === 'resolved') {
-        return {
-            data: value.data
-        };
-    }
-    promise().then((data)=>{
-        value.status = 'resolved';
-        value.data = data;
-        cache.set(key, value);
-    }).catch(()=>{
-        value.status = 'error';
-        value.data = null;
-    });
-    throw promise();
-};
-
-exports.default = useSuspenseFetch;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const cache=new Map,useSuspenseFetch=(e,t)=>{let s=cache.get(e)||{status:"new",data:null};if("resolved"===s.status)return{data:s.data};throw t().then(t=>{s.status="resolved",s.data=t,cache.set(e,s)}).catch(()=>{s.status="error",s.data=null}),t()};exports.default=useSuspenseFetch;

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -1,41 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var shop = require('./shop.js');
-
-const initialSwatchOptionValue = {
-    label: '',
-    colors: [],
-    imageUrl: ''
-};
-const initialGlobalSwatchesData = {
-    optionTitle: '',
-    optionType: '',
-    optionValues: []
-};
-const useSwatchesOptions = (options)=>{
-    const { swatches } = shop.useSwatches();
-    if (!options) return [];
-    return options?.map((option)=>{
-        const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {
-            ...initialGlobalSwatchesData
-        };
-        return {
-            ...option,
-            optionType: swatchOption ? swatchOption.optionType : '',
-            values: option.values?.map((val)=>{
-                const swatchValue = swatchOption && swatchOption?.optionValues?.find((swatOp)=>swatOp?.label === val?.label) || {
-                    ...initialSwatchOptionValue
-                };
-                return {
-                    ...val,
-                    colors: swatchValue?.colors || [],
-                    imageUrl: swatchValue?.imageUrl || ''
-                };
-            })
-        };
-    });
-};
-
-exports.default = useSwatchesOptions;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var shop=require("./shop.js");const initialSwatchOptionValue={label:"",colors:[],imageUrl:""},initialGlobalSwatchesData={optionTitle:"",optionType:"",optionValues:[]},useSwatchesOptions=e=>{let{swatches:t}=shop.useSwatches();return e?e?.map(e=>{let a=t?.find(t=>t?.optionTitle===e?.name)||{...initialGlobalSwatchesData};return{...e,optionType:a?a.optionType:"",values:e.values?.map(e=>{let t=a&&a?.optionValues?.find(t=>t?.label===e?.label)||{...initialSwatchOptionValue};return{...e,colors:t?.colors||[],imageUrl:t?.imageUrl||""}})}}):[]};exports.default=useSwatchesOptions;

package/dist/cjs/hooks/useToolbarPostPurchase.js

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