@gem-sdk/core 1.38.0 → 2.0.0-dev.834

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -1,109 +1 @@
-import useSWR from 'swr';
-import { ProductOptionNameDocument } from '../graphql/queries/product-value-label.generated.js';
-import { colorPreset } from '../components/src/product/helpers/variant-presets.js';
-import { useSwatches } from './shop.js';
-import { useFetchHandle } from './useFetchHandle.js';
-import { useShopStore } from '../contexts/ShopContext.js';
-
-let swatchChange = false;
-let colorChange = false;
-const useInitialSwatchesOptions = (options)=>{
-    const fetcher = useFetchHandle();
-    const changeSwatches = useShopStore((s)=>s.changeSwatches);
-    const { swatches } = 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 (swatches?.length && (swatchChange || colorChange)) {
-        window?.parent?.postMessage?.(JSON.stringify({
-            type: 'update-swatches',
-            swatches
-        }), '*');
-        changeSwatches(swatches);
-    }
-};
-const getColorDefault = (label, color)=>{
-    const colorByLabel = label ? 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([
-            ProductOptionNameDocument,
-            variables
-        ]);
-        return response;
-    };
-    return query(initVariables);
-};
-
-export { useInitialSwatchesOptions as default };
+import e from"swr";import{ProductOptionNameDocument as t}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as a}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as o}from"./shop.js";import{useFetchHandle as l}from"./useFetchHandle.js";import{useShopStore as r}from"../contexts/ShopContext.js";let swatchChange=!1,colorChange=!1,useInitialSwatchesOptions=t=>{let a=l(),s=r(e=>e.changeSwatches),{swatches:n}=o(),{data:i}=e(["/query/productOptionName",{}],async()=>fetchProductValueLabel(a),{revalidateOnMount:!0}),p=[];if(n?.forEach(e=>{p.push(e.optionTitle)}),i?.productOptionName?.forEach(e=>{p.includes(e)||(swatchChange=!0,n?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!t)return[];setDefaultSwatches(n,t),n?.length&&(swatchChange||colorChange)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:n}),"*"),s(n))},getColorDefault=(e,t)=>{let o=e?a[e.toLocaleLowerCase()]:void 0,l=o?[o]:[],r=t?.[0];return!r&&l.length&&(colorChange=!0),r?[r]:l},getProductOptionsLabelByName=(e,t)=>{let a=[],o=e.find(e=>e.name===t);return o?.values.forEach(e=>{a.push(e.label??"")}),a},getSwatchesOptionsLabel=e=>{let t=[];return e.forEach(e=>{t.push(e.label??"")}),t},setDefaultSwatches=(e,t)=>(e&&e?.map(e=>{let a=getProductOptionsLabelByName(t,e.optionTitle),o=getSwatchesOptionsLabel(e.optionValues);a.forEach(t=>{o.includes(t)||e.optionValues.push({label:t,colors:getColorDefault(t),imageUrl:""})}),e.optionValues=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 a={},o=async a=>{let o=await e([t,a]);return o};return o(a)};export{useInitialSwatchesOptions as default};

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -1,6 +1 @@
-import { useLayoutEffect } from 'react';
-
-// const isBrowser = typeof window !== 'undefined';
-const useIsomorphicLayoutEffect = useLayoutEffect;
-
-export { useIsomorphicLayoutEffect as default };
+import{useLayoutEffect as o}from"react";let useIsomorphicLayoutEffect=o;export{useIsomorphicLayoutEffect as default};

package/dist/esm/hooks/useLoadScript.js

@@ -1,28 +1 @@
-import { useState, useEffect } from 'react';
-import { loadScript } from '../helpers/load-script.js';
-
-/**
- * The `useLoadScript` hook loads an external script tag on the client-side.
- */ function useLoadScript(url, options) {
-    const [status, setStatus] = useState('loading');
-    const stringifiedOptions = JSON.stringify(options);
-    useEffect(()=>{
-        async function loadScriptWrapper() {
-            try {
-                setStatus('loading');
-                await loadScript(url, options);
-                setStatus('done');
-            } catch (error) {
-                setStatus('error');
-            }
-        }
-        loadScriptWrapper();
-    }, [
-        url,
-        stringifiedOptions,
-        options
-    ]);
-    return status;
-}
-
-export { useLoadScript as default };
+import{useState as r,useEffect as t}from"react";import{loadScript as o}from"../helpers/load-script.js";function useLoadScript(a,i){let[e,n]=r("loading"),c=JSON.stringify(i);return t(()=>{(async function(){try{n("loading"),await o(a,i),n("done")}catch(r){n("error")}})()},[a,c,i]),e}export{useLoadScript as default};

package/dist/esm/hooks/useMoney.js

@@ -1,80 +1 @@
-import { useMemo } from 'react';
-import { useLocale, useCurrency } from './shop.js';
-
-const useMoney = (amount)=>{
-    const { locale } = useLocale();
-    const { currency } = useCurrency();
-    const options = 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 = 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 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 useMemo(()=>{
-        let memoized;
-        return ()=>memoized ??= new Intl.NumberFormat(locale, options);
-    }, [
-        locale,
-        options
-    ]);
-}
-
-export { useMoney as default };
+import{useMemo as r}from"react";import{useLocale as t,useCurrency as e}from"./shop.js";let useMoney=a=>{let{locale:o}=t(),{currency:m}=e(),i=r(()=>({style:"currency",currency:m}),[m]),n=useLazyFormatter(o,i),u=useLazyFormatter(o,{...i,currencyDisplay:"name"}),c=useLazyFormatter(o,{...i,currencyDisplay:"narrowSymbol"}),l=useLazyFormatter(o,{...i,minimumFractionDigits:0,maximumFractionDigits:0}),s=useLazyFormatter(o),y=useLazyFormatter(o,{minimumFractionDigits:0,maximumFractionDigits:0}),f=r=>"currency"===r.type,F=r(()=>({currencyCode:()=>m,localizedString:()=>n().format(a),parts:()=>n().formatToParts(a),withoutTrailingZeros:()=>a%1==0?l().format(a):n().format(a),withoutTrailingZerosAndCurrency:()=>a%1==0?y().format(a):s().format(a),currencyName:()=>u().formatToParts(a).find(f)?.value??m,currencySymbol:()=>n().formatToParts(a).find(f)?.value??m,currencyNarrowSymbol:()=>c().formatToParts(a).find(f)?.value??"",amount:()=>n().formatToParts(a).filter(r=>["decimal","fraction","group","integer","literal"].includes(r.type)).map(r=>r.value).join("")}),[m,a,u,n,c,s,l,y]);return r(()=>new Proxy(F,{get:(r,t)=>Reflect.get(r,t)?.call(null)}),[F])};function useLazyFormatter(t,e){return r(()=>{let r;return()=>r??=new Intl.NumberFormat(t,e)},[t,e])}export{useMoney as default};

package/dist/esm/hooks/usePrevious.js

@@ -1,17 +1 @@
-import { useRef, useEffect } from '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 = useRef();
-    // Store current value in ref
-    useEffect(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]); // Only re-run if value changes
-    // Return previous value (happens before update in useEffect above)
-    return ref.current;
-};
-
-export { usePrevious };
+import{useRef as r,useEffect as e}from"react";let usePrevious=t=>{let u=r();return e(()=>{u.current=t},[t]),u.current};export{usePrevious};

