@gem-sdk/core 1.14.0-next.96 → 1.14.0

package/dist/esm/hooks/useFormatMoney.js

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

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

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

package/dist/esm/hooks/useLoadScript.js

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

package/dist/esm/hooks/useMoney.js

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

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,111 @@
-import{useCallback as e,useMemo as t}from"react";import{useProductStore as r}from"../contexts/ProductContext.js";import{flattenConnection as u}from"../helpers/flatten-connection.js";import"swr";import{getSelectedVariant as n}from"../helpers/product.js";import"../helpers/convert.js";import{checkInStock as a}from"../helpers/variant.js";let useUniqProductID=()=>r(e=>e.uiqueId),useProduct=()=>r(e=>e.product),useFeaturedImageGlobal=()=>r(e=>e.featuredImageGlobal),useProductProperties=()=>r(e=>e.properties),useQuantity=()=>{let u=r(e=>e.quantity),n=r(e=>e.decrementQuantity),a=r(e=>e.incrementQuantity),s=r(e=>e.setQuantity),i=e(()=>{s(1)},[s]);return t(()=>({quantity:u,increment:a,decrement:n,reset:i,setQuantity:s}),[n,a,u,i,s])},useSelectedOption=()=>{let u=r(e=>e.setSelectedOption),n=r(e=>e.selectedOptions),a=r(e=>e.forceSelectedOption),s=e((e,t)=>{u(e,t)},[u]);return t(()=>({selectedOptions:n,setSelectedOption:s,forceSelectedOption:a}),[n,s,a])},useVariants=()=>{let e=r(e=>e.product?.variants);return u(e)},useVariant=e=>{let r=useVariants();return t(()=>r?.find(t=>t?.id===e),[e,r])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),r=useVariants();return t(()=>n(r,e),[e,r])},useCurrentVariantInStock=()=>{let e=useCurrentVariant(),t=a(e);return t},useVariantOutStock=(e,t)=>{let{selectedOptions:r}=useSelectedOption(),u=useVariants(),s=n(u,{...r,[e]:t}),i=a(s);return!i},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:u}=r,n=u?.some(r=>r?.name===e&&r.value===t),s=a(r);return n&&s}return!1})};export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useProduct,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants};
+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 };

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/index.js

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

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

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