@gem-sdk/core 1.13.42 → 1.14.0-dev.284

package/dist/esm/hooks/useFormatMoney.js

@@ -1,56 +1 @@
-import { useMoneyFormat } from './shop.js';
-
-const useFormatMoney = (amount, withCurrency)=>{
-    const { moneyFormat, moneyWithCurrencyFormat } = useMoneyFormat();
-    const formatMoney = function(cents, format) {
-        let value = '';
-        const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
-        const formatString = format || '${{amount}}';
-        /**
-     * check default
-     * @param opt opt
-     * @param def def
-     * @returns any
-     */ function defaultOption(opt, def) {
-            return typeof opt == 'undefined' ? def : opt;
-        }
-        /**
-     * formatWithDelimiters
-     * @param number number
-     * @param precision precision
-     * @param thousands thousands
-     * @param decimal decimal
-     * @returns any
-     */ // eslint-disable-next-line max-params
-        function formatWithDelimiters(number, precision, thousands, decimal) {
-            precision = defaultOption(precision, 2);
-            thousands = defaultOption(thousands, ',');
-            decimal = defaultOption(decimal, '.');
-            if (isNaN(number) || number == null) {
-                return 0;
-            }
-            // shopify làm tròn bằng cách cắt đi các số ở đằng sau chứ không sử dụng toFixed để làm tròn như toán học
-            number = parseFloat(`${number}`).toFixed(Number(precision) + 1).slice(0, -1);
-            const parts = number.split('.'), dollars = parts[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands), cents = parts[1] ? decimal + parts[1] : '';
-            return dollars + cents;
-        }
-        switch(formatString.match(placeholderRegex)[1]){
-            case 'amount':
-                value = formatWithDelimiters(cents, 2);
-                break;
-            case 'amount_no_decimals':
-                value = formatWithDelimiters(cents, 0);
-                break;
-            case 'amount_with_comma_separator':
-                value = formatWithDelimiters(cents, 2, '.', ',');
-                break;
-            case 'amount_no_decimals_with_comma_separator':
-                value = formatWithDelimiters(cents, 0, '.', ',');
-                break;
-        }
-        return formatString.replace(placeholderRegex, value);
-    };
-    return withCurrency ? formatMoney(`${amount}`, moneyWithCurrencyFormat || moneyFormat) : formatMoney(`${amount}`, moneyFormat);
-};
-
-export { useFormatMoney };
+import{useMoneyFormat as e}from"./shop.js";let useFormatMoney=(t,a)=>{let{moneyFormat:r,moneyWithCurrencyFormat:o}=e(),n=function(e,t){let a="",r=/\{\{\s*(\w+)\s*\}\}/,o=t||"${{amount}}";function n(e,t){return void 0===e?t:e}function s(e,t,a,r){if(t=n(t,2),a=n(a,","),r=n(r,"."),isNaN(e)||null==e)return 0;e=parseFloat(`${e}`).toFixed(Number(t)+1).slice(0,-1);let o=e.split("."),s=o[0]?.replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+a),m=o[1]?r+o[1]:"";return s+m}switch(o.match(r)[1]){case"amount":a=s(e,2);break;case"amount_no_decimals":a=s(e,0);break;case"amount_with_comma_separator":a=s(e,2,".",",");break;case"amount_no_decimals_with_comma_separator":a=s(e,0,".",",")}return o.replace(r,a)};return n(`${t}`,a&&o||r)};export{useFormatMoney};

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -0,0 +1 @@
+import e from"swr";import{ProductOptionNameDocument as t}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as o}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as a}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 o=l(),s=r(e=>e.changeSwatches),{swatches:n}=a(),{data:p}=e(["/query/productOptionName",{}],async()=>fetchProductValueLabel(o),{revalidateOnMount:!0}),c=[];if(n?.forEach(e=>{c.push(e.optionTitle)}),p?.productOptionName?.forEach(e=>{c.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 a=e?o[e.toLocaleLowerCase()]:void 0,l=a?[a]:[],r=t?.[0];return!r&&l.length&&(colorChange=!0),r?[r]:l},getProductOptionsLabelByName=(e,t)=>{let o=[],a=e.find(e=>e.name===t);return a?.values.forEach(e=>{o.push(e.label??"")}),o},getSwatchesOptionsLabel=e=>{let t=[];return e.forEach(e=>{t.push(e.label??"")}),t},setDefaultSwatches=(e,t)=>(e&&e?.map(e=>{let o=getProductOptionsLabelByName(t,e.optionTitle),a=getSwatchesOptionsLabel(e.optionValues);o.forEach(t=>{a.includes(t)||e.optionValues.push({label:t,colors:getColorDefault(t),imageUrl:""})}),e.optionValues.map(e=>({...e,colors:getColorDefault(e.label,e.colors)}))}),e),fetchProductValueLabel=async e=>{let o={},a=async o=>{let a=await e([t,o]);return a};return a(o)};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,111 +1 @@
-import { useCallback, useMemo } from 'react';
-import { useProductStore } from '../contexts/ProductContext.js';
-import { flattenConnection } from '../helpers/flatten-connection.js';
-import 'swr';
-import { getSelectedVariant } from '../helpers/product.js';
-import '../helpers/convert.js';
-import { checkInStock } from '../helpers/variant.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 useQuantity = ()=>{
-    const quantity = useProductStore((s)=>s.quantity);
-    const decrement = useProductStore((s)=>s.decrementQuantity);
-    const increment = useProductStore((s)=>s.incrementQuantity);
-    const updateQuantity = useProductStore((s)=>s.setQuantity);
-    const reset = useCallback(()=>{
-        updateQuantity(1);
-    }, [
-        updateQuantity
-    ]);
-    return useMemo(()=>({
-            quantity,
-            increment,
-            decrement,
-            reset,
-            setQuantity: updateQuantity
-        }), [
-        decrement,
-        increment,
-        quantity,
-        reset,
-        updateQuantity
-    ]);
-};
-const useSelectedOption = ()=>{
-    const setSelectedOption = useProductStore((s)=>s.setSelectedOption);
-    const selectedOptions = useProductStore((s)=>s.selectedOptions);
-    const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
-    const updateOption = useCallback((optionId, optionValue)=>{
-        setSelectedOption(optionId, optionValue);
-    }, [
-        setSelectedOption
-    ]);
-    return useMemo(()=>({
-            selectedOptions,
-            setSelectedOption: updateOption,
-            forceSelectedOption
-        }), [
-        selectedOptions,
-        updateOption,
-        forceSelectedOption
-    ]);
-};
-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 isInStock = checkInStock(currentVariant);
-    return isInStock;
-};
-const useVariantOutStock = (optionId, optionValue)=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    const matchedVariant = getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue
-    });
-    const isInStock = checkInStock(matchedVariant);
-    return !isInStock;
-};
-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, 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{flattenConnection as u}from"../helpers/flatten-connection.js";import"swr";import{getSelectedVariant as s}from"../helpers/product.js";import"../helpers/convert.js";import{checkInStock as o}from"../helpers/variant.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 u=n(e=>e.quantity),s=n(e=>e.decrementQuantity),o=n(e=>e.incrementQuantity),a=n(e=>e.setQuantity),i=n(e=>e.isSyncProduct),c=n(e=>e.product),l=c?.id,d=e(()=>{a(1)},[a]);return t(()=>{if(i){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:u,productId:l}});window.dispatchEvent(e)}},[u,i,l]),r(()=>({quantity:u,increment:o,decrement:s,reset:d,setQuantity:a}),[s,o,u,d,a])},useSelectedOption=()=>{let t=n(e=>e.setSelectedOption),u=n(e=>e.selectedOptions),s=n(e=>e.forceSelectedOption),o=n(e=>e.isSyncProduct),a=e((e,r,n,u)=>{if(!u&&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]),i=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)}s(e)},[s,o]);return r(()=>({selectedOptions:u,setSelectedOption:a,forceSelectedOption:i}),[u,a,i])},useVariants=()=>{let e=n(e=>e.product?.variants);return u(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(()=>s(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant();return o(e)},useVariantOutStock=(e,t)=>{let{selectedOptions:r}=useSelectedOption(),n=useVariants(),u=s(n,{...r,[e]:t}),a=o(u);return!a},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:n}=r,u=n?.some(r=>r?.name===e&&r.value===t),s=o(r);return u&&s}return!1})};export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,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/index.js