package/dist/esm/hooks/useProduct.js

@@ -1,192 +1 @@
-import { useCallback, useEffect, useMemo } from 'react';
-import { useProductStore } from '../contexts/ProductContext.js';
-import 'react/jsx-runtime';
-import 'zustand';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import './useCartUI.js';
-import { checkInStock } from '../helpers/variant.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
-import { flattenConnection } from '../helpers/flatten-connection.js';
-import '../helpers/convert.js';
-import { getSelectedVariant } from '../helpers/product.js';
-
-const useUniqProductID = ()=>{
-    return useProductStore((s)=>s.uiqueId);
-};
-const useProduct = ()=>{
-    return useProductStore((s)=>s.product);
-};
-const useFeaturedImageGlobal = ()=>{
-    return useProductStore((s)=>s.featuredImageGlobal);
-};
-const useProductProperties = ()=>{
-    return useProductStore((s)=>s.properties);
-};
-const useIsSyncProduct = ()=>{
-    return useProductStore((s)=>s.isSyncProduct);
-};
-const useQuantity = ()=>{
-    const quantity = useProductStore((s)=>s.quantity);
-    const hasUpdatePrice = useProductStore((s)=>s.updatePrice);
-    const decrement = useProductStore((s)=>s.decrementQuantity);
-    const increment = useProductStore((s)=>s.incrementQuantity);
-    const updateQuantity = useProductStore((s)=>s.setQuantity);
-    const updatePrice = useProductStore((s)=>s.setHasUpdatePriceFollowQuantity);
-    const isSyncProduct = useProductStore((s)=>s.isSyncProduct);
-    const product = useProductStore((s)=>s.product);
-    const productId = product?.id;
-    const reset = useCallback(()=>{
-        updateQuantity(1);
-    }, [
-        updateQuantity
-    ]);
-    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 useMemo(()=>({
-            quantity,
-            hasUpdatePrice,
-            increment,
-            decrement,
-            reset,
-            setQuantity: updateQuantity,
-            setUpdatePrice: updatePrice
-        }), [
-        decrement,
-        increment,
-        quantity,
-        reset,
-        updateQuantity,
-        updatePrice,
-        hasUpdatePrice
-    ]);
-};
-const useSelectedOption = ()=>{
-    const setSelectedOption = useProductStore((s)=>s.setSelectedOption);
-    const selectedOptions = useProductStore((s)=>s.selectedOptions);
-    const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
-    const isSyncProduct = useProductStore((s)=>s.isSyncProduct);
-    const updateOption = 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 = 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 useMemo(()=>({
-            selectedOptions,
-            setSelectedOption: updateOption,
-            forceSelectedOption: forceOption
-        }), [
-        selectedOptions,
-        updateOption,
-        forceOption
-    ]);
-};
-const useVariants = ()=>{
-    const variants = useProductStore((s)=>s.product?.variants);
-    return flattenConnection(variants);
-};
-const useVariant = (id)=>{
-    const variants = useVariants();
-    return useMemo(()=>variants?.find((v)=>v?.id === id), [
-        id,
-        variants
-    ]);
-};
-const useCurrentVariant = ()=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    return useMemo(()=>getSelectedVariant(variants, selectedOptions), [
-        selectedOptions,
-        variants
-    ]);
-};
-const useCurrentVariantInStock = ()=>{
-    const currentVariant = useCurrentVariant();
-    const currentProduct = useProduct();
-    return 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)=>{
-            if (variant) {
-                const { selectedOptions } = variant;
-                const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-                const isInStock = checkInStock(variant);
-                return opt && isInStock;
-            }
-        });
-    }
-    const matchedVariant = getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue
-    });
-    return 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 = checkInStock(item);
-            return opt && isInStock;
-        }
-        return false;
-    }) : false;
-};
-
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };
+import{useCallback as e,useEffect as t,useMemo as r}from"react";import{useProductStore as n}from"../contexts/ProductContext.js";import"react/jsx-runtime";import"zustand";import"swr";import{usePageStore as s}from"../contexts/PageContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"./useCartUI.js";import{checkInStock as u}from"../helpers/variant.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import{flattenConnection as o}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import{getSelectedVariant as i}from"../helpers/product.js";let useUniqProductID=()=>n(e=>e.uiqueId),useProduct=()=>n(e=>e.product),useFeaturedImageGlobal=()=>n(e=>e.featuredImageGlobal),useProductProperties=()=>n(e=>e.properties),useIsSyncProduct=()=>n(e=>e.isSyncProduct),useQuantity=()=>{let s=n(e=>e.quantity),u=n(e=>e.updatePrice),o=n(e=>e.decrementQuantity),i=n(e=>e.incrementQuantity),a=n(e=>e.setQuantity),c=n(e=>e.setHasUpdatePriceFollowQuantity),l=n(e=>e.isSyncProduct),d=n(e=>e.product),p=d?.id,m=e(()=>{a(1)},[a]);return t(()=>{if(l){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:s,productId:p}});window.dispatchEvent(e)}},[s,l,p]),r(()=>({quantity:s,hasUpdatePrice:u,increment:i,decrement:o,reset:m,setQuantity:a,setUpdatePrice:c}),[o,i,s,m,a,c,u])},useSelectedOption=()=>{let t=n(e=>e.setSelectedOption),s=n(e=>e.selectedOptions),u=n(e=>e.forceSelectedOption),o=n(e=>e.isSyncProduct),i=e((e,r,n,s)=>{if(!s&&o){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:n}});window.dispatchEvent(t)}t(e,r)},[t,o]),a=e((e,t,r)=>{if(!r&&o){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t}});window.dispatchEvent(r)}u(e)},[u,o]);return r(()=>({selectedOptions:s,setSelectedOption:i,forceSelectedOption:a}),[s,i,a])},useVariants=()=>{let e=n(e=>e.product?.variants);return o(e)},useVariant=e=>{let t=useVariants();return r(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return r(()=>i(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant(),t=useVariants();return u(e,t)},useVariantOutStock=(e,t,r)=>{let{selectedOptions:n}=useSelectedOption(),s=useVariants(),o=r.optionNumber-1;if(r.position<o)return s.some(r=>{if(r){let{selectedOptions:n}=r,s=n?.some(r=>r?.name===e&&r.value===t),o=u(r);return s&&o}});let a=i(s,{...n,[e]:t});return u(a)},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:n}=r,s=n?.some(r=>r?.name===e&&r.value===t),o=u(r);return s&&o}return!1})},useProductOfferDiscount=()=>{let e=s(e=>e.productOffers),t=useProduct(),r=useCurrentVariant(),n=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!n||!n.isEnabled)return 0;let u=n?.value;if(n&&"PERCENTAGE"===n.valueType&&u){let e=r?.price||0;u=u*e/100}return u||0};export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,useProductOfferDiscount,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants};

