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

package/dist/cjs/hooks/useMoney.js

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

package/dist/cjs/hooks/usePrevious.js

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

package/dist/cjs/hooks/useProduct.js

@@ -1 +1,245 @@
-"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand"),require("swr");var PageContext=require("../contexts/PageContext.js");require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("./useCartUI.js");var variant=require("../helpers/variant.js");require("react-transition-group"),require("@gem-sdk/core"),require("classnames");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),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),n=ProductContext.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),s=ProductContext.useProductStore(e=>e.isSyncProduct),a=ProductContext.useProductStore(e=>e.product),c=a?.id,i=react.useCallback(()=>{o(1)},[o]);return react.useEffect(()=>{if(s){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:c}});window.dispatchEvent(t)}},[e,s,c]),react.useMemo(()=>({quantity:e,hasUpdatePrice:t,increment:u,decrement:r,reset:i,setQuantity:o,setUpdatePrice:n}),[r,u,e,i,o,n,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=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}});window.dispatchEvent(e)}e(t,r)},[e,u]),n=react.useCallback((e,t,o)=>{if(!o&&u){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t}});window.dispatchEvent(r)}r(e)},[r,u]);return react.useMemo(()=>({selectedOptions:t,setSelectedOption:o,forceSelectedOption:n}),[t,o,n])},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=useVariants();return variant.checkInStock(e,t)},useVariantOutStock=(e,t,r)=>{let{selectedOptions:u}=useSelectedOption(),o=useVariants(),n=r.optionNumber-1;if(r.position<n)return o.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),n=variant.checkInStock(r);return o&&n}});let s=product.getSelectedVariant(o,{...u,[e]:t});return variant.checkInStock(s)},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),n=variant.checkInStock(r);return o&&n}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.useIsSyncProduct=useIsSyncProduct,exports.useProduct=useProduct,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 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 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);
+    }, [
+        setSelectedOption,
+        isSyncProduct
+    ]);
+    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(()=>({
+            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;

package/dist/cjs/hooks/useProductList.js

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

package/dist/cjs/hooks/useSuspenseFetch.js

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

package/dist/cjs/hooks/useSwatchesOptions.js

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

package/dist/cjs/hooks/useToolbarPostPurchase.js

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