@gem-sdk/core 1.5.17 → 1.5.23

package/dist/esm/contexts/CartLineContext.js

@@ -1,21 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
-const CartLineContext = createContext(null);
-const createCartLineStore = (data) => createStore(() => ({
-    ...data,
-}));
-const CartLineProvider = ({ children, line }) => {
-    return (jsx(CartLineContext.Provider, { value: createCartLineStore({ line }), children: children }, `${line.id}-${line.quantity}`));
-};
-// export const useCartLineStore = useStore;
-const useCartLineStore = (selector, equalityFn) => {
-    const store = useContext(CartLineContext);
-    if (!store) {
-        throw new Error('useCartLineStore must be used within a CartLineProvider');
-    }
-    return useStore(store, selector, equalityFn);
+const CartLineContext = /*#__PURE__*/ createContext(null);
+const createCartLineStore = (data)=>createStore(()=>({
+            ...data
+        }));
+const CartLineProvider = ({ children , line  })=>{
+    return /*#__PURE__*/ jsx(CartLineContext.Provider, {
+        value: createCartLineStore({
+            line
+        }),
+        children: children
+    }, `${line.id}-${line.quantity}`);
+};
+// export const useCartLineStore = useStore;
+const useCartLineStore = (selector, equalityFn)=>{
+    const store = useContext(CartLineContext);
+    if (!store) {
+        throw new Error('useCartLineStore must be used within a CartLineProvider');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { CartLineProvider, useCartLineStore };

package/dist/esm/contexts/CollectionContext.js

@@ -1,20 +1,28 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';
 
-const CollectionListContext = createContext(null);
-const createCollectionProvider = (data) => createStore(() => ({
-    ...data,
-}));
-const CollectionProvider = ({ children, collection, products, settings, styles, }) => {
-    return (jsx(CollectionListContext.Provider, { value: createCollectionProvider({ products, collection, settings, styles }), children: children }, collection?.id));
-};
-const useCollectionStore = (selector, equalityFn) => {
-    const store = useContext(CollectionListContext);
-    if (!store) {
-        throw new Error('useCollectionStore must be used within a useCollectionStore');
-    }
-    return useStore(store, selector, equalityFn);
+const CollectionListContext = /*#__PURE__*/ createContext(null);
+const createCollectionProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const CollectionProvider = ({ children , collection , products , settings , styles  })=>{
+    return /*#__PURE__*/ jsx(CollectionListContext.Provider, {
+        value: createCollectionProvider({
+            products,
+            collection,
+            settings,
+            styles
+        }),
+        children: children
+    }, collection?.id);
+};
+const useCollectionStore = (selector, equalityFn)=>{
+    const store = useContext(CollectionListContext);
+    if (!store) {
+        throw new Error('useCollectionStore must be used within a useCollectionStore');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { CollectionListContext, CollectionProvider, useCollectionStore };

package/dist/esm/contexts/ProductContext.js

@@ -1,123 +1,144 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
-import { createContext, useId, useMemo, useContext } from 'react';
+import { useId, useMemo, useContext, createContext } from 'react';
 import { flattenConnection } from '../helpers/flatten-connection.js';
 
-// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
-const ProductContext = createContext(null);
-const createProductStoreProvider = (data) => createStore((set, get) => ({
-    ...data,
-    updateProperty: (name, data) => {
-        set((state) => {
-            return {
-                properties: state.properties?.map((v) => {
-                    if (v.key === name) {
-                        return { ...v, ...data };
-                    }
-                    return v;
-                }),
-            };
-        });
-    },
-    addProperty: (data) => {
-        const properties = get().properties;
-        if (!properties?.some((v) => v.key === data.key)) {
-            set((state) => ({ properties: [...(state.properties ?? []), data] }));
-        }
-    },
-    removeProperty: (name) => {
-        set((state) => ({ properties: state.properties?.filter((v) => v.key !== name) }));
-    },
-    setQuantity: (num) => {
-        set({
-            quantity: num > 0 ? num : 1,
-        });
-    },
-    setProductFeaturedImage: (image) => {
-        set({
-            featuredImageGlobal: image,
-        });
-    },
-    incrementQuantity: () => {
-        set((state) => {
-            const quantity = state.quantity ?? 1;
-            return {
-                quantity: quantity + 1,
-            };
-        });
-    },
-    decrementQuantity: () => {
-        set((state) => {
-            const quantity = state.quantity ?? 1;
-            return {
-                quantity: quantity > 2 ? quantity - 1 : 1,
-            };
-        });
-    },
-    setSelectedOption: (optionId, optionValue) => {
-        set((state) => {
-            if (optionId && optionValue) {
-                return {
-                    selectedOptions: {
-                        ...state?.selectedOptions,
-                        [optionId]: optionValue,
-                    },
-                };
-            }
-            return state;
-        });
-    },
-    forceSelectedOption: (value) => {
-        set((state) => {
-            return {
-                selectedOptions: {
-                    ...state?.selectedOptions,
-                    ...value,
-                },
-            };
-        });
-    },
-    updateIsSubmit: (value) => {
-        set({
-            isSubmit: value,
-        });
-    },
-}));
-const ProductProvider = ({ children, product, initialVariantId, quantity = 1, }) => {
-    const uiqueId = useId();
-    const store = useMemo(() => {
-        let selectedOptions = {};
-        let featuredImageGlobal = undefined;
-        if (product) {
-            const variants = flattenConnection(product.variants);
-            const firstVariant = flattenConnection(product.variants)[0];
-            const initialVariant = variants.find((v) => v?.id === initialVariantId) ?? firstVariant;
-            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option) => {
-                if (option.name) {
-                    return { ...acc, [option.name]: option.value };
-                }
-                return acc;
-            }, {});
-            featuredImageGlobal =
-                product.medias?.edges.find((v) => v.node?.id === initialVariant?.mediaId)?.node ??
-                    product.featuredImage;
-        }
-        return createProductStoreProvider({
-            product,
-            quantity,
-            selectedOptions,
-            uiqueId,
-            featuredImageGlobal,
-        });
-    }, [initialVariantId, product, quantity, uiqueId]);
-    return (jsx(ProductContext.Provider, { value: store, children: jsx(Fragment, { children: children }) }));
-};
-const useProductStore = (selector, equalityFn) => {
-    const store = useContext(ProductContext);
-    if (!store) {
-        throw new Error('Element of product must be used inside a Product');
-    }
-    return useStore(store, selector, equalityFn);
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ProductContext = /*#__PURE__*/ createContext(null);
+const createProductStoreProvider = (data)=>createStore((set, get)=>({
+            ...data,
+            updateProperty: (name, data)=>{
+                set((state)=>{
+                    return {
+                        properties: state.properties?.map((v)=>{
+                            if (v.key === name) {
+                                return {
+                                    ...v,
+                                    ...data
+                                };
+                            }
+                            return v;
+                        })
+                    };
+                });
+            },
+            addProperty: (data)=>{
+                const properties = get().properties;
+                if (!properties?.some((v)=>v.key === data.key)) {
+                    set((state)=>({
+                            properties: [
+                                ...state.properties ?? [],
+                                data
+                            ]
+                        }));
+                }
+            },
+            removeProperty: (name)=>{
+                set((state)=>({
+                        properties: state.properties?.filter((v)=>v.key !== name)
+                    }));
+            },
+            setQuantity: (num)=>{
+                set({
+                    quantity: num > 0 ? num : 1
+                });
+            },
+            setProductFeaturedImage: (image)=>{
+                set({
+                    featuredImageGlobal: image
+                });
+            },
+            incrementQuantity: ()=>{
+                set((state)=>{
+                    const quantity = state.quantity ?? 1;
+                    return {
+                        quantity: quantity + 1
+                    };
+                });
+            },
+            decrementQuantity: ()=>{
+                set((state)=>{
+                    const quantity = state.quantity ?? 1;
+                    return {
+                        quantity: quantity > 2 ? quantity - 1 : 1
+                    };
+                });
+            },
+            setSelectedOption: (optionId, optionValue)=>{
+                set((state)=>{
+                    if (optionId && optionValue) {
+                        return {
+                            selectedOptions: {
+                                ...state?.selectedOptions,
+                                [optionId]: optionValue
+                            }
+                        };
+                    }
+                    return state;
+                });
+            },
+            forceSelectedOption: (value)=>{
+                set((state)=>{
+                    return {
+                        selectedOptions: {
+                            ...state?.selectedOptions,
+                            ...value
+                        }
+                    };
+                });
+            },
+            updateIsSubmit: (value)=>{
+                set({
+                    isSubmit: value
+                });
+            }
+        }));
+const ProductProvider = ({ children , product , initialVariantId , quantity =1  })=>{
+    const uiqueId = useId();
+    const store = useMemo(()=>{
+        let selectedOptions = {};
+        let featuredImageGlobal = undefined;
+        if (product) {
+            const variants = flattenConnection(product.variants);
+            const firstVariant = flattenConnection(product.variants)[0];
+            const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariant;
+            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+                if (option.name) {
+                    return {
+                        ...acc,
+                        [option.name]: option.value
+                    };
+                }
+                return acc;
+            }, {});
+            featuredImageGlobal = product.medias?.edges.find((v)=>v.node?.id === initialVariant?.mediaId)?.node ?? product.featuredImage;
+        }
+        return createProductStoreProvider({
+            product,
+            quantity,
+            selectedOptions,
+            uiqueId,
+            featuredImageGlobal
+        });
+    }, [
+        initialVariantId,
+        product,
+        quantity,
+        uiqueId
+    ]);
+    return /*#__PURE__*/ jsx(ProductContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        })
+    });
+};
+const useProductStore = (selector, equalityFn)=>{
+    const store = useContext(ProductContext);
+    if (!store) {
+        throw new Error('Element of product must be used inside a Product');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { ProductProvider, useProductStore };

package/dist/esm/contexts/ProductListContext.js

@@ -1,20 +1,28 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';
 
-const ProductListContext = createContext(null);
-const createProductListProvider = (data) => createStore(() => ({
-    ...data,
-}));
-const ProductListProvider = ({ children, collection, products, settings, styles, }) => {
-    return (jsx(ProductListContext.Provider, { value: createProductListProvider({ products, collection, settings, styles }), children: children }));
-};
-const useProductListStore = (selector, equalityFn) => {
-    const store = useContext(ProductListContext);
-    if (!store) {
-        throw new Error('useProductListStore must be used within a useProductListStore');
-    }
-    return useStore(store, selector, equalityFn);
+const ProductListContext = /*#__PURE__*/ createContext(null);
+const createProductListProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const ProductListProvider = ({ children , collection , products , settings , styles  })=>{
+    return /*#__PURE__*/ jsx(ProductListContext.Provider, {
+        value: createProductListProvider({
+            products,
+            collection,
+            settings,
+            styles
+        }),
+        children: children
+    });
+};
+const useProductListStore = (selector, equalityFn)=>{
+    const store = useContext(ProductListContext);
+    if (!store) {
+        throw new Error('useProductListStore must be used within a useProductListStore');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { ProductListContext, ProductListProvider, useProductListStore };

package/dist/esm/contexts/SectionContext.js

@@ -1,45 +1,49 @@
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 import { cloneDeep } from '../helpers/clone-deep.js';
 import { normalizeBuilderData } from '../helpers/normalize-builder-data.js';
 
-const SectionContext = createContext(null);
-const createSectionProvider = (data) => createStore((set, get) => ({
-    data: data ?? {},
-    getSection: (id) => {
-        const section = get().data[id];
-        return section ?? undefined;
-    },
-    addSection: (id, data) => {
-        const item = normalizeBuilderData(data);
-        set((prev) => ({
-            data: {
-                ...prev.data,
-                [id]: cloneDeep(item),
-            },
-        }));
-    },
-    removeSection: (id) => {
-        set((prev) => {
-            const { [id]: _, ...rest } = prev.data;
-            return {
-                data: rest,
-            };
-        });
-    },
-}));
-const SectionProvider = ({ children, data, ...passProps }) => {
-    return (jsx(SectionContext.Provider, { ...passProps, value: createSectionProvider(data), children: children }));
-};
-// export const useSectionStore = useStore;
-const useSectionStore = (selector, equalityFn) => {
-    const store = useContext(SectionContext);
-    if (!store) {
-        throw new Error('useSectionStore must be used within a SectionProvider');
-    }
-    return useStore(store, selector, equalityFn);
-};
-const useSection = (id) => useSectionStore((s) => s.getSection(id));
+const SectionContext = /*#__PURE__*/ createContext(null);
+const createSectionProvider = (data)=>createStore((set, get)=>({
+            data: data ?? {},
+            getSection: (id)=>{
+                const section = get().data[id];
+                return section ?? undefined;
+            },
+            addSection: (id, data)=>{
+                const item = normalizeBuilderData(data);
+                set((prev)=>({
+                        data: {
+                            ...prev.data,
+                            [id]: cloneDeep(item)
+                        }
+                    }));
+            },
+            removeSection: (id)=>{
+                set((prev)=>{
+                    const { [id]: _ , ...rest } = prev.data;
+                    return {
+                        data: rest
+                    };
+                });
+            }
+        }));
+const SectionProvider = ({ children , data , ...passProps })=>{
+    return /*#__PURE__*/ jsx(SectionContext.Provider, {
+        ...passProps,
+        value: createSectionProvider(data),
+        children: children
+    });
+};
+// export const useSectionStore = useStore;
+const useSectionStore = (selector, equalityFn)=>{
+    const store = useContext(SectionContext);
+    if (!store) {
+        throw new Error('useSectionStore must be used within a SectionProvider');
+    }
+    return useStore(store, selector, equalityFn);
+};
+const useSection = (id)=>useSectionStore((s)=>s.getSection(id));
 
 export { SectionProvider, useSection, useSectionStore };

package/dist/esm/contexts/ShopContext.js

@@ -1,40 +1,63 @@
 import { jsx } from 'react/jsx-runtime';
 import { SWRConfig } from 'swr';
 import { useStore, createStore } from 'zustand';
-import { createContext, useMemo, useContext } from 'react';
+import { useMemo, useContext, createContext } from 'react';
 import { AddonProvider } from './AddonContext.js';
 
-const ShopContext = createContext(null);
-const createShopStoreProvider = (data) => createStore((set) => ({
-    mobileOnly: false,
-    ...data,
-    changeLocale: (locale) => {
-        set({ locale });
-    },
-    changeCurrency: (currency) => {
-        set({ currency });
-    },
-    changeSwatches: (swatches) => {
-        set({ swatches });
-    },
-    changeStorefrontInfo: ({ url, token }) => {
-        set({
-            storefrontUrl: url,
-            storefrontToken: token,
-        });
-    },
-}));
-const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps }) => {
-    const store = useMemo(() => createShopStoreProvider(storeOption), [storeOption]);
-    return (jsx(AddonProvider, { components: addons, children: jsx(SWRConfig, { value: queryOption, children: jsx(ShopContext.Provider, { ...passProps, value: store, children: children }, JSON.stringify(storeOption)) }) }));
-};
-// export const useShopStore = useStore;
-const useShopStore = (selector, equalityFn) => {
-    const store = useContext(ShopContext);
-    if (!store) {
-        throw new Error('useShopStore must be used within a ShopProvider');
-    }
-    return useStore(store, selector, equalityFn);
+const ShopContext = /*#__PURE__*/ createContext(null);
+const createShopStoreProvider = (data)=>createStore((set)=>({
+            mobileOnly: false,
+            ...data,
+            changeLocale: (locale)=>{
+                set({
+                    locale
+                });
+            },
+            changeCurrency: (currency)=>{
+                set({
+                    currency
+                });
+            },
+            changeSwatches: (swatches)=>{
+                set({
+                    swatches
+                });
+            },
+            changeLayoutSettings: (layoutSettings)=>{
+                set({
+                    layoutSettings
+                });
+            },
+            changeStorefrontInfo: ({ url , token  })=>{
+                set({
+                    storefrontUrl: url,
+                    storefrontToken: token
+                });
+            }
+        }));
+const ShopProvider = ({ children , addons , storeOption , queryOption , ...passProps })=>{
+    const store = useMemo(()=>createShopStoreProvider(storeOption), [
+        storeOption
+    ]);
+    return /*#__PURE__*/ jsx(AddonProvider, {
+        components: addons,
+        children: /*#__PURE__*/ jsx(SWRConfig, {
+            value: queryOption,
+            children: /*#__PURE__*/ jsx(ShopContext.Provider, {
+                ...passProps,
+                value: store,
+                children: children
+            }, JSON.stringify(storeOption))
+        })
+    });
+};
+// export const useShopStore = useStore;
+const useShopStore = (selector, equalityFn)=>{
+    const store = useContext(ShopContext);
+    if (!store) {
+        throw new Error('useShopStore must be used within a ShopProvider');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { ShopProvider, useShopStore };

package/dist/esm/graphql/fragments/analytic.generated.js

@@ -1,4 +1,4 @@
-const AnalyticSelect = `
+/* eslint-disable */ const AnalyticSelect = `
     fragment AnalyticSelect on Analytic {
   fbPixelID
   gaTrackingID

package/dist/esm/graphql/fragments/collection-detail.generated.js

@@ -1,4 +1,4 @@
-const CollectionDetailSelect = `
+/* eslint-disable */ const CollectionDetailSelect = `
     fragment CollectionDetailSelect on Collection {
   id
   baseID

package/dist/esm/graphql/fragments/collection-product.generated.js

@@ -1,4 +1,4 @@
-const CollectionProductSelect = `
+/* eslint-disable */ const CollectionProductSelect = `
     fragment CollectionProductSelect on Collection {
   ...CollectionDetailSelect
   products(

package/dist/esm/graphql/fragments/custom-code.generated.js

@@ -1,4 +1,4 @@
-const CustomCodeSelect = `
+/* eslint-disable */ const CustomCodeSelect = `
     fragment CustomCodeSelect on CustomCode {
   body
   header

package/dist/esm/graphql/fragments/data-seo.generated.js

@@ -1,4 +1,4 @@
-const DataSeoSelect = `
+/* eslint-disable */ const DataSeoSelect = `
     fragment DataSEOSelect on DataSEO {
   id
   key

package/dist/esm/graphql/fragments/media.generated.js

@@ -1,4 +1,4 @@
-const MediaSelect = `
+/* eslint-disable */ const MediaSelect = `
     fragment MediaSelect on Media {
   id
   contentType

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -1,4 +1,4 @@
-const ProductLittleSelect = `
+/* eslint-disable */ const ProductLittleSelect = `
     fragment ProductLittleSelect on Product {
   id
   title

package/dist/esm/graphql/fragments/product-option-value.generated.js

@@ -1,4 +1,4 @@
-const ProductOptionValueSelect = `
+/* eslint-disable */ const ProductOptionValueSelect = `
     fragment ProductOptionValueSelect on ProductOptionValue {
   id
   label

package/dist/esm/graphql/fragments/product-option.generated.js

@@ -1,4 +1,4 @@
-const ProductOptionSelect = `
+/* eslint-disable */ const ProductOptionSelect = `
     fragment ProductOptionSelect on ProductOption {
   id
   name