package/dist/esm/hooks/useProductList.js

@@ -1,16 +1 @@
-import { useProductListStore } from '../contexts/ProductListContext.js';
-
-const useProductList = ()=>{
-    return useProductListStore((s)=>s.collection);
-};
-const useProductListProducts = ()=>{
-    return useProductListStore((s)=>s.products);
-};
-const useProductListSettings = ()=>{
-    return useProductListStore((s)=>s.settings);
-};
-const useProductListStyles = ()=>{
-    return useProductListStore((s)=>s.styles);
-};
-
-export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles };
+import{useProductListStore as t}from"../contexts/ProductListContext.js";let useProductList=()=>t(t=>t.collection),useProductListProducts=()=>t(t=>t.products),useProductListSettings=()=>t(t=>t.settings),useProductListStyles=()=>t(t=>t.styles);export{useProductList,useProductListProducts,useProductListSettings,useProductListStyles};

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1,23 +1 @@
-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();
-};
-
-export { useSuspenseFetch as default };
+let cache=new Map,useSuspenseFetch=(e,t)=>{let a=cache.get(e)||{status:"new",data:null};if("resolved"===a.status)return{data:a.data};throw t().then(t=>{a.status="resolved",a.data=t,cache.set(e,a)}).catch(()=>{a.status="error",a.data=null}),t()};export{useSuspenseFetch as default};

