@gem-sdk/core 1.13.38 → 1.14.0-dev.284

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -1,367 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo, useContext, createContext, Suspense, Fragment } from 'react';
-import { useStore, createStore } from 'zustand';
-import { cloneDeep } from '../helpers/clone-deep.js';
-import { normalizeBuilderData } from '../helpers/normalize-builder-data.js';
-
-function moveByIndex(input, from, to) {
-    const elm = input.splice(from, 1)[0];
-    if (elm !== undefined) {
-        input.splice(to, 0, elm);
-    }
-}
-function removeByKey(id, data) {
-    const item = data[id];
-    if (item) {
-        delete data[id];
-        if (item.type !== 'section') {
-            item.childrens?.map((child)=>removeByKey(child, data));
-        }
-    }
-}
-const BuilderPreviewContext = /*#__PURE__*/ createContext(null);
-const root = {
-    uid: 'ROOT',
-    tag: 'Root',
-    label: 'Root',
-    childrens: []
-};
-const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
-            state: args,
-            loaded: false,
-            addItem: (args)=>{
-                const { position , data  } = args;
-                const state = get().state;
-                const dateModified = Date.now();
-                if (args.type === 'section') {
-                    if (!Array.isArray(data)) {
-                        const sectionId = data.uid;
-                        // Section only add to ROOT
-                        const ROOT = state.ROOT;
-                        if (!ROOT.childrens) {
-                            ROOT.childrens = [
-                                sectionId
-                            ];
-                        } else {
-                            ROOT.childrens.splice(position ?? 0, 0, sectionId);
-                        }
-                        ROOT.dateModified = dateModified;
-                        set({
-                            state: {
-                                ...state,
-                                [sectionId]: {
-                                    uid: sectionId,
-                                    type: 'section',
-                                    label: data.label
-                                },
-                                ROOT: cloneDeep(ROOT)
-                            }
-                        });
-                    }
-                } else {
-                    const { id , data  } = args;
-                    const parent = id ? state[id] ?? state.ROOT : state.ROOT;
-                    // Can't add item to section
-                    if (parent.type === 'section') return;
-                    if (Array.isArray(data)) {
-                        const childrens = data.map((v)=>v.uid);
-                        const newState = data.reduceRight((prev, current)=>{
-                            const item = normalizeBuilderData(current);
-                            return {
-                                ...prev,
-                                ...item
-                            };
-                        }, {});
-                        parent.dateModified = dateModified;
-                        parent.childrens = parent.childrens ?? [];
-                        parent.childrens.splice(position ?? 0, 0, ...childrens);
-                        set({
-                            state: {
-                                ...state,
-                                ...newState,
-                                [parent.uid]: cloneDeep(parent)
-                            }
-                        });
-                    } else {
-                        const item = normalizeBuilderData(data);
-                        parent.dateModified = dateModified;
-                        parent.childrens = parent.childrens ?? [];
-                        parent.childrens.splice(position ?? 0, 0, data.uid);
-                        set({
-                            state: {
-                                ...state,
-                                ...item,
-                                [parent.uid]: cloneDeep(parent)
-                            }
-                        });
-                    }
-                }
-            },
-            changeItemProp: (id, data, group)=>{
-                if (!group || ![
-                    'setting',
-                    'style',
-                    'advanced'
-                ].includes(group)) return;
-                const state = get().state;
-                const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
-                if (item) {
-                    const dateModified = Date.now();
-                    item.dateModified = dateModified;
-                    switch(group){
-                        case 'setting':
-                            set({
-                                state: {
-                                    ...state,
-                                    [id]: {
-                                        ...item,
-                                        settings: {
-                                            ...item.settings,
-                                            ...data
-                                        }
-                                    }
-                                }
-                            });
-                            break;
-                        case 'style':
-                            set({
-                                state: {
-                                    ...state,
-                                    [id]: {
-                                        ...item,
-                                        styles: {
-                                            ...item.styles,
-                                            ...data
-                                        }
-                                    }
-                                }
-                            });
-                            break;
-                        case 'advanced':
-                            set({
-                                state: {
-                                    ...state,
-                                    [id]: {
-                                        ...item,
-                                        advanced: {
-                                            ...item.advanced,
-                                            ...data
-                                        }
-                                    }
-                                }
-                            });
-                            break;
-                    }
-                }
-            },
-            changeItemPropByKey: ({ id , key , data , group  })=>{
-                if (!group || ![
-                    'setting',
-                    'style',
-                    'advanced'
-                ].includes(group)) return;
-                const state = get().state;
-                const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
-                if (item) {
-                    const itemSetting = {
-                        style: item.styles ?? {},
-                        advanced: item.advanced ?? {},
-                        setting: item.settings ?? {}
-                    };
-                    if (data === undefined) {
-                        console.warn('Data is undefined');
-                        delete itemSetting[group][key];
-                    } else {
-                        itemSetting[group][key] = data;
-                    }
-                    set({
-                        state: {
-                            ...state,
-                            [id]: {
-                                ...item,
-                                settings: {
-                                    ...itemSetting.setting
-                                },
-                                styles: {
-                                    ...itemSetting.style
-                                },
-                                advanced: {
-                                    ...itemSetting.advanced
-                                }
-                            }
-                        }
-                    });
-                }
-            },
-            getItem: (id)=>{
-                return get().state[id];
-            },
-            removeItem: (id)=>{
-                if (id === 'ROOT') {
-                    set({
-                        state: {
-                            ROOT: root
-                        }
-                    });
-                } else {
-                    const state = get().state;
-                    removeByKey(id, state);
-                    // Get parent node by id
-                    const parent = Object.entries(state).find(([, value])=>value.type !== 'section' && value.childrens?.includes(id));
-                    if (parent) {
-                        const dateModified = Date.now();
-                        const [parentId, parentValue] = parent;
-                        if (parentValue.type === 'section') return;
-                        parentValue.childrens = parentValue.childrens?.filter((child)=>child !== id);
-                        parentValue.dateModified = dateModified;
-                        set({
-                            state: {
-                                ...state,
-                                [parentId]: cloneDeep(parentValue)
-                            }
-                        });
-                    }
-                }
-            },
-            moveItem: (id, toId, position)=>{
-                const state = get().state;
-                const item = state[id];
-                const moveTo = state[toId];
-                // Ignore section
-                if (!item || !moveTo || moveTo.type === 'section') return;
-                if (item.type === 'section') {
-                    // Section only add to ROOT
-                    const ROOT = state.ROOT;
-                    if (!ROOT.childrens) return;
-                    const currentIndex = ROOT.childrens.findIndex((uid)=>uid === id);
-                    moveByIndex(ROOT.childrens, currentIndex, position ?? 0);
-                    set({
-                        state: {
-                            ...state,
-                            ROOT: cloneDeep(ROOT)
-                        }
-                    });
-                } else {
-                    const parent = Object.entries(state).find(([, value])=>value.type !== 'section' && value.childrens?.includes(id));
-                    if (item && parent) {
-                        const dateModified = Date.now();
-                        const [, parentItem] = parent;
-                        // Ignore section
-                        if (parentItem.type === 'section') return;
-                        parentItem.dateModified = dateModified;
-                        if (toId === parentItem.uid && parentItem.childrens) {
-                            // Move item to the same parent
-                            const currentIndex = parentItem.childrens.findIndex((uid)=>uid === id);
-                            if (parentItem.childrens && currentIndex !== position) {
-                                moveByIndex(parentItem.childrens, currentIndex, position ?? 0);
-                                set({
-                                    state: {
-                                        ...state,
-                                        [parentItem.uid]: cloneDeep(parentItem)
-                                    }
-                                });
-                            }
-                        } else {
-                            // Move item to another parent
-                            // Remove item from parent node
-                            parentItem.childrens = parentItem.childrens?.filter((uid)=>uid !== id);
-                            if (moveTo) {
-                                moveTo.dateModified = dateModified;
-                                moveTo.childrens = moveTo.childrens ?? [];
-                                moveTo.childrens.splice(position ?? 0, 0, item.uid);
-                                set({
-                                    state: {
-                                        ...state,
-                                        [moveTo.uid]: cloneDeep(moveTo),
-                                        [parentItem.uid]: cloneDeep(parentItem)
-                                    }
-                                });
-                            }
-                        }
-                    }
-                }
-            },
-            forceChangeState: (data)=>{
-                set({
-                    state: data,
-                    loaded: true
-                });
-            },
-            initState: (data)=>{
-                if (Array.isArray(data)) {
-                    const childrens = data.map((v)=>v.uid);
-                    const newState = data.reduceRight((prev, current)=>{
-                        const item = normalizeBuilderData(current);
-                        return {
-                            ...prev,
-                            ...item
-                        };
-                    }, {});
-                    set({
-                        loaded: true,
-                        state: {
-                            ROOT: {
-                                ...root,
-                                childrens
-                            },
-                            ...newState
-                        }
-                    });
-                } else {
-                    const newState = normalizeBuilderData(data);
-                    set({
-                        loaded: true,
-                        state: {
-                            ROOT: {
-                                ...root,
-                                childrens: [
-                                    data.uid
-                                ]
-                            },
-                            ...newState
-                        }
-                    });
-                }
-            },
-            addSection: (data, position)=>{
-                const state = get().state;
-                const ROOT = state.ROOT;
-                if (!ROOT.childrens) ROOT.childrens = [];
-                ROOT.childrens.splice(position ?? 0, 0, data.uid);
-                set({
-                    state: {
-                        ...state,
-                        ROOT: cloneDeep(ROOT)
-                    }
-                });
-            }
-        }));
-const BuilderPreviewProvider = ({ children , state , lazy , ...passProps })=>{
-    const Component = lazy ? Suspense : Fragment;
-    const value = useMemo(()=>{
-        return createBuilderPreviewProvider(state);
-    }, [
-        state
-    ]);
-    return /*#__PURE__*/ jsx(Component, {
-        children: /*#__PURE__*/ jsx(BuilderPreviewContext.Provider, {
-            ...passProps,
-            value: value,
-            children: children
-        })
-    });
-};
-// export const useBuilderPreviewStore = useStore;
-const useBuilderPreviewStore = (selector, equalityFn)=>{
-    const store = useContext(BuilderPreviewContext);
-    if (!store) {
-        throw new Error('useBuilderPreviewStore must be used within a BuilderPreviewProvider');
-    }
-    return useStore(store, selector, equalityFn);
-};
-
-export { BuilderPreviewProvider, useBuilderPreviewStore };
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as i,createContext as d,Suspense as r,Fragment as s}from"react";import{useStore as l,createStore as n}from"zustand";import{cloneDeep as a}from"../helpers/clone-deep.js";import{normalizeBuilderData as c}from"../helpers/normalize-builder-data.js";function moveByIndex(e,t,i){let d=e.splice(t,1)[0];void 0!==d&&e.splice(i,0,d)}function removeByKey(e,t){let i=t[e];i&&(delete t[e],"section"!==i.type&&i.childrens?.map(e=>removeByKey(e,t)))}let BuilderPreviewContext=d(null),root={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},createBuilderPreviewProvider=e=>n((t,i)=>({state:e,loaded:!1,addItem:e=>{let{position:d,data:r}=e,s=i().state,l=Date.now();if("section"===e.type){if(!Array.isArray(r)){let e=r.uid,i=s.ROOT;i.childrens?i.childrens.splice(d??0,0,e):i.childrens=[e],i.dateModified=l,t({state:{...s,[e]:{uid:e,type:"section",label:r.label},ROOT:a(i)}})}}else{let{id:i,data:r}=e,n=i?s[i]??s.ROOT:s.ROOT;if("section"===n.type)return;if(Array.isArray(r)){let e=r.map(e=>e.uid),i=r.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(d??0,0,...e),t({state:{...s,...i,[n.uid]:a(n)}})}else{let e=c(r);n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(d??0,0,r.uid),t({state:{...s,...e,[n.uid]:a(n)}})}}},changeItemProp:(e,d,r)=>{if(!r||!["setting","style","advanced"].includes(r))return;let s=i().state,l=s[e];if(l?.type!=="section"&&l){let i=Date.now();switch(l.dateModified=i,r){case"setting":t({state:{...s,[e]:{...l,settings:{...l.settings,...d}}}});break;case"style":t({state:{...s,[e]:{...l,styles:{...l.styles,...d}}}});break;case"advanced":t({state:{...s,[e]:{...l,advanced:{...l.advanced,...d}}}})}}},forceChangeItemProp:(e,d,r)=>{if(!r||!["setting","style","advanced"].includes(r))return;let s=i().state,l=s[e];if(l?.type!=="section"&&l){let i=Date.now();switch(l.dateModified=i,r){case"setting":t({state:{...s,[e]:{...l,settings:d}}});break;case"style":t({state:{...s,[e]:{...l,styles:d}}});break;case"advanced":t({state:{...s,[e]:{...l,advanced:d}}})}}},changeItemPropByKey:({id:e,key:d,data:r,group:s})=>{if(!s||!["setting","style","advanced"].includes(s))return;let l=i().state,n=l[e];if(n?.type!=="section"&&n){let i={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===r?(console.warn("Data is undefined"),delete i[s][d]):i[s][d]=r,t({state:{...l,[e]:{...n,settings:{...i.setting},styles:{...i.style},advanced:{...i.advanced}}}})}},getItem:e=>i().state[e],removeItem:e=>{if("ROOT"===e)t({state:{ROOT:root}});else{let d=i().state;removeByKey(e,d);let r=Object.entries(d).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(r){let i=Date.now(),[s,l]=r;if("section"===l.type)return;l.childrens=l.childrens?.filter(t=>t!==e),l.dateModified=i,t({state:{...d,[s]:a(l)}})}}},moveItem:(e,d,r)=>{let s=i().state,l=s[e],n=s[d];if(l&&n&&"section"!==n.type){if("section"===l.type){let i=s.ROOT;if(!i.childrens)return;let d=i.childrens.findIndex(t=>t===e);moveByIndex(i.childrens,d,r??0),t({state:{...s,ROOT:a(i)}})}else{let i=Object.entries(s).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(l&&i){let c=Date.now(),[,o]=i;if("section"===o.type)return;if(o.dateModified=c,d===o.uid&&o.childrens){let i=o.childrens.findIndex(t=>t===e);o.childrens&&i!==r&&(moveByIndex(o.childrens,i,r??0),t({state:{...s,[o.uid]:a(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),n&&(n.dateModified=c,n.childrens=n.childrens??[],n.childrens.splice(r??0,0,l.uid),t({state:{...s,[n.uid]:a(n),[o.uid]:a(o)}}))}}}},forceChangeState:e=>{t({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let i=e.map(e=>e.uid),d=e.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});t({loaded:!0,state:{ROOT:{...root,childrens:i},...d}})}else{let i=c(e);t({loaded:!0,state:{ROOT:{...root,childrens:[e.uid]},...i}})}},addSection:(e,d)=>{let r=i().state,s=r.ROOT;s.childrens||(s.childrens=[]),s.childrens.splice(d??0,0,e.uid),t({state:{...r,ROOT:a(s)}})}})),BuilderPreviewProvider=({children:i,state:d,lazy:l,...n})=>{let a=l?r:s,c=t(()=>createBuilderPreviewProvider(d),[d]);return e(a,{children:e(BuilderPreviewContext.Provider,{...n,value:c,children:i})})},useBuilderPreviewStore=(e,t)=>{let d=i(BuilderPreviewContext);if(!d)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return l(d,e,t)};export{BuilderPreviewProvider,useBuilderPreviewStore};

package/dist/esm/contexts/CartLineContext.js

@@ -1,26 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useStore, createStore } from 'zustand';
-import { useContext, createContext } from 'react';
-
-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 };
+import{jsx as r}from"react/jsx-runtime";import{useStore as e,createStore as t}from"zustand";import{useContext as i,createContext as n}from"react";let CartLineContext=n(null),createCartLineStore=r=>t(()=>({...r})),CartLineProvider=({children:e,line:t})=>r(CartLineContext.Provider,{value:createCartLineStore({line:t}),children:e},`${t.id}-${t.quantity}`),useCartLineStore=(r,t)=>{let n=i(CartLineContext);if(!n)throw Error("useCartLineStore must be used within a CartLineProvider");return e(n,r,t)};export{CartLineProvider,useCartLineStore};

package/dist/esm/contexts/CollectionContext.js

@@ -1,35 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo, useContext, createContext } from 'react';
-import { useStore, createStore } from 'zustand';
-
-const CollectionContext = /*#__PURE__*/ createContext(null);
-const createCollectionProvider = (data)=>createStore((set)=>({
-            ...data,
-            changeCollectionStore: ({ collection  })=>{
-                set({
-                    collection: collection
-                });
-            }
-        }));
-const CollectionProvider = ({ collection , children  })=>{
-    const store = useMemo(()=>{
-        return createCollectionProvider({
-            collection
-        });
-    }, [
-        collection
-    ]);
-    return /*#__PURE__*/ jsx(CollectionContext.Provider, {
-        value: store,
-        children: children
-    }, collection?.id);
-};
-const useCollectionStore = (selector, equalityFn)=>{
-    const store = useContext(CollectionContext);
-    if (!store) {
-        throw new Error('useCollectionStore must be used within a useCollectionStore');
-    }
-    return useStore(store, selector, equalityFn);
-};
-
-export { CollectionProvider, useCollectionStore };
+import{jsx as e}from"react/jsx-runtime";import{useMemo as o,useContext as t,createContext as r}from"react";import{useStore as l,createStore as i}from"zustand";let CollectionContext=r(null),createCollectionProvider=e=>i(o=>({...e,changeCollectionStore:({collection:e})=>{o({collection:e})}})),CollectionProvider=({collection:t,children:r})=>{let l=o(()=>createCollectionProvider({collection:t}),[t]);return e(CollectionContext.Provider,{value:l,children:r},t?.id)},useCollectionStore=(e,o)=>{let r=t(CollectionContext);if(!r)throw Error("useCollectionStore must be used within a useCollectionStore");return l(r,e,o)};export{CollectionProvider,useCollectionStore};

package/dist/esm/contexts/ModalContext.js

@@ -1,44 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, createContext } from 'react';
-import { useStore, createStore } from 'zustand';
-
-const ModalContext = /*#__PURE__*/ createContext(null);
-const createModalProvider = (data)=>createStore((set)=>({
-            activeId: data,
-            setModalActive: (id)=>{
-                window?.parent?.postMessage?.(JSON.stringify({
-                    type: 'active-element',
-                    uid: id
-                }), '*');
-                set({
-                    activeId: id
-                });
-            },
-            clearModal: ()=>{
-                window?.parent?.postMessage?.(JSON.stringify({
-                    type: 'active-element',
-                    uid: null
-                }), '*');
-                set({
-                    activeId: undefined
-                });
-            }
-        }));
-const ModalProvider = ({ children , activeId , ...passProps })=>{
-    const store = createModalProvider(activeId);
-    return /*#__PURE__*/ jsx(ModalContext.Provider, {
-        ...passProps,
-        value: store,
-        children: children
-    });
-};
-// export const useBuilderStore = useStore;
-const useModalStore = (selector, equalityFn)=>{
-    const store = useContext(ModalContext);
-    if (!store) {
-        throw new Error('useModalStore must be used within a ModalProvider');
-    }
-    return useStore(store, selector, equalityFn);
-};
-
-export { ModalProvider, useModalStore };
+import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useStore as o,createStore as a}from"zustand";let ModalContext=r(null),createModalProvider=e=>a(t=>({activeId:e,setModalActive:e=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-element",uid:e}),"*"),t({activeId:e})},clearModal:()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-element",uid:null}),"*"),t({activeId:void 0})}})),ModalProvider=({children:t,activeId:r,...o})=>{let a=createModalProvider(r);return e(ModalContext.Provider,{...o,value:a,children:t})},useModalStore=(e,r)=>{let a=t(ModalContext);if(!a)throw Error("useModalStore must be used within a ModalProvider");return o(a,e,r)};export{ModalProvider,useModalStore};

