@gem-sdk/core 1.13.38 → 1.14.0-next.103

package/dist/esm/helpers/typography.js

@@ -1,96 +1,17 @@
-import { getSingleColorVariable } from './colors.js';
-import { removeNullUndefined, makeStyle, makeStyleResponsive } from './make-style.js';
-
-const genTypoClass = (name)=>{
-    return `g-${name}`;
-};
-const composeTypographyCss = (typography)=>{
-    const typographyCustom = typography?.custom;
-    const { fontFamily , fontSize , fontStyle , fontWeight , lineHeight , letterSpacing  } = typographyCustom?.desktop ?? {};
-    return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
-  ${fontSize ? `font-size: ${fontSize};` : ''}
-  ${fontStyle ? `font-style: ${fontStyle};` : ''}
-  ${fontWeight ? `font-weight: ${fontWeight};` : ''}
-  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight};` : ''}
-  `;
-};
-const composeTypographyV2Css = (typography)=>{
-    const typographyCustom = typography?.custom;
-    const { fontFamily , fontSize , fontWeight , lineHeight , letterSpacing  } = typographyCustom ?? {};
-    const typographyAttrs = typography?.attrs;
-    const { bold , italic , underline , transform  } = typographyAttrs ?? {};
-    return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
-  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
-  ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
-  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight};` : ''}
-  ${italic ? `font-style: italic;` : ''}
-  ${underline ? `text-decoration-line: underline;` : ''}
-  ${transform ? `text-transform: ${transform};` : ''}
-  `;
-};
-function getCustomCSSByDevice(typography, device) {
-    if (!typography || !device) return {};
-    const suffix = device === 'desktop' || !device ? '' : `-${device}`;
-    const { fontFamily  } = typography?.[device] ?? {};
-    return {
-        [`--size${suffix}`]: typography?.[device]?.fontSize,
-        [`--lh${suffix}`]: typography?.[device]?.lineHeight,
-        [`--fs${suffix}`]: typography?.[device]?.fontStyle,
-        [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
-        [`--weight${suffix}`]: typography?.[device]?.fontWeight,
-        [`--ls${suffix}`]: typography?.[device]?.letterSpacing
-    };
-}
-const composeTypography = (typography)=>{
-    if (!typography) return {};
-    return removeNullUndefined({
-        ...getCustomCSSByDevice(typography, 'desktop'),
-        ...getCustomCSSByDevice(typography, 'tablet'),
-        ...getCustomCSSByDevice(typography, 'mobile')
-    });
-};
-const composeTypographyV2 = (value, attrs)=>{
-    if (!value) return {};
-    return removeNullUndefined({
-        ...makeStyle({
-            fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, ${value.fontFamily})` : undefined,
-            weight: !attrs?.bold ? value?.fontWeight : undefined,
-            ls: value?.letterSpacing,
-            lh: value?.lineHeight
-        }),
-        ...makeStyleResponsive('size', value?.fontSize)
-    });
-};
-const composeTypographyAttr = (attrs)=>{
-    if (!attrs) return {};
-    return removeNullUndefined({
-        ...makeStyle({
-            fs: attrs?.italic ? 'italic' : undefined,
-            weight: attrs?.bold ? 'bold' : undefined,
-            c: getSingleColorVariable(attrs?.color),
-            tt: attrs?.transform,
-            tdl: attrs?.underline ? 'underline' : undefined
-        })
-    });
-};
-const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
-};
-const composeTypographyStyle = (typo, typography, disableAttr)=>{
-    if (typo) {
-        return {
-            ...composeTypographyV2(typo.custom, typo.attrs),
-            ...!disableAttr && composeTypographyAttr(typo.attrs)
-        };
-    }
-    return {
-        ...!typography?.type ? composeTypography(typography?.custom) : {}
-    };
-};
-
-export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
+import{getSingleColorVariable as o}from"./colors.js";import{removeNullUndefined as t,makeStyle as e,makeStyleResponsive as p}from"./make-style.js";let genTypoClass=o=>`g-${o}`,composeTypographyCss=o=>{let t=o?.custom,{fontFamily:e,fontSize:p,fontStyle:s,fontWeight:i,lineHeight:y,letterSpacing:r}=t?.desktop??{};return`
+  ${e?`font-family: var(--g-font-${e}, ${e});`:""}
+  ${p?`font-size: ${p};`:""}
+  ${s?`font-style: ${s};`:""}
+  ${i?`font-weight: ${i};`:""}
+  ${r?`letter-spacing: ${r};`:""}
+  ${y?`line-height: ${y};`:""}
+  `},composeTypographyV2Css=o=>{let t=o?.custom,{fontFamily:e,fontSize:p,fontWeight:s,lineHeight:i,letterSpacing:y}=t??{},r=o?.attrs,{bold:l,italic:a,underline:n,transform:g}=r??{};return`
+  ${e?`font-family: var(--g-font-${e}, ${e});`:""}
+  ${p?.desktop?`font-size: ${p?.desktop};`:""}
+  ${l?"font-weight: bold;":s?`font-weight: ${s};`:""}
+  ${y?`letter-spacing: ${y};`:""}
+  ${i?`line-height: ${i};`:""}
+  ${a?"font-style: italic;":""}
+  ${n?"text-decoration-line: underline;":""}
+  ${g?`text-transform: ${g};`:""}
+  `};function getCustomCSSByDevice(o,t){if(!o||!t)return{};let e="desktop"!==t&&t?`-${t}`:"",{fontFamily:p}=o?.[t]??{};return{[`--size${e}`]:o?.[t]?.fontSize,[`--lh${e}`]:o?.[t]?.lineHeight,[`--fs${e}`]:o?.[t]?.fontStyle,[`--ff${e}`]:p?`var(--g-font-${p}, ${p})`:void 0,[`--weight${e}`]:o?.[t]?.fontWeight,[`--ls${e}`]:o?.[t]?.letterSpacing}}let composeTypography=o=>o?t({...getCustomCSSByDevice(o,"desktop"),...getCustomCSSByDevice(o,"tablet"),...getCustomCSSByDevice(o,"mobile")}):{},composeTypographyV2=(o,s)=>o?t({...e({fs:s?.italic?void 0:o?.fontStyle,ff:o?.fontFamily?`var(--g-font-${o.fontFamily.replace(/ /g,"-")}, ${o.fontFamily})`:void 0,weight:s?.bold?void 0:o?.fontWeight,ls:o?.letterSpacing,lh:o?.lineHeight}),...p("size",o?.fontSize)}):{},composeTypographyAttr=p=>p?t({...e({fs:p?.italic?"italic":void 0,weight:p?.bold?"bold":void 0,c:o(p?.color),tt:p?.transform,tdl:p?.underline?"underline":void 0})}):{},composeTypographyClassName=(o,t)=>o?o?.type&&!o.custom?genTypoClass(o.type):"":t?.type&&genTypoClass(t?.type),composeTypographyStyle=(o,t,e)=>o?{...composeTypographyV2(o.custom,o.attrs),...!e&&composeTypographyAttr(o.attrs)}:{...t?.type?{}:composeTypography(t?.custom)};export{composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass};

package/dist/esm/helpers/variant.js

@@ -1,6 +1 @@
-function checkInStock(variant) {
-    if (!variant) return false;
-    return variant?.inventoryQuantity && variant.inventoryQuantity > 0 || !variant?.manageInventory || variant.inventoryPolicy === 'CONTINUE';
-}
-
-export { checkInStock };
+function checkInStock(n){return!!n&&(n?.inventoryQuantity&&n.inventoryQuantity>0||!n?.manageInventory||"CONTINUE"===n.inventoryPolicy)}export{checkInStock};

package/dist/esm/hooks/cart/use-add-to-cart.js

@@ -1,18 +1 @@
-import { addToCartOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useAddToCart = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('add-to-cart', (_, { arg  })=>addToCartOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useAddToCart };
+import{addToCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import t from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useAddToCart=e=>{let m=s(),{mutate:a}=o();return t("add-to-cart",(o,{arg:t})=>r(m)(t),{...e,onSuccess:(r,o,t)=>{a("cart",r,!1),e?.onSuccess?.(r,o,t)}})};export{useAddToCart};

package/dist/esm/hooks/cart/use-cart-data.js

@@ -1,26 +1 @@
-import { getCartOperation } from '@gem-sdk/adapter-shopify';
-import useSWR from 'swr';
-import { useStoreFront } from '../shop.js';
-import useCartId from '../useCartId.js';
-
-const useCartData = (options)=>{
-    const { cartId , clearCartId  } = useCartId();
-    const shop = useStoreFront();
-    return useSWR(cartId ? 'cart' : null, ()=>getCartOperation(shop)({
-            cartId: cartId
-        }), {
-        revalidateOnMount: true,
-        revalidateOnFocus: true,
-        keepPreviousData: false,
-        dedupingInterval: 2000,
-        ...options,
-        onSuccess (data, key, config) {
-            if (!data) {
-                clearCartId();
-            }
-            options?.onSuccess?.(data, key, config);
-        }
-    });
-};
-
-export { useCartData };
+import{getCartOperation as r}from"@gem-sdk/adapter-shopify";import e from"swr";import{useStoreFront as t}from"../shop.js";import a from"../useCartId.js";let useCartData=o=>{let{cartId:s,clearCartId:u}=a(),p=t();return e(s?"cart":null,()=>r(p)({cartId:s}),{revalidateOnMount:!0,revalidateOnFocus:!0,keepPreviousData:!1,dedupingInterval:2e3,...o,onSuccess(r,e,t){r||u(),o?.onSuccess?.(r,e,t)}})};export{useCartData};

package/dist/esm/hooks/cart/use-cart-discount-codes-update.js

@@ -1,18 +1 @@
-import { cartDiscountCodesUpdateOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCartDiscountCodesUpdate = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('cart-discount-codes-update', (_, { arg  })=>cartDiscountCodesUpdateOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCartDiscountCodesUpdate };
+import{cartDiscountCodesUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import r from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useCartDiscountCodesUpdate=e=>{let p=s(),{mutate:a}=o();return r("cart-discount-codes-update",(o,{arg:r})=>t(p)(r),{...e,onSuccess:(t,o,r)=>{a("cart",t,!1),e?.onSuccess?.(t,o,r)}})};export{useCartDiscountCodesUpdate};

package/dist/esm/hooks/cart/use-cart-note-update.js

@@ -1,18 +1 @@
-import { cartNoteUpdateOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCartNoteUpdate = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('cart-note-update', (_, { arg  })=>cartNoteUpdateOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCartNoteUpdate };
+import{cartNoteUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import o from"swr/mutation";import{useStoreFront as e}from"../shop.js";let useCartNoteUpdate=s=>{let p=e(),{mutate:a}=r();return o("cart-note-update",(r,{arg:o})=>t(p)(o),{...s,onSuccess:(t,r,o)=>{a("cart",t,!1),s?.onSuccess?.(t,r,o)}})};export{useCartNoteUpdate};

package/dist/esm/hooks/cart/use-create-cart.js

@@ -1,20 +1 @@
-import { createCartOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCreateCart = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('create-cart', (_, { arg  })=>{
-        return createCartOperation(shop)(arg);
-    }, {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCreateCart };
+import{createCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as t}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useCreateCart=s=>{let a=o(),{mutate:m}=t();return e("create-cart",(t,{arg:e})=>r(a)(e),{...s,onSuccess:(r,t,e)=>{m("cart",r,!1),s?.onSuccess?.(r,t,e)}})};export{useCreateCart};

package/dist/esm/hooks/cart/use-remove-cart-item.js

@@ -1,18 +1 @@
-import { removeCartItemOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useRemoveCartItem = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('remove-cart-item', (_, { arg  })=>removeCartItemOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useRemoveCartItem };
+import{removeCartItemOperation as e}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import t from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useRemoveCartItem=m=>{let s=o(),{mutate:p}=r();return t("remove-cart-item",(r,{arg:t})=>e(s)(t),{...m,onSuccess:(e,r,t)=>{p("cart",e,!1),m?.onSuccess?.(e,r,t)}})};export{useRemoveCartItem};

package/dist/esm/hooks/cart/use-update-cart-item.js

@@ -1,18 +1 @@
-import { updateCartLineOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useUpdateCartItem = (options)=>{
-    const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg  })=>updateCartLineOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useUpdateCartItem };
+import{updateCartLineOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useUpdateCartItem=m=>{let s=o(),{mutate:p}=r();return e("update-cart-item",(r,{arg:e})=>t(s)(e),{...m,onSuccess:(t,r,e)=>{p("cart",t,!1),m?.onSuccess?.(t,r,e)}})};export{useUpdateCartItem};

package/dist/esm/hooks/shop/use-collection-query.js

@@ -1,20 +1 @@
-import useSWR from 'swr';
-import { getCollection } from '../../helpers/queries/get-collection.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-import { generateCollectionQueryKey } from '../../helpers/query.js';
-
-const useCollectionQuery = (args, options)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(args ? generateCollectionQueryKey({
-        ...args,
-        isSample,
-        isStorefront
-    }) : null, ([, arg])=>{
-        return getCollection(fetcher, arg);
-    }, options);
-};
-
-export { useCollectionQuery };
+import e from"swr";import{getCollection as r}from"../../helpers/queries/get-collection.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as l}from"../useFetchHandle.js";import{generateCollectionQueryKey as s}from"../../helpers/query.js";let useCollectionQuery=(m,i)=>{let p=l(),u=o(),n=t();return e(m?s({...m,isSample:u,isStorefront:n}):null,([,e])=>r(p,e),i)};export{useCollectionQuery};

package/dist/esm/hooks/shop/use-collections-query.js

@@ -1,15 +1 @@
-import useSWR from 'swr';
-import { getCollections } from '../../helpers/queries/get-collections.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-
-const useCollectionsQuery = (variable, options)=>{
-    const fetcher = useFetchHandle();
-    return useSWR(variable ? [
-        'query/collections',
-        variable
-    ] : null, async ([, arg])=>{
-        return getCollections(fetcher, arg);
-    }, options);
-};
-
-export { useCollectionsQuery };
+import e from"swr";import{getCollections as o}from"../../helpers/queries/get-collections.js";import{useFetchHandle as r}from"../useFetchHandle.js";let useCollectionsQuery=(l,s)=>{let t=r();return e(l?["query/collections",l]:null,async([,e])=>o(t,e),s)};export{useCollectionsQuery};

package/dist/esm/hooks/shop/use-product-query.js

@@ -1,20 +1 @@
-import useSWR from 'swr';
-import { getProduct } from '../../helpers/queries/get-product.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-import { generateProductQueryKey } from '../../helpers/query.js';
-
-const useProductQuery = (productId, options)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(productId ? generateProductQueryKey({
-        id: productId,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProduct(fetcher, arg);
-    }, options);
-};
-
-export { useProductQuery };
+import r from"swr";import{getProduct as e}from"../../helpers/queries/get-product.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as s}from"../useFetchHandle.js";import{generateProductQueryKey as u}from"../../helpers/query.js";let useProductQuery=(m,p)=>{let i=s(),l=o(),c=t();return r(m?u({id:m,isSample:l,isStorefront:c}):null,async([,r])=>e(i,r),p)};export{useProductQuery};

package/dist/esm/hooks/shop/use-products-query.js

@@ -1,20 +1 @@
-import useSWR from 'swr';
-import { getProducts } from '../../helpers/queries/get-products.js';
-import { generateProductsQueryKey } from '../../helpers/query.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-
-const useProductsQuery = (ids, options)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(ids ? generateProductsQueryKey({
-        ids,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProducts(fetcher, arg);
-    }, options);
-};
-
-export { useProductsQuery };
+import r from"swr";import{getProducts as e}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as s}from"../../helpers/query.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as u}from"../useFetchHandle.js";let useProductsQuery=(m,p)=>{let l=u(),i=o(),c=t();return r(m?s({ids:m,isSample:i,isStorefront:c}):null,async([,r])=>e(l,r),p)};export{useProductsQuery};

package/dist/esm/hooks/shop.js

@@ -1,111 +1 @@
-import { useMemo } from 'react';
-import { useSWRConfig } from 'swr';
-import { useShopStore } from '../contexts/ShopContext.js';
-
-const useLocale = ()=>{
-    const locale = useShopStore((state)=>state.locale);
-    const changeLocale = useShopStore((state)=>state.changeLocale);
-    return useMemo(()=>({
-            locale,
-            changeLocale
-        }), [
-        locale,
-        changeLocale
-    ]);
-};
-const useCurrency = ()=>{
-    const currency = useShopStore((state)=>state.currency);
-    const changeCurrency = useShopStore((state)=>state.changeCurrency);
-    return useMemo(()=>({
-            currency,
-            changeCurrency
-        }), [
-        currency,
-        changeCurrency
-    ]);
-};
-const useMoneyFormat = ()=>{
-    const moneyFormat = useShopStore((state)=>state.moneyFormat);
-    const moneyWithCurrencyFormat = useShopStore((state)=>state.moneyWithCurrencyFormat);
-    return useMemo(()=>({
-            moneyFormat,
-            moneyWithCurrencyFormat
-        }), [
-        moneyFormat,
-        moneyWithCurrencyFormat
-    ]);
-};
-const useSwatches = ()=>{
-    const swatches = useShopStore((state)=>state.swatches);
-    const changeSwatches = useShopStore((state)=>state.changeSwatches);
-    return useMemo(()=>({
-            swatches,
-            changeSwatches
-        }), [
-        swatches,
-        changeSwatches
-    ]);
-};
-const usePageType = ()=>{
-    const pageType = useShopStore((state)=>state.pageType);
-    return useMemo(()=>pageType || 'STATIC', [
-        pageType
-    ]);
-};
-const useStoreFront = ()=>{
-    const provider = useShopStore((state)=>state.provider);
-    const storefrontToken = useShopStore((state)=>state.storefrontToken);
-    const storefrontUrl = useShopStore((state)=>state.storefrontUrl);
-    return {
-        provider,
-        storefrontToken,
-        storefrontUrl
-    };
-};
-const usePluginEnable = ()=>{
-    return useShopStore((state)=>state.plugins);
-};
-const useEditorMode = ()=>{
-    return useShopStore((state)=>state.mode);
-};
-const useMobileOnly = ()=>{
-    return useShopStore((state)=>state.mobileOnly);
-};
-const useMatchMutate = ()=>{
-    const { cache , mutate  } = useSWRConfig();
-    return (matcher, opts)=>{
-        if (!(cache instanceof Map)) {
-            throw new Error('matchMutate requires the cache provider to be a Map instance');
-        }
-        const keys = [];
-        cache.forEach((_, key)=>{
-            if (matcher.test(key)) {
-                keys.push(key);
-            }
-        });
-        const mutations = keys.map((key)=>{
-            const cacheData = cache.get(key);
-            return mutate(key, cacheData?.data, opts);
-        });
-        return Promise.all(mutations);
-    };
-};
-function useConnectedShopify() {
-    const { storefrontToken  } = useStoreFront();
-    return !!storefrontToken;
-}
-function useIsSampleProduct() {
-    const { storefrontToken  } = useStoreFront();
-    const isStorefront = useShopStore((state)=>state.isStorefront);
-    return isStorefront && !storefrontToken;
-}
-function useIsStorefrontProduct() {
-    return useShopStore((state)=>state.isStorefront);
-}
-function useCheckoutUrl(url) {
-    const { storefrontToken  } = useStoreFront();
-    if (!url) return undefined;
-    return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
-}
-
-export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsSampleProduct, useIsStorefrontProduct, useLocale, useMatchMutate, useMobileOnly, useMoneyFormat, usePageType, usePluginEnable, useStoreFront, useSwatches };
+import{useMemo as e}from"react";import{useSWRConfig as t}from"swr";import{useShopStore as r}from"../contexts/ShopContext.js";let useLocale=()=>{let t=r(e=>e.locale),o=r(e=>e.changeLocale);return e(()=>({locale:t,changeLocale:o}),[t,o])},useCurrency=()=>{let t=r(e=>e.currency),o=r(e=>e.changeCurrency);return e(()=>({currency:t,changeCurrency:o}),[t,o])},useMoneyFormat=()=>{let t=r(e=>e.moneyFormat),o=r(e=>e.moneyWithCurrencyFormat);return e(()=>({moneyFormat:t,moneyWithCurrencyFormat:o}),[t,o])},useSwatches=()=>{let t=r(e=>e.swatches),o=r(e=>e.changeSwatches);return e(()=>({swatches:t,changeSwatches:o}),[t,o])},usePageType=()=>{let t=r(e=>e.pageType);return e(()=>t||"STATIC",[t])},useStoreFront=()=>{let e=r(e=>e.provider),t=r(e=>e.storefrontToken),o=r(e=>e.storefrontUrl);return{provider:e,storefrontToken:t,storefrontUrl:o}},usePluginEnable=()=>r(e=>e.plugins),useEditorMode=()=>r(e=>e.mode),useMobileOnly=()=>r(e=>e.mobileOnly),useMatchMutate=()=>{let{cache:e,mutate:r}=t();return(t,o)=>{if(!(e instanceof Map))throw Error("matchMutate requires the cache provider to be a Map instance");let u=[];e.forEach((e,r)=>{t.test(r)&&u.push(r)});let n=u.map(t=>{let u=e.get(t);return r(t,u?.data,o)});return Promise.all(n)}};function useConnectedShopify(){let{storefrontToken:e}=useStoreFront();return!!e}function useIsSampleProduct(){let{storefrontToken:e}=useStoreFront(),t=r(e=>e.isStorefront);return t&&!e}function useIsStorefrontProduct(){return r(e=>e.isStorefront)}function useCheckoutUrl(e){let{storefrontToken:t}=useStoreFront();if(e)return t?`${e}?access_token=${t}`:e}export{useCheckoutUrl,useConnectedShopify,useCurrency,useEditorMode,useIsSampleProduct,useIsStorefrontProduct,useLocale,useMatchMutate,useMobileOnly,useMoneyFormat,usePageType,usePluginEnable,useStoreFront,useSwatches};

package/dist/esm/hooks/use-current-device.js

@@ -1,19 +1 @@
-import { useSyncExternalStore } from 'react';
-
-function subscribe(callback) {
-    window.addEventListener('resize', callback);
-    return ()=>window.removeEventListener('resize', callback);
-}
-const useCurrentDevice = ()=>{
-    return useSyncExternalStore(subscribe, ()=>{
-        if (window.innerWidth < 768) {
-            return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
-            return 'tablet';
-        } else {
-            return 'desktop';
-        }
-    }, ()=>'desktop');
-};
-
-export { useCurrentDevice };
+import{useSyncExternalStore as e}from"react";function subscribe(e){return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}let useCurrentDevice=()=>e(subscribe,()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1024?"tablet":"desktop",()=>"desktop");export{useCurrentDevice};

package/dist/esm/hooks/use-lazy-video.js

@@ -1,13 +1 @@
-import { useEffect } from 'react';
-import LazyLoad from 'vanilla-lazyload';
-
-const useLazyVideo = ()=>{
-    useEffect(()=>{
-        const lazyLoadInstance = new LazyLoad({
-            use_native: true
-        });
-        lazyLoadInstance.update();
-    }, []);
-};
-
-export { useLazyVideo };
+import{useEffect as e}from"react";import a from"vanilla-lazyload";let useLazyVideo=()=>{e(()=>{let e=new a({use_native:!0});e.update()},[])};export{useLazyVideo};

package/dist/esm/hooks/useCartId.js

@@ -1,40 +1 @@
-import { useSyncExternalStore, useCallback, useMemo } from 'react';
-
-const cartKey = 'cart-id';
-const getCartId = ()=>{
-    return window.localStorage.getItem(cartKey);
-};
-const writeCartId = (value)=>{
-    if (value) {
-        window.localStorage.setItem(cartKey, value);
-    }
-};
-const removeCartId = ()=>{
-    window.localStorage.removeItem(cartKey);
-};
-const subscribeStorage = (callback)=>{
-    window.addEventListener('storage', callback);
-    return ()=>{
-        window.removeEventListener('storage', callback);
-    };
-};
-const useCartId = ()=>{
-    const cartId = useSyncExternalStore(subscribeStorage, getCartId, ()=>undefined);
-    const updateCartId = useCallback((val)=>{
-        writeCartId(val);
-    }, []);
-    const clearCartId = useCallback(()=>{
-        removeCartId();
-    }, []);
-    return useMemo(()=>({
-            cartId,
-            updateCartId,
-            clearCartId
-        }), [
-        cartId,
-        clearCartId,
-        updateCartId
-    ]);
-};
-
-export { useCartId as default };
+import{useSyncExternalStore as e,useCallback as t,useMemo as r}from"react";let cartKey="cart-id",getCartId=()=>window.localStorage.getItem(cartKey),writeCartId=e=>{e&&window.localStorage.setItem(cartKey,e)},removeCartId=()=>{window.localStorage.removeItem(cartKey)},subscribeStorage=e=>(window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}),useCartId=()=>{let a=e(subscribeStorage,getCartId,()=>void 0),o=t(e=>{writeCartId(e)},[]),d=t(()=>{removeCartId()},[]);return r(()=>({cartId:a,updateCartId:o,clearCartId:d}),[a,d,o])};export{useCartId as default};

package/dist/esm/hooks/useCartLine.js

@@ -1,7 +1 @@
-import { useCartLineStore } from '../contexts/CartLineContext.js';
-
-const useCartLine = ()=>{
-    return useCartLineStore((s)=>s.line);
-};
-
-export { useCartLine as default };
+import{useCartLineStore as e}from"../contexts/CartLineContext.js";let useCartLine=()=>e(e=>e.line);export{useCartLine as default};

package/dist/esm/hooks/useCartUI.js

@@ -1,44 +1 @@
-import { useCallback } from 'react';
-import { create } from 'zustand';
-import { usePluginEnable } from './shop.js';
-
-const useStore = create((set)=>({
-        isCartOpen: false,
-        setOpen: (isCartOpen)=>{
-            const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
-            const computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);
-            if (isCartOpen) {
-                document.body.style.overflow = `hidden`;
-                document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarGap}px`;
-            } else {
-                document.body.style.overflow = '';
-                document.body.style.paddingRight = '';
-            }
-            set({
-                isCartOpen
-            });
-        }
-    }));
-function useCartUI() {
-    const plugins = usePluginEnable();
-    const isCartOpen = useStore((s)=>s.isCartOpen);
-    const setOpen = useStore((s)=>s.setOpen);
-    const openCart = useCallback(()=>{
-        if (plugins?.includes('cart-drawer')) {
-            setOpen(true);
-        }
-    }, [
-        plugins,
-        setOpen
-    ]);
-    const closeCart = useCallback(()=>setOpen(false), [
-        setOpen
-    ]);
-    return {
-        isCartOpen,
-        openCart,
-        closeCart
-    };
-}
-
-export { useCartUI as default };
+import{useCallback as e}from"react";import{create as t}from"zustand";import{usePluginEnable as o}from"./shop.js";let useStore=t(e=>({isCartOpen:!1,setOpen:t=>{let o=window.innerWidth-document.documentElement.clientWidth,d=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);t?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${d+o}px`):(document.body.style.overflow="",document.body.style.paddingRight=""),e({isCartOpen:t})}}));function useCartUI(){let t=o(),d=useStore(e=>e.isCartOpen),n=useStore(e=>e.setOpen),r=e(()=>{t?.includes("cart-drawer")&&n(!0)},[t,n]),i=e(()=>n(!1),[n]);return{isCartOpen:d,openCart:r,closeCart:i}}export{useCartUI as default};

package/dist/esm/hooks/useCollection.js

@@ -1,7 +1 @@
-import { useCollectionStore } from '../contexts/CollectionContext.js';
-
-const useCollection = ()=>{
-    return useCollectionStore((s)=>s.collection);
-};
-
-export { useCollection };
+import{useCollectionStore as o}from"../contexts/CollectionContext.js";let useCollection=()=>o(o=>o.collection);export{useCollection};

package/dist/esm/hooks/useFetchHandle.js

@@ -1,11 +1 @@
-import { useSWRConfig } from 'swr';
-
-const useFetchHandle = ()=>{
-    const { fetcher  } = useSWRConfig();
-    if (!fetcher) {
-        throw new Error('Application must be init within a fetcher');
-    }
-    return fetcher;
-};
-
-export { useFetchHandle };
+import{useSWRConfig as e}from"swr";let useFetchHandle=()=>{let{fetcher:t}=e();if(!t)throw Error("Application must be init within a fetcher");return t};export{useFetchHandle};