package/dist/esm/hooks/useSwatchesOptions.js

@@ -1,37 +1 @@
-import { useSwatches } from './shop.js';
-
-const initialSwatchOptionValue = {
-    label: '',
-    colors: [],
-    imageUrl: ''
-};
-const initialGlobalSwatchesData = {
-    optionTitle: '',
-    optionType: '',
-    optionValues: []
-};
-const useSwatchesOptions = (options)=>{
-    const { swatches } = 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 || ''
-                };
-            })
-        };
-    });
-};
-
-export { useSwatchesOptions as default };
+import{useSwatches as t}from"./shop.js";let initialSwatchOptionValue={label:"",colors:[],imageUrl:""},initialGlobalSwatchesData={optionTitle:"",optionType:"",optionValues:[]},useSwatchesOptions=a=>{let{swatches:e}=t();return a?a?.map(t=>{let a=e?.find(a=>a?.optionTitle===t?.name)||{...initialGlobalSwatchesData};return{...t,optionType:a?a.optionType:"",values:t.values?.map(t=>{let e=a&&a?.optionValues?.find(a=>a?.label===t?.label)||{...initialSwatchOptionValue};return{...t,colors:e?.colors||[],imageUrl:e?.imageUrl||""}})}}):[]};export{useSwatchesOptions as default};

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -0,0 +1 @@
+import{postPurchaseRequiredElements as e,postPurchaseWrapElements as t}from"../components/constant.js";import{useShopStore as r}from"../contexts/ShopContext.js";let usePostPurchase=(n,o)=>{let u=r(e=>e.pageType),c=(e,t)=>{let r=e||o,n=0,u=(t||document).querySelectorAll(`[data-component-tag="${r}"]`);if("PostPurchaseProductOffer"===r)return u.length;let c="";return u.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),o=t?.getAttribute("data-uid")||"",u=e.closest('[data-component-tag="Product"]'),l=u?.querySelectorAll(`[data-component-tag="${r}"]`).length||0,a=t?o!==c?l:0:1;t&&(c=o),n+=a}),n},l=()=>{let e=c();return e<=1},a=()=>{let t=document.querySelector(`[data-uid="${n}"]`);if(!t)return!1;for(let r of e){let e=c(r),n=c(r,t);if(n>0&&e-n<1)return!0}return!1},d=()=>e.reduce((e,t)=>{let r=document.querySelector(`[data-uid="${n}"]`);if(!r)return 0;let o=r.querySelectorAll(`[data-component-tag="${t}"]`).length;return e+o},0),s=()=>{if("POST_PURCHASE"!==u)return!1;let r=!1;return e.includes(o)&&(r=l())?r:!!(t.includes(o)&&d()>0)&&a()},i=()=>{if(e.includes(o))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===o?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{checkDisableDelete:s,getTooltipText:i,checkDisableDuplicate:()=>"GP_FUNNEL_PAGE"===u&&"ProductList"===o}};export{usePostPurchase};