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

package/dist/esm/hooks/useMoney.js

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

package/dist/esm/hooks/usePrevious.js

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

package/dist/esm/hooks/useProductList.js

@@ -1,16 +1,2 @@
-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 };
+'use client';
+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/useStickyStore.js

@@ -0,0 +1 @@
+import{create as i}from"zustand";let useStickyStore=i(i=>({isStickyVisible:!1,setStickyVisible:t=>i({isStickyVisible:t})}));export{useStickyStore};

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1,23 +1,2 @@
-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 };
+'use client';
+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,2 @@
-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 };
+'use client';
+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

@@ -1,87 +1,2 @@
-import { postPurchaseRequiredElements, postPurchaseWrapElements } from '../components/constant.js';
-import { useShopStore } from '../contexts/ShopContext.js';
-
-const usePostPurchase = (uid, tag)=>{
-    const editingPageType = 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 postPurchaseRequiredElements){
-            const countElementInsidePage = getElementCountInPage(requiredElementTag);
-            const countElementInsideWrap = getElementCountInPage(requiredElementTag, $component);
-            if (countElementInsideWrap > 0 && countElementInsidePage - countElementInsideWrap < 1) {
-                return true;
-            }
-        }
-        return false;
-    };
-    const countRequiredElement = ()=>{
-        return 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 (postPurchaseRequiredElements.includes(tag)) {
-            isUnable = verifyRequireElement();
-            if (isUnable) return isUnable;
-        }
-        if (postPurchaseWrapElements.includes(tag) && countRequiredElement() > 0) {
-            return verifyWrapContainsRequireElement();
-        }
-        return false;
-    };
-    const checkDisableDuplicate = ()=>{
-        return editingPageType === 'GP_FUNNEL_PAGE' && tag === 'ProductList';
-    };
-    const getTooltipText = ()=>{
-        if (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
-    };
-};
-
-export { usePostPurchase };
+'use client';
+import{postPurchaseRequiredElements as e,postPurchaseWrapElements as t}from"../components/constant.js";import{useShopStore as r}from"../contexts/ShopContext.js";let usePostPurchase=(o,n)=>{let u=r(e=>e.pageType),c=(e,t)=>{let r=e||n,o=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"]'),n=t?.getAttribute("data-uid")||"",u=e.closest('[data-component-tag="Product"]'),l=u?.querySelectorAll(`[data-component-tag="${r}"]`).length||0,a=t?n!==c?l:0:1;t&&(c=n),o+=a}),o},l=()=>{let e=c();return e<=1},a=()=>{let t=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${o}"]`);if(!t)return!1;for(let r of e){let e=c(r),o=c(r,t);if(o>0&&e-o<1)return!0}return!1},d=()=>e.reduce((e,t)=>{let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${o}"]`);if(!r)return 0;let n=r.querySelectorAll(`[data-component-tag="${t}"]`).length;return e+n},0),s=()=>{if("POST_PURCHASE"!==u)return!1;let r=!1;return e.includes(n)&&(r=l())?r:!!(t.includes(n)&&d()>0)&&a()},i=()=>{if(e.includes(n))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===n?"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"===n}};export{usePostPurchase};