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

package/dist/esm/hooks/usePrevious.js

@@ -1 +1,17 @@
-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};
+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 };

package/dist/esm/hooks/useProduct.js

@@ -1 +1,228 @@
-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};
+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 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;
+};
+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 };

package/dist/esm/hooks/useProductList.js

@@ -1 +1,16 @@
-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};
+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 };

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1 +1,23 @@
-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};
+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 };

package/dist/esm/hooks/useSwatchesOptions.js

@@ -1 +1,37 @@
-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};
+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 };

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -1 +1,87 @@
-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};
+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 };

package/dist/esm/index.js

@@ -1 +1,117 @@
-export{default as AddOn}from"./components/AddOn.js";export{default as Render}from"./components/Render.js";export{default as RenderPreview}from"./components/RenderPreview.js";export{RenderChildren,default as RenderLiquid,WrapRenderChildren}from"./components/Render.liquid.js";export{AddonProvider,useAddon,useAddons}from"./contexts/AddonContext.js";export{BuilderComponentProvider,useBuilderComponent}from"./contexts/BuilderComponent.js";export{BuilderProvider,useBuilderStore}from"./contexts/BuilderContext.js";export{BuilderPreviewProvider,useBuilderPreviewStore}from"./contexts/BuilderPreviewContext.js";export{CartLineProvider,useCartLineStore}from"./contexts/CartLineContext.js";export{ProductListProvider,useProductListStore}from"./contexts/ProductListContext.js";export{ProductProvider,useProductStore}from"./contexts/ProductContext.js";export{SectionProvider,useSection,useSectionStore}from"./contexts/SectionContext.js";export{ShopProvider,useShopStore}from"./contexts/ShopContext.js";export{PageProvider,usePageStore}from"./contexts/PageContext.js";export{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.js";export{ArticleListProvider,useArticleListStore}from"./contexts/ArticleListContext.js";export{ArticleProvider,useArticleStore}from"./contexts/ArticleContext.js";export{PageViewUpDocument}from"./graphql/mutations/page-view-up.generated.js";export{CollectionDetailFilterDocument}from"./graphql/queries/collection-detail-filter.generated.js";export{CollectionDocument}from"./graphql/queries/collection.generated.js";export{CollectionsDocument}from"./graphql/queries/collections.generated.js";export{PublishedThemePagesDocument}from"./graphql/queries/published-theme-pages.generated.js";export{ProductsDocument}from"./graphql/queries/products.generated.js";export{StorePropertyDocument}from"./graphql/queries/store-property.generated.js";export{PreviewPageDocument}from"./graphql/queries/preview-page.generated.js";export{LibraryTemplateDocument}from"./graphql-app-api/queries/LibraryTemplate.generated.js";export{ThemePageDocument}from"./graphql-app-api/queries/ThemePage.generated.js";export{SaleFunnelDiscountsDocument}from"./graphql-app-api/queries/SaleFunnelDiscounts.generated.js";export{LibrarySaleFunnelDocument}from"./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js";export{composeBorderCss,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn}from"./helpers/borders.js";export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle}from"./helpers/carousel.js";export{cls}from"./helpers/cls.js";export{animations}from"./helpers/animations.js";export{filterToolbarPreview}from"./helpers/filter-toolbar-preview.js";export{flattenConnection}from"./helpers/flatten-connection.js";export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist}from"./helpers/get-resonsive-value.js";export{getShortName}from"./helpers/get-shortname.js";export{default as globalEvent}from"./helpers/GlobalEvent.js";export{default as isBrowser}from"./helpers/is-browser.js";export{isEmptyChildren}from"./helpers/is-empty-children.js";export{default as isSafari}from"./helpers/is-safari.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgImageByDevice,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getStyleBackgroundByDevice,makeFixedBgAttachment}from"./helpers/background.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle}from"./helpers/compose-advance-style.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{convertHTML}from"./helpers/covert-entities-html.js";export{composePositionLineHeight,composePostionIconList}from"./helpers/icon-list.js";export{isDefined}from"./helpers/is-defined.js";export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{RenderIf,composeMemo,dataStringify,props,removeUndefinedValuesFromObject,styles,template}from"./helpers/render.js";export{composeShadowCss,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{composeSize,composeSizeCss,genSizeClass,getAspectRatioGlobalSize,getGlobalSizeGap,getHeightByShapeGlobalSize,getPaddingGlobalSize,getWidthByShapeGlobalSize,getWidthHeightGlobalSize,makeGlobalSize,makeGlobalSizeIcon,makeStyleWithDefault}from"./helpers/size.js";export{composeFallbackTypographyStyle,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{validateEmail}from"./helpers/email.js";export{loadScript}from"./helpers/load-script.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{genVariable}from"./helpers/css-variable.js";import*as e from"./helpers/tracking/fpixel.js";import*as o from"./helpers/tracking/gtag.js";import*as t from"./helpers/tracking/tiktokpixel.js";export{useAddToCart}from"./hooks/cart/use-add-to-cart.js";export{useCartData}from"./hooks/cart/use-cart-data.js";export{useCartDiscountCodesUpdate}from"./hooks/cart/use-cart-discount-codes-update.js";export{useCartNoteUpdate}from"./hooks/cart/use-cart-note-update.js";export{useCreateCart}from"./hooks/cart/use-create-cart.js";export{useRemoveCartItem}from"./hooks/cart/use-remove-cart-item.js";export{useUpdateCartItem}from"./hooks/cart/use-update-cart-item.js";export{useCheckoutUrl,useConnectedShopify,useCurrency,useEditorMode,useIsSampleProduct,useIsStorefrontProduct,useLocale,useMatchMutate,useMobileOnly,useMoneyFormat,usePageType,usePluginEnable,useStoreFront,useSwatches}from"./hooks/shop.js";export{useCollectionQuery}from"./hooks/shop/use-collection-query.js";export{useCollectionsQuery}from"./hooks/shop/use-collections-query.js";export{useProductQuery}from"./hooks/shop/use-product-query.js";export{useProductsQuery,useProductsQueryAll}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.js";export{shopifyPriceRounding,useFormatMoney}from"./hooks/useFormatMoney.js";export{useLazyVideo}from"./hooks/use-lazy-video.js";export{default as useCartId}from"./hooks/useCartId.js";export{default as useCartLine}from"./hooks/useCartLine.js";export{default as useCartUI}from"./hooks/useCartUI.js";export{useCollection}from"./hooks/useCollection.js";export{useId}from"react";export{default as useIsomorphicLayoutEffect}from"./hooks/useIsomorphicLayoutEffect.js";export{default as useLoadScript}from"./hooks/useLoadScript.js";export{default as useMoney}from"./hooks/useMoney.js";export{usePrevious}from"./hooks/usePrevious.js";export{useArticlesQuery,useBlogsQuery}from"./hooks/articles/useArticlesQuery.js";export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,useProductOfferDiscount,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants}from"./hooks/useProduct.js";export{useProductList,useProductListProducts,useProductListSettings,useProductListStyles}from"./hooks/useProductList.js";export{default as useSuspenseFetch}from"./hooks/useSuspenseFetch.js";export{default as useSwatchesOptions}from"./hooks/useSwatchesOptions.js";export{default as useInitialSwatchesOptions}from"./hooks/useInitialSwatchesOptions.js";import*as r from"./types/shop.js";import*as s from"./types/appAPI.js";export{OptionNormalStyle,OptionSpecialStyle}from"./types/global-style.js";export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType}from"./types/animations.js";export{calculateFirstProduct,getCollection}from"./helpers/queries/get-collection.js";export{fetchMedias,fetchVariants,getProduct}from"./helpers/queries/get-product.js";export{getProductBySlug}from"./helpers/queries/get-product-by-slug.js";export{e as fpixel,o as gtag,t as tiktokpixel,r as ShopType,s as AppAPIType};
+export { default as AddOn } from './components/AddOn.js';
+export { default as Render } from './components/Render.js';
+export { default as RenderPreview } from './components/RenderPreview.js';
+export { RenderChildren, default as RenderLiquid, WrapRenderChildren } from './components/Render.liquid.js';
+export { AddonProvider, useAddon, useAddons } from './contexts/AddonContext.js';
+export { BuilderComponentProvider, useBuilderComponent } from './contexts/BuilderComponent.js';
+export { BuilderProvider, useBuilderStore } from './contexts/BuilderContext.js';
+export { BuilderPreviewProvider, useBuilderPreviewStore } from './contexts/BuilderPreviewContext.js';
+export { CartLineProvider, useCartLineStore } from './contexts/CartLineContext.js';
+export { ProductListProvider, useProductListStore } from './contexts/ProductListContext.js';
+export { ProductProvider, useProductStore } from './contexts/ProductContext.js';
+export { SectionProvider, useSection, useSectionStore } from './contexts/SectionContext.js';
+export { ShopProvider, useShopStore } from './contexts/ShopContext.js';
+export { PageProvider, usePageStore } from './contexts/PageContext.js';
+export { CollectionProvider, useCollectionStore } from './contexts/CollectionContext.js';
+export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
+export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
+export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
+export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
+export { PublishedShopMetasDocument } from './graphql/queries/published-shop-metas.js';
+export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
+export { CollectionDocument } from './graphql/queries/collection.generated.js';
+export { CollectionsDocument } from './graphql/queries/collections.generated.js';
+export { PublishedThemePagesDocument } from './graphql/queries/published-theme-pages.generated.js';
+export { ProductsDocument } from './graphql/queries/products.generated.js';
+export { StorePropertyDocument } from './graphql/queries/store-property.generated.js';
+export { PreviewThemePageDocument } from './graphql/queries/preview-page.generated.js';
+export { LibraryTemplateDocument } from './graphql-app-api/queries/LibraryTemplate.generated.js';
+export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated.js';
+export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
+export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
+export { ShopLibraryPageDocument } from './graphql-app-api/queries/ShopLibraryPage.generated.js';
+export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
+export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
+export { cls } from './helpers/cls.js';
+export { animations } from './helpers/animations.js';
+export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
+export { flattenConnection } from './helpers/flatten-connection.js';
+export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, isColumnDirectionExist } from './helpers/get-resonsive-value.js';
+export { getShortName } from './helpers/get-shortname.js';
+export { default as globalEvent } from './helpers/GlobalEvent.js';
+export { default as isBrowser } from './helpers/is-browser.js';
+export { isEmptyChildren } from './helpers/is-empty-children.js';
+export { default as isSafari } from './helpers/is-safari.js';
+export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
+export { prefetchQueries } from './helpers/prefetch-queries.js';
+export { validateEmail } from './helpers/email.js';
+export { loadScript } from './helpers/load-script.js';
+export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
+export { genVariable } from './helpers/css-variable.js';
+import * as fpixel from './helpers/tracking/fpixel.js';
+export { fpixel };
+import * as gtag from './helpers/tracking/gtag.js';
+export { gtag };
+import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
+export { tiktokpixel };
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
+export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
+export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
+export { convertHTML } from './helpers/covert-entities-html.js';
+export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
+export { isDefined } from './helpers/is-defined.js';
+export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
+export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
+export { convertTextAlignToJustify } from './helpers/align.js';
+export { checkInStock } from './helpers/variant.js';
+export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
+export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
+export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
+export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
+export { composeShadowCss, getResponsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
+export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
+export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
+export { useArticlesQuery, useBlogsQuery } from './hooks/articles/useArticlesQuery.js';
+export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
+export { useCartData } from './hooks/cart/use-cart-data.js';
+export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
+export { useCartNoteUpdate } from './hooks/cart/use-cart-note-update.js';
+export { useCreateCart } from './hooks/cart/use-create-cart.js';
+export { useRemoveCartItem } from './hooks/cart/use-remove-cart-item.js';
+export { useUpdateCartItem } from './hooks/cart/use-update-cart-item.js';
+export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsSampleProduct, useIsStorefrontProduct, useLocale, useMatchMutate, useMobileOnly, useMoneyFormat, usePageType, usePluginEnable, useStoreFront, useSwatches } from './hooks/shop.js';
+export { useCollectionQuery } from './hooks/shop/use-collection-query.js';
+export { useCollectionsQuery } from './hooks/shop/use-collections-query.js';
+export { useProductQuery } from './hooks/shop/use-product-query.js';
+export { useProductsQuery, useProductsQueryAll } from './hooks/shop/use-products-query.js';
+export { useCurrentDevice } from './hooks/use-current-device.js';
+export { useLazyVideo } from './hooks/use-lazy-video.js';
+export { default as useCartId } from './hooks/useCartId.js';
+export { default as useCartLine } from './hooks/useCartLine.js';
+export { default as useCartUI } from './hooks/useCartUI.js';
+export { useCollection } from './hooks/useCollection.js';
+export { formatMoney, shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
+export { useId } from 'react';
+export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
+export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
+export { default as useLoadScript } from './hooks/useLoadScript.js';
+export { default as useMoney } from './hooks/useMoney.js';
+export { usePrevious } from './hooks/usePrevious.js';
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
+export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
+export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
+export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
+export { InteractionTargetEvent, InteractionTriggerEvent } from './types/custom.js';
+import * as shop from './types/shop.js';
+export { shop as ShopType };
+import * as appAPI from './types/appAPI.js';
+export { appAPI as AppAPIType };
+export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.js';
+export { AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType } from './types/animations.js';
+export { calculateFirstProduct, getCollection } from './helpers/queries/get-collection.js';
+export { fetchMedias, fetchVariants, getProduct } from './helpers/queries/get-product.js';
+export { getProductBySlug } from './helpers/queries/get-product-by-slug.js';
+export { getAppBlocks } from './helpers/third-party/getAppBlocks.js';
+export { addAppBlockId } from './helpers/third-party/addAppBlockId.js';
+export { useInteraction } from './helpers/interaction/index.js';

package/dist/esm/types/animations.js

@@ -1 +1,49 @@
-var AnimationType,AnimationSetting,AnimationDirectionType,AnimationTriggerType,AnimationZoomDirectionType,AnimationEasingType;!function(i){i.Fade="fade",i.Slide="slide",i.Zoom="zoom",i.Shake="shake",i.None="none"}(AnimationType||(AnimationType={})),function(i){i.Loop="loop",i.Scale="scale",i.Delay="delay",i.Easing="easing",i.Speed="speed",i.IsFade="isFade",i.Distance="distance",i.Intensity="intensity",i.Direction="direction",i.ZoomDirection="zoomDirection"}(AnimationSetting||(AnimationSetting={})),function(i){i.Left="left",i.Right="right",i.Up="up",i.Down="down"}(AnimationDirectionType||(AnimationDirectionType={})),function(i){i.Appear="appear",i.Hover="hover"}(AnimationTriggerType||(AnimationTriggerType={})),function(i){i.In="in",i.Out="out"}(AnimationZoomDirectionType||(AnimationZoomDirectionType={})),function(i){i.Ease="ease",i.EaseIn="ease-in",i.EaseOut="ease-out",i.Linear="linear"}(AnimationEasingType||(AnimationEasingType={}));export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType};
+var AnimationType;
+(function(AnimationType) {
+    AnimationType["Fade"] = 'fade';
+    AnimationType["Slide"] = 'slide';
+    AnimationType["Zoom"] = 'zoom';
+    AnimationType["Shake"] = 'shake';
+    AnimationType["None"] = 'none';
+})(AnimationType || (AnimationType = {}));
+var AnimationSetting;
+(function(AnimationSetting) {
+    AnimationSetting["Loop"] = 'loop';
+    AnimationSetting["Scale"] = 'scale';
+    AnimationSetting["Delay"] = 'delay';
+    AnimationSetting["Easing"] = 'easing';
+    AnimationSetting["Speed"] = 'speed';
+    AnimationSetting["IsFade"] = 'isFade';
+    AnimationSetting["Distance"] = 'distance';
+    AnimationSetting["Intensity"] = 'intensity';
+    AnimationSetting["Direction"] = 'direction';
+    AnimationSetting["ZoomDirection"] = 'zoomDirection';
+})(AnimationSetting || (AnimationSetting = {}));
+var AnimationDirectionType;
+(function(AnimationDirectionType) {
+    AnimationDirectionType["Left"] = 'left';
+    AnimationDirectionType["Right"] = 'right';
+    AnimationDirectionType["Up"] = 'up';
+    AnimationDirectionType["Down"] = 'down';
+})(AnimationDirectionType || (AnimationDirectionType = {}));
+var AnimationTriggerType;
+(function(AnimationTriggerType) {
+    AnimationTriggerType["Appear"] = 'appear';
+    AnimationTriggerType["Hover"] = 'hover';
+    AnimationTriggerType["Hidden"] = 'hidden';
+    AnimationTriggerType["AppearByTrigger"] = 'appearByTrigger';
+})(AnimationTriggerType || (AnimationTriggerType = {}));
+var AnimationZoomDirectionType;
+(function(AnimationZoomDirectionType) {
+    AnimationZoomDirectionType["In"] = 'in';
+    AnimationZoomDirectionType["Out"] = 'out';
+})(AnimationZoomDirectionType || (AnimationZoomDirectionType = {}));
+var AnimationEasingType;
+(function(AnimationEasingType) {
+    AnimationEasingType["Ease"] = 'ease';
+    AnimationEasingType["EaseIn"] = 'ease-in';
+    AnimationEasingType["EaseOut"] = 'ease-out';
+    AnimationEasingType["Linear"] = 'linear';
+})(AnimationEasingType || (AnimationEasingType = {}));
+
+export { AnimationDirectionType, AnimationEasingType, AnimationSetting, AnimationTriggerType, AnimationType, AnimationZoomDirectionType };