@gem-sdk/core 1.5.17 → 1.5.22

package/dist/esm/helpers/size.js

@@ -1,18 +1,17 @@
 import { devicesMapping } from './constant.js';
 
-function getCustomSizeCSSByDevice(size, device) {
-    if (!size || !device)
-        return {};
-    const suffix = devicesMapping[device] ?? '';
-    return {
-        [`--pl${suffix}`]: size?.[device]?.horizontal,
-        [`--pr${suffix}`]: size?.[device]?.horizontal,
-        [`--pt${suffix}`]: size?.[device]?.vertical,
-        [`--pb${suffix}`]: size?.[device]?.vertical,
-    };
-}
-const composeSize = (size) => {
-    return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
+function getCustomSizeCSSByDevice(size, device) {
+    if (!size || !device) return {};
+    const suffix = devicesMapping[device] ?? '';
+    return {
+        [`--pl${suffix}`]: size?.[device]?.horizontal,
+        [`--pr${suffix}`]: size?.[device]?.horizontal,
+        [`--pt${suffix}`]: size?.[device]?.vertical,
+        [`--pb${suffix}`]: size?.[device]?.vertical
+    };
+}
+const composeSize = (size)=>{
+    return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
 };
 
 export { composeSize };

package/dist/esm/helpers/spacing.js

@@ -1,42 +1,40 @@
 import { devicesMapping } from './constant.js';
 
-function getSpacingCSSByType(key, device) {
-    if (!key)
-        return {};
-    const suffix = device ? devicesMapping?.[device] ?? '' : '';
-    return {
-        [`--p${suffix}`]: `var(--g-s-${key})`,
-    };
-}
-function getSpacingVariable(key) {
-    if (!key)
-        return '';
-    return `var(--g-s-${key})`;
-}
-const composeSpacing = (spacingValue) => {
-    const style = {};
-    switch (spacingValue?.desktop) {
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.desktop));
-            break;
-    }
-    switch (spacingValue?.tablet) {
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.tablet, 'tablet'));
-            break;
-    }
-    switch (spacingValue?.mobile) {
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.mobile, 'mobile'));
-            break;
-    }
-    return style;
+function getSpacingCSSByType(key, device) {
+    if (!key) return {};
+    const suffix = device ? devicesMapping?.[device] ?? '' : '';
+    return {
+        [`--p${suffix}`]: `var(--g-s-${key})`
+    };
+}
+function getSpacingVariable(key) {
+    if (!key) return '';
+    return `var(--g-s-${key})`;
+}
+const composeSpacing = (spacingValue)=>{
+    const style = {};
+    switch(spacingValue?.desktop){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.desktop));
+            break;
+    }
+    switch(spacingValue?.tablet){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.tablet, 'tablet'));
+            break;
+    }
+    switch(spacingValue?.mobile){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.mobile, 'mobile'));
+            break;
+    }
+    return style;
 };
 
 export { composeSpacing, getSpacingVariable };

package/dist/esm/helpers/tracking/fpixel.js

@@ -1,25 +1,24 @@
-const pageview = () => {
-    if (!window.fbq)
-        return;
-    window.fbq('track', 'PageView');
-};
-// https://developers.facebook.com/docs/facebook-pixel/advanced/
-const event = (name, options = {}) => {
-    if (!window.fbq)
-        return;
-    window.fbq('track', name, options);
-};
-const addToCart = (product) => {
-    if (!window.fbq)
-        return;
-    window.fbq('track', 'AddToCart', {
-        content_ids: [product.id],
-        content_name: product.name,
-        content_category: product.category,
-        content_type: 'product',
-        value: product.price,
-        currency: product.currency,
-    });
+const pageview = ()=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'PageView');
+};
+// https://developers.facebook.com/docs/facebook-pixel/advanced/
+const event = (name, options = {})=>{
+    if (!window.fbq) return;
+    window.fbq('track', name, options);
+};
+const addToCart = (product)=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'AddToCart', {
+        content_ids: [
+            product.id
+        ],
+        content_name: product.name,
+        content_category: product.category,
+        content_type: 'product',
+        value: product.price,
+        currency: product.currency
+    });
 };
 
 export { addToCart, event, pageview };

package/dist/esm/helpers/tracking/gtag.js

