@gem-sdk/core 1.13.38 → 1.13.42

package/dist/cjs/hooks/useProduct.js

@@ -75,7 +75,7 @@ const useVariant = (id)=>{
     ]);
 };
 const useCurrentVariant = ()=>{
-    const { selectedOptions  } = useSelectedOption();
+    const { selectedOptions } = useSelectedOption();
     const variants = useVariants();
     return react.useMemo(()=>product.getSelectedVariant(variants, selectedOptions), [
         selectedOptions,
@@ -88,7 +88,7 @@ const useCurrentVariantInStock = ()=>{
     return isInStock;
 };
 const useVariantOutStock = (optionId, optionValue)=>{
-    const { selectedOptions  } = useSelectedOption();
+    const { selectedOptions } = useSelectedOption();
     const variants = useVariants();
     const matchedVariant = product.getSelectedVariant(variants, {
         ...selectedOptions,
@@ -99,18 +99,15 @@ const useVariantOutStock = (optionId, optionValue)=>{
 };
 const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
     const variants = useVariants();
-    let available = false;
-    variants.forEach((item)=>{
+    return variants ? variants.some((item)=>{
         if (item) {
-            const { selectedOptions  } = item;
-            const opt = selectedOptions?.find((option)=>option?.name === optionId && option.value === optionValue);
+            const { selectedOptions } = item;
+            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
             const isInStock = variant.checkInStock(item);
-            if (opt && isInStock) {
-                available = true;
-            }
+            return opt && isInStock;
         }
-    });
-    return available;
+        return false;
+    }) : false;
 };
 
 exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -15,7 +15,7 @@ const initialGlobalSwatchesData = {
     optionValues: []
 };
 const useSwatchesOptions = (options)=>{
-    const { swatches  } = shop.useSwatches();
+    const { swatches } = shop.useSwatches();
     if (!options) return [];
     return options?.map((option)=>{
         const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {

package/dist/cjs/index.js

@@ -194,6 +194,7 @@ exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
 exports.getCustomRadius = radius.getCustomRadius;
 exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
 exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
+exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
 exports.parseSelectedOption = product.parseSelectedOption;
 exports.fpixel = fpixel;

package/dist/esm/components/AddOn.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useAddon } from '../contexts/AddonContext.js';
 import { usePluginEnable } from '../hooks/shop.js';
 
-const AddOn = ({ name  })=>{
+const AddOn = ({ name })=>{
     const Comp = useAddon(name);
     const plugins = usePluginEnable();
     if (!plugins?.includes(name)) {

package/dist/esm/components/ComponentWrapper.js

@@ -3,7 +3,7 @@ import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
-const ComponentWrapper = ({ children , ...props })=>{
+const ComponentWrapper = ({ children, ...props })=>{
     if (props.type === 'section') return null;
     const style = composeAdvanceStyle(props.advanced, props.tag);
     const advanced = props.advanced;

package/dist/esm/components/ComponentWrapperPreview.js

@@ -3,7 +3,7 @@ import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
-const ComponentWrapperPreview = ({ children , ...props })=>{
+const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.type === 'section') {
         return null;
     }

package/dist/esm/components/Render.js

@@ -6,7 +6,7 @@ import { useBuilderStore } from '../contexts/BuilderContext.js';
 import ComponentWrapper from './ComponentWrapper.js';
 import RenderSectionMemo from './RenderSection.js';
 
-const Render = ({ uid , ...passProps })=>{
+const Render = ({ uid, ...passProps })=>{
     const item = useBuilderStore((s)=>s.getItem(uid));
     const Component = useBuilderComponent(item?.tag);
     if (!item) return null;
@@ -16,7 +16,7 @@ const Render = ({ uid , ...passProps })=>{
         });
     } else {
         return /*#__PURE__*/ jsx(ErrorBoundary, {
-            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxs(Fragment, {
+            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxs(Fragment, {
                     children: [
                         /*#__PURE__*/ jsx("span", {
                             "aria-label": "Error message",

package/dist/esm/components/Render.liquid.js

@@ -12,7 +12,7 @@ const componentTexts = [
     'Text',
     'Heading'
 ];
-const Render = ({ uid , builder , components , parentId , extraFiles ={} , ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {

package/dist/esm/components/RenderBlock.js

@@ -5,12 +5,12 @@ import { useBuilderComponent } from '../contexts/BuilderComponent.js';
 import { useBuilderStore } from '../contexts/BuilderContext.js';
 import ComponentWrapper from './ComponentWrapper.js';
 
-const RenderBlock = ({ uid  })=>{
+const RenderBlock = ({ uid })=>{
     const item = useBuilderStore((s)=>s.getItem(uid));
     const Component = useBuilderComponent(item?.tag);
     if (!item || item.type === 'section') return null;
     return /*#__PURE__*/ jsx(ErrorBoundary, {
-        fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxs(ComponentWrapper, {
+        fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxs(ComponentWrapper, {
                 ...item,
                 children: [
                     /*#__PURE__*/ jsx("span", {

package/dist/esm/components/RenderPreview.js

@@ -6,7 +6,7 @@ import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import ComponentWrapperPreview from './ComponentWrapperPreview.js';
 import RenderSectionMemo from './RenderSection.js';
 
-const RenderPreview = ({ uid , ...passProps })=>{
+const RenderPreview = ({ uid, ...passProps })=>{
     const item = useBuilderPreviewStore((s)=>s.getItem(uid));
     const Component = useBuilderComponent(item?.tag);
     if (!item) return null;
@@ -16,7 +16,7 @@ const RenderPreview = ({ uid , ...passProps })=>{
         });
     } else {
         return /*#__PURE__*/ jsx(ErrorBoundary, {
-            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxs(ComponentWrapperPreview, {
+            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxs(ComponentWrapperPreview, {
                     ...item,
                     children: [
                         /*#__PURE__*/ jsx("span", {

package/dist/esm/components/RenderSection.js

@@ -4,7 +4,7 @@ import { BuilderProvider } from '../contexts/BuilderContext.js';
 import { useSection } from '../contexts/SectionContext.js';
 import RenderBlockMemo from './RenderBlock.js';
 
-const RenderSection = ({ sectionId  })=>{
+const RenderSection = ({ sectionId })=>{
     const state = useSection(sectionId);
     if (!state) return null;
     return /*#__PURE__*/ jsx(BuilderProvider, {

package/dist/esm/contexts/AddonContext.js

@@ -3,7 +3,7 @@ import { useContext, useMemo, createContext } from 'react';
 import Empty from '../components/Empty.js';
 
 const AddonContext = /*#__PURE__*/ createContext(null);
-const AddonProvider = ({ children , components , ...passProps })=>{
+const AddonProvider = ({ children, components, ...passProps })=>{
     return /*#__PURE__*/ jsx(AddonContext.Provider, {
         ...passProps,
         value: {

package/dist/esm/contexts/BuilderComponent.js

@@ -10,7 +10,7 @@ const createBuilderComponentStore = (components)=>createStore((_, get)=>({
                 return get().components[id];
             }
         }));
-const BuilderComponentProvider = ({ children , components , ...passProps })=>{
+const BuilderComponentProvider = ({ children, components, ...passProps })=>{
     return /*#__PURE__*/ jsx(BuilderComponentContext.Provider, {
         ...passProps,
         value: createBuilderComponentStore(components),

package/dist/esm/contexts/BuilderContext.js

@@ -9,7 +9,7 @@ const createBuilderProvider = (data)=>createStore((_, get)=>({
                 return get().state[id];
             }
         }));
-const BuilderProvider = ({ children , state , lazy , priority , ...passProps })=>{
+const BuilderProvider = ({ children, state, lazy, priority, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
     const store = createBuilderProvider(state);
     return /*#__PURE__*/ jsx(Component, {

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -30,7 +30,7 @@ const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
             state: args,
             loaded: false,
             addItem: (args)=>{
-                const { position , data  } = args;
+                const { position, data } = args;
                 const state = get().state;
                 const dateModified = Date.now();
                 if (args.type === 'section') {
@@ -59,7 +59,7 @@ const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
                         });
                     }
                 } else {
-                    const { id , data  } = args;
+                    const { id, data } = args;
                     const parent = id ? state[id] ?? state.ROOT : state.ROOT;
                     // Can't add item to section
                     if (parent.type === 'section') return;
@@ -156,7 +156,7 @@ const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
                     }
                 }
             },
-            changeItemPropByKey: ({ id , key , data , group  })=>{
+            changeItemPropByKey: ({ id, key, data, group })=>{
                 if (!group || ![
                     'setting',
                     'style',
@@ -340,7 +340,7 @@ const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
                 });
             }
         }));
-const BuilderPreviewProvider = ({ children , state , lazy , ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, lazy, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
     const value = useMemo(()=>{
         return createBuilderPreviewProvider(state);

package/dist/esm/contexts/CartLineContext.js

@@ -6,7 +6,7 @@ const CartLineContext = /*#__PURE__*/ createContext(null);
 const createCartLineStore = (data)=>createStore(()=>({
             ...data
         }));
-const CartLineProvider = ({ children , line  })=>{
+const CartLineProvider = ({ children, line })=>{
     return /*#__PURE__*/ jsx(CartLineContext.Provider, {
         value: createCartLineStore({
             line

package/dist/esm/contexts/CollectionContext.js

@@ -5,13 +5,13 @@ import { useStore, createStore } from 'zustand';
 const CollectionContext = /*#__PURE__*/ createContext(null);
 const createCollectionProvider = (data)=>createStore((set)=>({
             ...data,
-            changeCollectionStore: ({ collection  })=>{
+            changeCollectionStore: ({ collection })=>{
                 set({
                     collection: collection
                 });
             }
         }));
-const CollectionProvider = ({ collection , children  })=>{
+const CollectionProvider = ({ collection, children })=>{
     const store = useMemo(()=>{
         return createCollectionProvider({
             collection

package/dist/esm/contexts/ModalContext.js

@@ -24,7 +24,7 @@ const createModalProvider = (data)=>createStore((set)=>({
                 });
             }
         }));
-const ModalProvider = ({ children , activeId , ...passProps })=>{
+const ModalProvider = ({ children, activeId, ...passProps })=>{
     const store = createModalProvider(activeId);
     return /*#__PURE__*/ jsx(ModalContext.Provider, {
         ...passProps,

package/dist/esm/contexts/ProductContext.js

@@ -94,7 +94,7 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
                 });
             }
         }));
-const ProductProvider = ({ children , product , initialVariantId , quantity =1  })=>{
+const ProductProvider = ({ children, product, initialVariantId, quantity = 1 })=>{
     const uiqueId = useId();
     const store = useMemo(()=>{
         let selectedOptions = {};

package/dist/esm/contexts/ProductListContext.js

@@ -6,7 +6,7 @@ const ProductListContext = /*#__PURE__*/ createContext(null);
 const createProductListProvider = (data)=>createStore(()=>({
             ...data
         }));
-const ProductListProvider = ({ children , collection , products , settings , styles  })=>{
+const ProductListProvider = ({ children, collection, products, settings, styles })=>{
     return /*#__PURE__*/ jsx(ProductListContext.Provider, {
         value: createProductListProvider({
             products,

package/dist/esm/contexts/SectionContext.js

@@ -22,14 +22,14 @@ const createSectionProvider = (data)=>createStore((set, get)=>({
             },
             removeSection: (id)=>{
                 set((prev)=>{
-                    const { [id]: _ , ...rest } = prev.data;
+                    const { [id]: _, ...rest } = prev.data;
                     return {
                         data: rest
                     };
                 });
             }
         }));
-const SectionProvider = ({ children , data , ...passProps })=>{
+const SectionProvider = ({ children, data, ...passProps })=>{
     return /*#__PURE__*/ jsx(SectionContext.Provider, {
         ...passProps,
         value: createSectionProvider(data),

package/dist/esm/contexts/ShopContext.js

@@ -30,14 +30,14 @@ const createShopStoreProvider = (data)=>createStore((set)=>({
                     layoutSettings
                 });
             },
-            changeStorefrontInfo: ({ url , token  })=>{
+            changeStorefrontInfo: ({ url, token })=>{
                 set({
                     storefrontUrl: url,
                     storefrontToken: token
                 });
             }
         }));
-const ShopProvider = ({ children , addons , storeOption , queryOption , ...passProps })=>{
+const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
     const store = useMemo(()=>createShopStoreProvider(storeOption), [
         storeOption
     ]);

package/dist/esm/helpers/borders.js

@@ -165,7 +165,7 @@ const handleConvertClassColorDynamicBtn = (value)=>{
 };
 const composeBorderCss = (borderV)=>{
     if (!borderV) return '';
-    const { border , width , color  } = borderV;
+    const { border, width, color } = borderV;
     return `${border ? `border-style: ${border};` : ''}
   ${width ? `border-width: ${width};` : ''}
   ${color ? `border-color: ${getSingleColorVariable(color)};` : ''}

package/dist/esm/helpers/compose-advance-style.js

@@ -5,8 +5,8 @@ import { makeStyleKey } from './make-style.js';
 import { composeRadius, getCornerCSSFromGlobal } from './radius.js';
 import { getStyleShadowState, getStyleShadow } from './shadow.js';
 
-const composeSpacing = ({ source , spacing , type , suffix =''  })=>{
-    const { top , left , bottom , right  } = spacing;
+const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
+    const { top, left, bottom, right } = spacing;
     if (top) source[`--${type}t${suffix}`] = top;
     if (left) source[`--${type}l${suffix}`] = left;
     if (bottom) source[`--${type}b${suffix}`] = bottom;

package/dist/esm/helpers/product.js

@@ -1,3 +1,5 @@
+import { checkInStock } from './variant.js';
+
 function getSelectedVariant(variants, choices) {
     /**
    * Ensure the user has selected all the required options, not just some.
@@ -14,7 +16,7 @@ function parseSelectedOption(options) {
     if (!options || options && options.length === 0) {
         return;
     }
-    return options.reduce((acc, { name , value  })=>{
+    return options.reduce((acc, { name, value })=>{
         if (name && value) {
             return {
                 ...acc,
@@ -24,5 +26,16 @@ function parseSelectedOption(options) {
         return acc;
     }, {});
 }
+function checkAvailableVariantInStock(variants, optionId, optionValue) {
+    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 { getSelectedVariant, parseSelectedOption };
+export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption };

package/dist/esm/helpers/queries/get-collection.js

@@ -169,7 +169,7 @@ const mergeProductCollectionVariant = async (fetcher, collection, isSample)=>{
     };
     return newCollection;
 };
-const fetchVariantsByBaseIds = async (fetcher, { ids , isSample , isStorefront  })=>{
+const fetchVariantsByBaseIds = async (fetcher, { ids, isSample, isStorefront })=>{
     const chunkedIds = chunkArray(ids ?? [], 8);
     const defaultEdges = [];
     const query = async (variables)=>{

package/dist/esm/helpers/queries/get-product.js

@@ -2,7 +2,7 @@ import { ProductLittleDetailDocument } from '../../graphql/queries/product-littl
 import { ProductMediasDocument } from '../../graphql/queries/product-medias.generated.js';
 import { ProductVariantsDocument } from '../../graphql/queries/product-variants.generated.js';
 
-const getProduct = async (fetcher, { id , isSample , isStorefront  })=>{
+const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     const [product, variants, medias] = await Promise.all([
         fetchProduct(fetcher, {
             id,
@@ -37,7 +37,7 @@ const orderBy = {
     field: 'CREATED_AT',
     direction: 'DESC'
 };
-const fetchProduct = async (fetcher, { id , isSample , isStorefront  })=>{
+const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{
     const variables = {
         orderBy,
         where: {
@@ -59,7 +59,7 @@ const fetchProduct = async (fetcher, { id , isSample , isStorefront  })=>{
     ]);
     return response.product?.edges?.[0]?.node;
 };
-const fetchVariants = async (fetcher, { id , isSample , isStorefront  })=>{
+const fetchVariants = async (fetcher, { id, isSample, isStorefront })=>{
     const initVariables = {
         orderBy,
         where: {
@@ -100,7 +100,7 @@ const fetchVariants = async (fetcher, { id , isSample , isStorefront  })=>{
     };
     return query(initVariables, []);
 };
-const fetchMedias = async (fetcher, { id , isSample , isStorefront  })=>{
+const fetchMedias = async (fetcher, { id, isSample, isStorefront })=>{
     const initVariables = {
         orderBy,
         where: {

package/dist/esm/helpers/queries/get-products.js

@@ -2,7 +2,7 @@ import { ProductsDocument } from '../../graphql/queries/products.generated.js';
 import { calculateFirstProduct } from './get-collection.js';
 import { fetchVariants, fetchMedias } from './get-product.js';
 
-const getProducts = async (fetcher, { ids , isSample , isStorefront  })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
@@ -59,7 +59,7 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids , isSample , isStorefront  })=>{
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront })=>{
     const numberOfProducts = (ids?.length == 0 ? 4 : ids?.length) ?? 4;
     const productsPerPage = 8; // number of products per page
     let variables; // variables of collection query
@@ -116,7 +116,7 @@ const loopFetchProducts = async (fetcher, { ids , isSample , isStorefront  })=>{
     }
     return dataProducts;
 };
-const mergeVariantsToProducts = async ({ fetcher , products , isSample , isStorefront  })=>{
+const mergeVariantsToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
     const productsWithVariants = await Promise.all(products?.products?.edges?.map(async (product)=>{
         const variants = await fetchVariants(fetcher, {
             id: product?.node?.baseID,
@@ -130,7 +130,7 @@ const mergeVariantsToProducts = async ({ fetcher , products , isSample , isStore
     }) ?? []);
     return productsWithVariants;
 };
-const mergeMediasToProducts = async ({ fetcher , products , isSample , isStorefront  })=>{
+const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
     const productsWithMedias = await Promise.all(products?.products?.edges?.map(async (product)=>{
         const medias = await fetchMedias(fetcher, {
             id: product?.node?.baseID,

package/dist/esm/helpers/radius.js

@@ -99,7 +99,7 @@ const composeCornerCss = (value)=>{
     if (!value) {
         return;
     }
-    const { radiusType , bblr , bbrr , btlr , btrr  } = value;
+    const { radiusType, bblr, bbrr, btlr, btrr } = value;
     let radiusValue = undefined;
     switch(radiusType){
         case 'medium':

package/dist/esm/helpers/shadow.js

@@ -18,12 +18,12 @@ const parseValueWithUnit = (valueWithUnit)=>{
     };
 };
 const getStyleShadow = (shadowStyle, isActiveState = false)=>{
-    const { styleAppliedFor , value , isEnableShadow  } = shadowStyle || {};
-    let { state  } = shadowStyle || {};
+    const { styleAppliedFor, value, isEnableShadow } = shadowStyle || {};
+    let { state } = shadowStyle || {};
     if (!state) state = 'normal';
     if (!styleAppliedFor || !value) return {};
     if (typeof value.distance == 'undefined') return {};
-    const { value: distance , unit: unitDistance  } = parseValueWithUnit(`${value?.distance}`);
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
         [`-${!isActiveState ? stateMapping?.[state] : ''}-${getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
     };
@@ -41,10 +41,10 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
     }
     return style;
 };
-const composeShadowCss = ({ hasBoxShadow , boxShadowValue  })=>{
+const composeShadowCss = ({ hasBoxShadow, boxShadowValue })=>{
     if (!hasBoxShadow) return undefined;
     if (!boxShadowValue) return undefined;
-    const { value: distance , unit: unitDistance  } = parseValueWithUnit(`${boxShadowValue?.distance}`);
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
     return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${getSingleColorVariable(boxShadowValue?.color)};`;
 };
 

package/dist/esm/helpers/typography.js

@@ -6,7 +6,7 @@ const genTypoClass = (name)=>{
 };
 const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;
-    const { fontFamily , fontSize , fontStyle , fontWeight , lineHeight , letterSpacing  } = typographyCustom?.desktop ?? {};
+    const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
     return `
   ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
   ${fontSize ? `font-size: ${fontSize};` : ''}
@@ -18,9 +18,9 @@ const composeTypographyCss = (typography)=>{
 };
 const composeTypographyV2Css = (typography)=>{
     const typographyCustom = typography?.custom;
-    const { fontFamily , fontSize , fontWeight , lineHeight , letterSpacing  } = typographyCustom ?? {};
+    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
     const typographyAttrs = typography?.attrs;
-    const { bold , italic , underline , transform  } = typographyAttrs ?? {};
+    const { bold, italic, underline, transform } = typographyAttrs ?? {};
     return `
   ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
@@ -35,7 +35,7 @@ const composeTypographyV2Css = (typography)=>{
 function getCustomCSSByDevice(typography, device) {
     if (!typography || !device) return {};
     const suffix = device === 'desktop' || !device ? '' : `-${device}`;
-    const { fontFamily  } = typography?.[device] ?? {};
+    const { fontFamily } = typography?.[device] ?? {};
     return {
         [`--size${suffix}`]: typography?.[device]?.fontSize,
         [`--lh${suffix}`]: typography?.[device]?.lineHeight,

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useAddToCart = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('add-to-cart', (_, { arg  })=>addToCartOperation(shop)(arg), {
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('add-to-cart', (_, { arg })=>addToCartOperation(shop)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -4,7 +4,7 @@ import { useStoreFront } from '../shop.js';
 import useCartId from '../useCartId.js';
 
 const useCartData = (options)=>{
-    const { cartId , clearCartId  } = useCartId();
+    const { cartId, clearCartId } = useCartId();
     const shop = useStoreFront();
     return useSWR(cartId ? 'cart' : null, ()=>getCartOperation(shop)({
             cartId: cartId

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useCartDiscountCodesUpdate = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('cart-discount-codes-update', (_, { arg  })=>cartDiscountCodesUpdateOperation(shop)(arg), {
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('cart-discount-codes-update', (_, { arg })=>cartDiscountCodesUpdateOperation(shop)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useCartNoteUpdate = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('cart-note-update', (_, { arg  })=>cartNoteUpdateOperation(shop)(arg), {
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('cart-note-update', (_, { arg })=>cartNoteUpdateOperation(shop)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useCreateCart = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('create-cart', (_, { arg  })=>{
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('create-cart', (_, { arg })=>{
         return createCartOperation(shop)(arg);
     }, {
         ...options,

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useRemoveCartItem = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('remove-cart-item', (_, { arg  })=>removeCartItemOperation(shop)(arg), {
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('remove-cart-item', (_, { arg })=>removeCartItemOperation(shop)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -5,8 +5,8 @@ import { useStoreFront } from '../shop.js';
 
 const useUpdateCartItem = (options)=>{
     const shop = useStoreFront();
-    const { mutate  } = useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg  })=>updateCartLineOperation(shop)(arg), {
+    const { mutate } = useSWRConfig();
+    return useSWRMutation('update-cart-item', (_, { arg })=>updateCartLineOperation(shop)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);