@gem-sdk/core 1.13.38 → 1.13.42

package/dist/cjs/components/AddOn.js

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

package/dist/cjs/components/ComponentWrapper.js

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

package/dist/cjs/components/ComponentWrapperPreview.js

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

package/dist/cjs/components/Render.js

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

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

@@ -16,7 +16,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/cjs/components/RenderBlock.js

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

package/dist/cjs/components/RenderPreview.js

@@ -10,7 +10,7 @@ var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
 var RenderSection = require('./RenderSection.js');
 
-const RenderPreview = ({ uid , ...passProps })=>{
+const RenderPreview = ({ uid, ...passProps })=>{
     const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
     const Component = BuilderComponent.useBuilderComponent(item?.tag);
     if (!item) return null;
@@ -20,7 +20,7 @@ const RenderPreview = ({ uid , ...passProps })=>{
         });
     } else {
         return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
-            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapperPreview.default, {
+            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapperPreview.default, {
                     ...item,
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx("span", {

package/dist/cjs/components/RenderSection.js

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

package/dist/cjs/contexts/AddonContext.js

@@ -5,7 +5,7 @@ var react = require('react');
 var Empty = require('../components/Empty.js');
 
 const AddonContext = /*#__PURE__*/ react.createContext(null);
-const AddonProvider = ({ children , components , ...passProps })=>{
+const AddonProvider = ({ children, components, ...passProps })=>{
     return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.Provider, {
         ...passProps,
         value: {

package/dist/cjs/contexts/BuilderComponent.js

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

package/dist/cjs/contexts/BuilderContext.js

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

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -32,7 +32,7 @@ const createBuilderPreviewProvider = (args)=>zustand.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') {
@@ -61,7 +61,7 @@ const createBuilderPreviewProvider = (args)=>zustand.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;
@@ -158,7 +158,7 @@ const createBuilderPreviewProvider = (args)=>zustand.createStore((set, get)=>({
                     }
                 }
             },
-            changeItemPropByKey: ({ id , key , data , group  })=>{
+            changeItemPropByKey: ({ id, key, data, group })=>{
                 if (!group || ![
                     'setting',
                     'style',
@@ -342,7 +342,7 @@ const createBuilderPreviewProvider = (args)=>zustand.createStore((set, get)=>({
                 });
             }
         }));
-const BuilderPreviewProvider = ({ children , state , lazy , ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, lazy, ...passProps })=>{
     const Component = lazy ? react.Suspense : react.Fragment;
     const value = react.useMemo(()=>{
         return createBuilderPreviewProvider(state);

package/dist/cjs/contexts/CartLineContext.js

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

package/dist/cjs/contexts/CollectionContext.js

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

package/dist/cjs/contexts/ModalContext.js

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

package/dist/cjs/contexts/ProductContext.js

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

package/dist/cjs/contexts/ProductListContext.js

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

package/dist/cjs/contexts/SectionContext.js

@@ -24,14 +24,14 @@ const createSectionProvider = (data)=>zustand.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__*/ jsxRuntime.jsx(SectionContext.Provider, {
         ...passProps,
         value: createSectionProvider(data),

package/dist/cjs/contexts/ShopContext.js

@@ -32,14 +32,14 @@ const createShopStoreProvider = (data)=>zustand.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 = react.useMemo(()=>createShopStoreProvider(storeOption), [
         storeOption
     ]);

package/dist/cjs/helpers/borders.js

@@ -167,7 +167,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: ${colors.getSingleColorVariable(color)};` : ''}

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

@@ -7,8 +7,8 @@ var makeStyle = require('./make-style.js');
 var radius = require('./radius.js');
 var shadow = require('./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/cjs/helpers/product.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var variant = require('./variant.js');
+
 function getSelectedVariant(variants, choices) {
     /**
    * Ensure the user has selected all the required options, not just some.
@@ -16,7 +18,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,
@@ -26,6 +28,18 @@ 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 = variant.checkInStock(item);
+            return opt && isInStock;
+        }
+        return false;
+    }) : false;
+}
 
+exports.checkAvailableVariantInStock = checkAvailableVariantInStock;
 exports.getSelectedVariant = getSelectedVariant;
 exports.parseSelectedOption = parseSelectedOption;

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

@@ -171,7 +171,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/cjs/helpers/queries/get-product.js

@@ -4,7 +4,7 @@ var productLittleDetail_generated = require('../../graphql/queries/product-littl
 var productMedias_generated = require('../../graphql/queries/product-medias.generated.js');
 var productVariants_generated = require('../../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,
@@ -39,7 +39,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: {
@@ -61,7 +61,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: {
@@ -102,7 +102,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/cjs/helpers/queries/get-products.js

@@ -4,7 +4,7 @@ var products_generated = require('../../graphql/queries/products.generated.js');
 var getCollection = require('./get-collection.js');
 var getProduct = require('./get-product.js');
 
-const getProducts = async (fetcher, { ids , isSample , isStorefront  })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
@@ -61,7 +61,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
@@ -118,7 +118,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 getProduct.fetchVariants(fetcher, {
             id: product?.node?.baseID,
@@ -132,7 +132,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 getProduct.fetchMedias(fetcher, {
             id: product?.node?.baseID,

package/dist/cjs/helpers/radius.js

@@ -101,7 +101,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/cjs/helpers/shadow.js

@@ -20,12 +20,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 ? constant.stateMapping?.[state] : ''}-${getShortname.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 + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
@@ -43,10 +43,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 + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)};`;
 };
 

package/dist/cjs/helpers/typography.js

@@ -8,7 +8,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};` : ''}
@@ -20,9 +20,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};` : ''}
@@ -37,7 +37,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/cjs/hooks/cart/use-add-to-cart.js

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useAddToCart = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('add-to-cart', (_, { arg  })=>adapterShopify.addToCartOperation(shop$1)(arg), {
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('add-to-cart', (_, { arg })=>adapterShopify.addToCartOperation(shop$1)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -6,7 +6,7 @@ var shop = require('../shop.js');
 var useCartId = require('../useCartId.js');
 
 const useCartData = (options)=>{
-    const { cartId , clearCartId  } = useCartId.default();
+    const { cartId, clearCartId } = useCartId.default();
     const shop$1 = shop.useStoreFront();
     return useSWR(cartId ? 'cart' : null, ()=>adapterShopify.getCartOperation(shop$1)({
             cartId: cartId

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

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useCartDiscountCodesUpdate = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('cart-discount-codes-update', (_, { arg  })=>adapterShopify.cartDiscountCodesUpdateOperation(shop$1)(arg), {
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('cart-discount-codes-update', (_, { arg })=>adapterShopify.cartDiscountCodesUpdateOperation(shop$1)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useCartNoteUpdate = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('cart-note-update', (_, { arg  })=>adapterShopify.cartNoteUpdateOperation(shop$1)(arg), {
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('cart-note-update', (_, { arg })=>adapterShopify.cartNoteUpdateOperation(shop$1)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useCreateCart = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('create-cart', (_, { arg  })=>{
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('create-cart', (_, { arg })=>{
         return adapterShopify.createCartOperation(shop$1)(arg);
     }, {
         ...options,

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

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useRemoveCartItem = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('remove-cart-item', (_, { arg  })=>adapterShopify.removeCartItemOperation(shop$1)(arg), {
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('remove-cart-item', (_, { arg })=>adapterShopify.removeCartItemOperation(shop$1)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

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

@@ -7,8 +7,8 @@ var shop = require('../shop.js');
 
 const useUpdateCartItem = (options)=>{
     const shop$1 = shop.useStoreFront();
-    const { mutate  } = useSWR.useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg  })=>adapterShopify.updateCartLineOperation(shop$1)(arg), {
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('update-cart-item', (_, { arg })=>adapterShopify.updateCartLineOperation(shop$1)(arg), {
         ...options,
         onSuccess: (result, key, config)=>{
             mutate('cart', result, false);

package/dist/cjs/hooks/shop.js

@@ -74,7 +74,7 @@ const useMobileOnly = ()=>{
     return ShopContext.useShopStore((state)=>state.mobileOnly);
 };
 const useMatchMutate = ()=>{
-    const { cache , mutate  } = useSWR.useSWRConfig();
+    const { cache, mutate } = useSWR.useSWRConfig();
     return (matcher, opts)=>{
         if (!(cache instanceof Map)) {
             throw new Error('matchMutate requires the cache provider to be a Map instance');
@@ -93,11 +93,11 @@ const useMatchMutate = ()=>{
     };
 };
 function useConnectedShopify() {
-    const { storefrontToken  } = useStoreFront();
+    const { storefrontToken } = useStoreFront();
     return !!storefrontToken;
 }
 function useIsSampleProduct() {
-    const { storefrontToken  } = useStoreFront();
+    const { storefrontToken } = useStoreFront();
     const isStorefront = ShopContext.useShopStore((state)=>state.isStorefront);
     return isStorefront && !storefrontToken;
 }
@@ -105,7 +105,7 @@ function useIsStorefrontProduct() {
     return ShopContext.useShopStore((state)=>state.isStorefront);
 }
 function useCheckoutUrl(url) {
-    const { storefrontToken  } = useStoreFront();
+    const { storefrontToken } = useStoreFront();
     if (!url) return undefined;
     return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
 }

package/dist/cjs/hooks/useFetchHandle.js

@@ -3,7 +3,7 @@
 var useSWR = require('swr');
 
 const useFetchHandle = ()=>{
-    const { fetcher  } = useSWR.useSWRConfig();
+    const { fetcher } = useSWR.useSWRConfig();
     if (!fetcher) {
         throw new Error('Application must be init within a fetcher');
     }

package/dist/cjs/hooks/useFormatMoney.js

@@ -3,7 +3,7 @@
 var shop = require('./shop.js');
 
 const useFormatMoney = (amount, withCurrency)=>{
-    const { moneyFormat , moneyWithCurrencyFormat  } = shop.useMoneyFormat();
+    const { moneyFormat, moneyWithCurrencyFormat } = shop.useMoneyFormat();
     const formatMoney = function(cents, format) {
         let value = '';
         const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;

package/dist/cjs/hooks/useMoney.js

@@ -6,8 +6,8 @@ var react = require('react');
 var shop = require('./shop.js');
 
 const useMoney = (amount)=>{
-    const { locale  } = shop.useLocale();
-    const { currency  } = shop.useCurrency();
+    const { locale } = shop.useLocale();
+    const { currency } = shop.useCurrency();
     const options = react.useMemo(()=>({
             style: 'currency',
             currency: currency