@@ -1,92 +1 @@
-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 } 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 { CollectionProvider, useCollectionStore } from './contexts/CollectionContext.js';
-export { ModalProvider, useModalStore } from './contexts/ModalContext.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 { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
-export { cls } from './helpers/cls.js';
-export { flattenConnection } from './helpers/flatten-connection.js';
-export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen } 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 { default as isSafari } from './helpers/is-safari.js';
-export { isEmptyChildren } from './helpers/is-empty-children.js';
-export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
-export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
-export { prefetchQueries } from './helpers/prefetch-queries.js';
-export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
-export { loadScript } from './helpers/load-script.js';
-export { validateEmail } from './helpers/email.js';
-export { genVariable } from './helpers/css-variable.js';
-export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
-export { isDefined } from './helpers/is-defined.js';
-export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
-export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
-export { composeCornerCss, composeRadius, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
-export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.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 { RenderIf, composeMemo, dataStringify, props, styles, template } from './helpers/render.js';
-export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
-export { composeSize, composeSizeCss, genSizeClass } from './helpers/size.js';
-export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { composeBackgroundCss, getStyleBackgroundByDevice } from './helpers/background.js';
-export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
-export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.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 } from './hooks/shop/use-products-query.js';
-export { useCurrentDevice } from './hooks/use-current-device.js';
-export { 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 { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, 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';
-import * as shop from './types/shop.js';
-export { shop as ShopType };
-export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.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{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{CollectionProvider,useCollectionStore}from"./contexts/CollectionContext.js";export{ModalProvider,useModalStore}from"./contexts/ModalContext.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{composeBorderCss,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn}from"./helpers/borders.js";export{cls}from"./helpers/cls.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{default as isSafari}from"./helpers/is-safari.js";export{isEmptyChildren}from"./helpers/is-empty-children.js";export{makeAspectRatio,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleResponsive,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined}from"./helpers/make-style.js";export{normalizeBuilderData}from"./helpers/normalize-builder-data.js";export{prefetchQueries}from"./helpers/prefetch-queries.js";export{composeSpacing,getSpacingVariable}from"./helpers/spacing.js";export{loadScript}from"./helpers/load-script.js";export{validateEmail}from"./helpers/email.js";export{genVariable}from"./helpers/css-variable.js";export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle}from"./helpers/layout.js";export{isDefined}from"./helpers/is-defined.js";export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor}from"./helpers/colors.js";export{composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass}from"./helpers/typography.js";export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState}from"./helpers/radius.js";export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption}from"./helpers/product.js";import*as e from"./helpers/tracking/fpixel.js";import*as o from"./helpers/tracking/gtag.js";import*as r from"./helpers/tracking/tiktokpixel.js";export{RenderIf,composeMemo,dataStringify,props,styles,template}from"./helpers/render.js";export{baseAssetURL,isLocalEnv}from"./helpers/convert.js";export{composeSize,composeSizeCss,genSizeClass}from"./helpers/size.js";export{composeShadowCss,getStyleShadow,getStyleShadowState,parseValueWithUnit}from"./helpers/shadow.js";export{composeBackgroundCss,getStyleBackgroundByDevice}from"./helpers/background.js";export{generateCollectionQueryKey,generateProductQueryKey,generateProductsQueryKey}from"./helpers/query.js";export{composeAdvanceStyle,splitStyle}from"./helpers/compose-advance-style.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}from"./hooks/shop/use-products-query.js";export{useCurrentDevice}from"./hooks/use-current-device.js";export{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{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,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 t from"./types/shop.js";export{OptionNormalStyle,OptionSpecialStyle}from"./types/global-style.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,r as tiktokpixel,t as ShopType};

package/dist/esm/types/global-style.js

@@ -1,11 +1 @@
-const OptionNormalStyle = [
-    'radio_buttons',
-    'dropdown'
-];
-const OptionSpecialStyle = [
-    'color',
-    'image',
-    'rectangle_list'
-];
-
-export { OptionNormalStyle, OptionSpecialStyle };
+let OptionNormalStyle=["radio_buttons","dropdown"],OptionSpecialStyle=["color","image","rectangle_list","image_shopify"];export{OptionNormalStyle,OptionSpecialStyle};