package/dist/esm/contexts/ProductContext.js

@@ -1,146 +1 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useStore, createStore } from 'zustand';
-import { useId, useMemo, useContext, createContext } from 'react';
-import { flattenConnection } from '../helpers/flatten-connection.js';
-import { checkInStock } from '../helpers/variant.js';
-
-// 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 = variants[0];
-            const firstVariantInStock = variants.find((item)=>checkInStock(item));
-            const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? 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 };
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useStore as r,createStore as o}from"zustand";import{useId as i,useMemo as d,useContext as n,createContext as u}from"react";import{flattenConnection as s}from"../helpers/flatten-connection.js";import{checkInStock as a}from"../helpers/variant.js";let ProductContext=u(null),createProductStoreProvider=e=>o((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},addProperty:e=>{let o=r().properties;o?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})}})),ProductProvider=({children:r,product:o,initialVariantId:n,quantity:u=1,isSyncProduct:p})=>{let c=i(),l=d(()=>{let e,t={};if(o){let r=s(o.variants),i=r[0],d=r.find(e=>a(e)),u=r.find(e=>e?.id===n)??d??i;t=u?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===u?.mediaId)?.node??o.featuredImage}return createProductStoreProvider({product:o,quantity:u,selectedOptions:t,uiqueId:c,featuredImageGlobal:e,isSyncProduct:p})},[n,o,u,c,p]);return e(ProductContext.Provider,{value:l,children:e(t,{children:r})})},useProductStore=(e,t)=>{let o=n(ProductContext);if(!o)throw Error("Element of product must be used inside a Product");return r(o,e,t)};export{ProductProvider,useProductStore};

package/dist/esm/contexts/ProductListContext.js

@@ -1,28 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, createContext } from 'react';
-import { useStore, createStore } from 'zustand';
-
-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 };
+import{jsx as t}from"react/jsx-runtime";import{useContext as r,createContext as o}from"react";import{useStore as e,createStore as i}from"zustand";let ProductListContext=o(null),createProductListProvider=t=>i(()=>({...t})),ProductListProvider=({children:r,collection:o,products:e,settings:i,styles:u})=>t(ProductListContext.Provider,{value:createProductListProvider({products:e,collection:o,settings:i,styles:u}),children:r}),useProductListStore=(t,o)=>{let i=r(ProductListContext);if(!i)throw Error("useProductListStore must be used within a useProductListStore");return e(i,t,o)};export{ProductListContext,ProductListProvider,useProductListStore};