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

package/dist/esm/helpers/typography.js

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

package/dist/esm/helpers/variant.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/hooks/shop.js

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

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

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

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

@@ -1 +1,13 @@
-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};
+import { useEffect } from 'react';
+import LazyLoad from 'vanilla-lazyload';
+
+const useLazyVideo = ()=>{
+    useEffect(()=>{
+        const lazyLoadInstance = new LazyLoad({
+            use_native: true
+        });
+        lazyLoadInstance.update();
+    }, []);
+};
+
+export { useLazyVideo };

package/dist/esm/hooks/useCartId.js

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

package/dist/esm/hooks/useCartLine.js

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

package/dist/esm/hooks/useCartUI.js

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

package/dist/esm/hooks/useCollection.js

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

package/dist/esm/hooks/useFetchHandle.js

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