@@ -1,93 +1,87 @@
-// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
-const pageview = (url, trackingId) => {
-    // GA 4
-    if (window.gtag && trackingId) {
-        window.gtag('config', trackingId, {
-            page_path: url,
-        });
-    }
-    // GA 3
-    if (window.ga) {
-        window.ga('send', 'pageview', url);
-    }
-};
-/** Addition to cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-const addToCart = (product) => {
-    // GA 3
-    if (!window.ga || !product) {
-        return;
-    }
-    window.ga('ec:addProduct', {
-        ...product,
-        id: product.sku,
-        name: product.variant === 'Default Title' ? product.name : `${product.name} - ${product.variant}`,
-        variant: product.variant === 'Default Title' ? product.name : product.variant,
-    });
-    window.ga('ec:setAction', 'add');
-    window.ga('send', 'event', {
-        eventCategory: 'EnhancedEcommerce',
-        eventAction: 'Added Product',
-        nonInteraction: true,
-    });
-};
-/** Product clicked event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
- */
-const productClick = (product) => {
-    if (!window.ga) {
-        return;
-    }
-    ga('ec:addProduct', {
-        id: product.id,
-        name: product.name,
-        category: product.category,
-        brand: product.brand,
-        variant: product.variant,
-    });
-    ga('ec:setAction', 'click');
-    ga('send', 'event', {
-        eventAction: 'Click',
-        eventCategory: 'Product',
-    });
-};
-/** Product viewed event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
- */
-const productDetail = (product) => {
-    if (!product || !window.ga)
-        return;
-    ga('ec:addProduct', {
-        brand: product.brand,
-        category: product.category,
-        id: product.id,
-        name: product.name,
-        variant: product.variant,
-    });
-    ga('ec:setAction', 'detail');
-    ga('send', 'event', {
-        eventAction: 'Detail',
-        eventCategory: 'Ecommerce',
-        nonInteraction: 1,
-    });
-};
-/** Removal from cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-const removeFromCart = (product, price) => {
-    if (!product || !window.ga)
-        return;
-    ga('ec:addProduct', {
-        id: product.id,
-        name: product.name,
-        price,
-    });
-    ga('ec:setAction', 'remove');
-    ga('send', 'event', {
-        eventAction: 'Click',
-        eventCategory: 'Remove from cart',
-    });
+// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+const pageview = (url, trackingId)=>{
+    // GA 4
+    if (window.gtag && trackingId) {
+        window.gtag('config', trackingId, {
+            page_path: url
+        });
+    }
+    // GA 3
+    if (window.ga) {
+        window.ga('send', 'pageview', url);
+    }
+};
+/** Addition to cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const addToCart = (product)=>{
+    // GA 3
+    if (!window.ga || !product) {
+        return;
+    }
+    window.ga('ec:addProduct', {
+        ...product,
+        id: product.sku,
+        name: product.variant === 'Default Title' ? product.name : `${product.name} - ${product.variant}`,
+        variant: product.variant === 'Default Title' ? product.name : product.variant
+    });
+    window.ga('ec:setAction', 'add');
+    window.ga('send', 'event', {
+        eventCategory: 'EnhancedEcommerce',
+        eventAction: 'Added Product',
+        nonInteraction: true
+    });
+};
+/** Product clicked event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
+ */ const productClick = (product)=>{
+    if (!window.ga) {
+        return;
+    }
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        category: product.category,
+        brand: product.brand,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'click');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Product'
+    });
+};
+/** Product viewed event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
+ */ const productDetail = (product)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        brand: product.brand,
+        category: product.category,
+        id: product.id,
+        name: product.name,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'detail');
+    ga('send', 'event', {
+        eventAction: 'Detail',
+        eventCategory: 'Ecommerce',
+        nonInteraction: 1
+    });
+};
+/** Removal from cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const removeFromCart = (product, price)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        price
+    });
+    ga('ec:setAction', 'remove');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Remove from cart'
+    });
 };
 
 export { addToCart, pageview, productClick, productDetail, removeFromCart };

package/dist/esm/helpers/tracking/tiktokpixel.js

@@ -1,15 +1,15 @@
-const addToCart = (product) => {
-    if (!window?.ttq?.track)
-        return;
-    window.ttq.track('AddToCart', {
-        content_id: product.id,
-        content_type: 'product',
-        content_name: product.name,
-        quantity: product.quantity,
-        price: product.price,
-        value: (product.price ?? 0) * (product.quantity ?? 0),
-        currency: product.currency,
-    });
+// @ts-nocheck
+const addToCart = (product)=>{
+    if (!window?.ttq?.track) return;
+    window.ttq.track('AddToCart', {
+        content_id: product.id,
+        content_type: 'product',
+        content_name: product.name,
+        quantity: product.quantity,
+        price: product.price,
+        value: (product.price ?? 0) * (product.quantity ?? 0),
+        currency: product.currency
+    });
 };
 
 export { addToCart };

package/dist/esm/helpers/typography.js

@@ -1,5 +1,5 @@
-const genTypoClass = (name) => {
-    return `g-${name}`;
+const genTypoClass = (name)=>{
+    return `g-${name}`;
 };
 
 export { genTypoClass };

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

@@ -3,16 +3,16 @@ 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);
-        },
-    });
+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

@@ -3,22 +3,24 @@ 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);
-        },
-    });
+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

@@ -3,16 +3,16 @@ 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);
-        },
-    });
+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

@@ -3,16 +3,16 @@ 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);
-        },
-    });
+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

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

@@ -3,16 +3,16 @@ 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);
-        },
-    });
+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

@@ -3,16 +3,16 @@ 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);
-        },
-    });
+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

@@ -3,12 +3,18 @@ import { getCollection } from '../../helpers/queries/get-collection.js';
 import { useIsSampleProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 
-const useCollectionQuery = (args, options) => {
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    return useSWR(['query/collection', { ...args, isSample }], ([, arg]) => {
-        return getCollection(fetcher, arg);
-    }, options);
+const useCollectionQuery = (args, options)=>{
+    const fetcher = useFetchHandle();
+    const isSample = useIsSampleProduct();
+    return useSWR([
+        'query/collection',
+        {
+            ...args,
+            isSample
+        }
+    ], ([, arg])=>{
+        return getCollection(fetcher, arg);
+    }, options);
 };
 
 export { useCollectionQuery };

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

@@ -3,12 +3,18 @@ import { getProduct } from '../../helpers/queries/get-product.js';
 import { useIsSampleProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 
-const useProductQuery = (productId, options) => {
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    return useSWR(productId ? ['query/product', { id: productId ?? 'latest', isSample }] : null, async ([, arg]) => {
-        return getProduct(fetcher, arg);
-    }, options);
+const useProductQuery = (productId, options)=>{
+    const fetcher = useFetchHandle();
+    const isSample = useIsSampleProduct();
+    return useSWR(productId ? [
+        'query/product',
+        {
+            id: productId ?? 'latest',
+            isSample
+        }
+    ] : null, async ([, arg])=>{
+        return getProduct(fetcher, arg);
+    }, options);
 };
 
 export { useProductQuery };