@gem-sdk/core 2.0.0-dev.896 → 2.0.0

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -1 +1,486 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),zustand=require("zustand"),cloneDeep=require("../helpers/clone-deep.js"),normalizeBuilderData=require("../helpers/normalize-builder-data.js");function moveByIndex(e,t,i){let r=e.splice(t,1)[0];void 0!==r&&e.splice(i,0,r)}function removeByKey(e,t){let i=t[e];i&&(delete t[e],"section"!==i.type&&i.childrens?.map(e=>removeByKey(e,t)))}const BuilderPreviewContext=react.createContext(null),root={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},createBuilderPreviewProvider=(e,t)=>zustand.createStore((i,r)=>({state:e,loaded:!1,isThemeSectionEditor:!!t,dynamicProduct:null,dynamicCollection:null,addItem:e=>{let{position:t,data:l}=e,s=r().state,n=Date.now();if("section"===e.type){if(!Array.isArray(l)){let e=l.uid,r=s.ROOT;r.childrens?r.childrens.splice(t??0,0,e):r.childrens=[e],r.dateModified=n,i({state:{...s,[e]:{uid:e,type:"section",label:l.label},ROOT:cloneDeep.cloneDeep(r)}})}}else{let{id:r,data:l}=e,d=r?s[r]??s.ROOT:s.ROOT;if("section"===d.type)return;if(Array.isArray(l)){let e=l.map(e=>e.uid),r=l.reduceRight((e,t)=>{let i=normalizeBuilderData.normalizeBuilderData(t);return{...e,...i}},{});d.dateModified=n,d.childrens=d.childrens??[],d.childrens.splice(t??0,0,...e),i({state:{...s,...r,[d.uid]:cloneDeep.cloneDeep(d)}})}else{let e=normalizeBuilderData.normalizeBuilderData(l);d.dateModified=n,d.childrens=d.childrens??[],d.childrens.splice(t??0,0,l.uid),i({state:{...s,...e,[d.uid]:cloneDeep.cloneDeep(d)}})}}},changeItemProp:(e,t,l)=>{if(!l||!["setting","style","advanced"].includes(l))return;let s=r().state,n=s[e];if(n?.type!=="section"&&n){let r=Date.now();switch(n.dateModified=r,l){case"setting":i({state:{...s,[e]:{...n,settings:{...n.settings,...t}}}});break;case"style":i({state:{...s,[e]:{...n,styles:{...n.styles,...t}}}});break;case"advanced":i({state:{...s,[e]:{...n,advanced:{...n.advanced,...t}}}})}}},forceChangeItemProp:(e,t,l)=>{if(!l||!["setting","style","advanced"].includes(l))return;let s=r().state,n=s[e];if(n?.type!=="section"&&n){let r=Date.now();switch(n.dateModified=r,l){case"setting":i({state:{...s,[e]:{...n,settings:t}}});break;case"style":i({state:{...s,[e]:{...n,styles:t}}});break;case"advanced":i({state:{...s,[e]:{...n,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:l,group:s})=>{if(!s||!["setting","style","advanced"].includes(s))return;let n=r().state,d=n[e];if(d?.type!=="section"&&d){let r={style:d.styles??{},advanced:d.advanced??{},setting:d.settings??{}};void 0===l?(console.warn("Data is undefined"),delete r[s][t]):r[s][t]=l,i({state:{...n,[e]:{...d,settings:{...r.setting},styles:{...r.style},advanced:{...r.advanced}}}})}},getItem:e=>{let t=r().state[e];return{...t,rawChildrens:t?.childrens?.map(e=>r().state[e])}},removeItem:e=>{if("ROOT"===e)i({state:{ROOT:root}});else{let t=r().state;removeByKey(e,t);let l=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(l){let r=Date.now(),[s,n]=l;if("section"===n.type)return;n.childrens=n.childrens?.filter(t=>t!==e),n.dateModified=r,i({state:{...t,[s]:cloneDeep.cloneDeep(n)}})}}},moveItem:(e,t,l)=>{let s=r().state,n=s[e],d=s[t];if(n&&d&&"section"!==d.type){if("section"===n.type){let t=s.ROOT;if(!t.childrens)return;let r=t.childrens.findIndex(t=>t===e);moveByIndex(t.childrens,r,l??0),i({state:{...s,ROOT:cloneDeep.cloneDeep(t)}})}else{let r=Object.entries(s).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(n&&r){let a=Date.now(),[,c]=r;if("section"===c.type)return;if(c.dateModified=a,t===c.uid&&c.childrens){let t=c.childrens.findIndex(t=>t===e);c.childrens&&t!==l&&(moveByIndex(c.childrens,t,l??0),i({state:{...s,[c.uid]:cloneDeep.cloneDeep(c)}}))}else c.childrens=c.childrens?.filter(t=>t!==e),d&&(d.dateModified=a,d.childrens=d.childrens??[],d.childrens.splice(l??0,0,n.uid),i({state:{...s,[d.uid]:cloneDeep.cloneDeep(d),[c.uid]:cloneDeep.cloneDeep(c)}}))}}}},forceChangeState:e=>{i({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),r=e.reduceRight((e,t)=>{let i=normalizeBuilderData.normalizeBuilderData(t);return{...e,...i}},{});i({loaded:!0,state:{ROOT:{...root,childrens:t},...r}})}else{let t=normalizeBuilderData.normalizeBuilderData(e);i({loaded:!0,state:{ROOT:{...root,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let l=r().state,s=l.ROOT;s.childrens||(s.childrens=[]),s.childrens.splice(t??0,0,e.uid),i({state:{...l,ROOT:cloneDeep.cloneDeep(s)}})},getParents:(e,t)=>{let i=r().state,l=[],s=0,n=e;for(;!t||!(s>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(n));if(!e)break;let[,t]=e;if(!t)break;l.push(t),n=t.uid,s++}return l},updateItemName:(e,t)=>{let l=r().state,s=l[e];s&&(s.name=t,i({state:{...l,[e]:cloneDeep.cloneDeep(s)}}))},updateItemAttribute:(e,t,l)=>{if(!l||!["label","customLabel","isShopifyVisibility"].includes(l))return;let s=r().state,n=s[e];if(n){if("section"!==n.type){let e=Date.now();n.dateModified=e}let r={...n,[l]:t};i({state:{...s,[e]:r}})}}})),BuilderPreviewProvider=({children:e,state:t,isThemeSectionEditor:i,lazy:r,...l})=>{let s=r?react.Suspense:react.Fragment,n=react.useMemo(()=>createBuilderPreviewProvider(t,i),[t,i]);return jsxRuntime.jsx(s,{children:jsxRuntime.jsx(BuilderPreviewContext.Provider,{...l,value:n,children:e})})},useBuilderPreviewStore=(e,t)=>{let i=react.useContext(BuilderPreviewContext);if(!i)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return zustand.useStore(i,e,t)};exports.BuilderPreviewProvider=BuilderPreviewProvider,exports.useBuilderPreviewStore=useBuilderPreviewStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+var cloneDeep = require('../helpers/clone-deep.js');
+var normalizeBuilderData = require('../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__*/ react.createContext(null);
+const root = {
+    uid: 'ROOT',
+    tag: 'Root',
+    label: 'Root',
+    childrens: []
+};
+const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>zustand.createStore((set, get)=>({
+            state: args,
+            loaded: false,
+            isThemeSectionEditor: !!isThemeSectionEditor,
+            pageName: pageName,
+            dynamicProduct: null,
+            dynamicCollection: null,
+            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.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.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.cloneDeep(parent)
+                            }
+                        });
+                    } else {
+                        const item = normalizeBuilderData.normalizeBuilderData(data);
+                        parent.dateModified = dateModified;
+                        parent.childrens = parent.childrens ?? [];
+                        parent.childrens.splice(position ?? 0, 0, data.uid);
+                        set({
+                            state: {
+                                ...state,
+                                ...item,
+                                [parent.uid]: cloneDeep.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;
+                    }
+                }
+            },
+            forceChangeItemProp: (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: data
+                                    }
+                                }
+                            });
+                            break;
+                        case 'style':
+                            set({
+                                state: {
+                                    ...state,
+                                    [id]: {
+                                        ...item,
+                                        styles: data
+                                    }
+                                }
+                            });
+                            break;
+                        case 'advanced':
+                            set({
+                                state: {
+                                    ...state,
+                                    [id]: {
+                                        ...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)=>{
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
+            },
+            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.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.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.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.cloneDeep(moveTo),
+                                        [parentItem.uid]: cloneDeep.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.normalizeBuilderData(current);
+                        return {
+                            ...prev,
+                            ...item
+                        };
+                    }, {});
+                    set({
+                        loaded: true,
+                        state: {
+                            ROOT: {
+                                ...root,
+                                childrens
+                            },
+                            ...newState
+                        }
+                    });
+                } else {
+                    const newState = normalizeBuilderData.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.cloneDeep(ROOT)
+                    }
+                });
+            },
+            getParents: (id, limit)=>{
+                const state = get().state;
+                const parents = [];
+                let index = 0;
+                let currentId = id;
+                // eslint-disable-next-line no-constant-condition
+                while(true){
+                    if (limit && index >= limit) break;
+                    const parent = Object.entries(state).find(([, value])=>value.type !== 'section' && value.childrens?.includes(currentId));
+                    if (!parent) break;
+                    const [, parentItem] = parent;
+                    if (!parentItem) break;
+                    parents.push(parentItem);
+                    currentId = parentItem.uid;
+                    index++;
+                }
+                return parents;
+            },
+            updateItemName: (id, name)=>{
+                const state = get().state;
+                const item = state[id];
+                if (item) {
+                    item.name = name;
+                    set({
+                        state: {
+                            ...state,
+                            [id]: cloneDeep.cloneDeep(item)
+                        }
+                    });
+                }
+            },
+            updateItemAttribute: (id, value, attr)=>{
+                if (!attr || ![
+                    'label',
+                    'customLabel',
+                    'isShopifyVisibility'
+                ].includes(attr)) return;
+                const state = get().state;
+                const item = state[id];
+                if (item) {
+                    if (item.type !== 'section') {
+                        const dateModified = Date.now();
+                        item.dateModified = dateModified;
+                    }
+                    const updatedItem = {
+                        ...item,
+                        [attr]: value
+                    };
+                    set({
+                        state: {
+                            ...state,
+                            [id]: updatedItem
+                        }
+                    });
+                }
+            }
+        }));
+const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, pageName, lazy, ...passProps })=>{
+    const Component = lazy ? react.Suspense : react.Fragment;
+    const value = react.useMemo(()=>{
+        return createBuilderPreviewProvider(state, pageName, isThemeSectionEditor);
+    }, [
+        state,
+        isThemeSectionEditor,
+        pageName
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(BuilderPreviewContext.Provider, {
+            ...passProps,
+            value: value,
+            children: children
+        })
+    });
+};
+// export const useBuilderPreviewStore = useStore;
+const useBuilderPreviewStore = (selector, equalityFn)=>{
+    const store = react.useContext(BuilderPreviewContext);
+    if (!store) {
+        throw new Error('useBuilderPreviewStore must be used within a BuilderPreviewProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.BuilderPreviewProvider = BuilderPreviewProvider;
+exports.useBuilderPreviewStore = useBuilderPreviewStore;

package/dist/cjs/contexts/CartLineContext.js

@@ -1 +1,29 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),zustand=require("zustand"),react=require("react");const CartLineContext=react.createContext(null),createCartLineStore=e=>zustand.createStore(()=>({...e})),CartLineProvider=({children:e,line:t})=>jsxRuntime.jsx(CartLineContext.Provider,{value:createCartLineStore({line:t}),children:e},`${t.id}-${t.quantity}`),useCartLineStore=(e,t)=>{let r=react.useContext(CartLineContext);if(!r)throw Error("useCartLineStore must be used within a CartLineProvider");return zustand.useStore(r,e,t)};exports.CartLineProvider=CartLineProvider,exports.useCartLineStore=useCartLineStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+const CartLineContext = /*#__PURE__*/ react.createContext(null);
+const createCartLineStore = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const CartLineProvider = ({ children, line })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(CartLineContext.Provider, {
+        value: createCartLineStore({
+            line
+        }),
+        children: children
+    }, `${line.id}-${line.quantity}`);
+};
+// export const useCartLineStore = useStore;
+const useCartLineStore = (selector, equalityFn)=>{
+    const store = react.useContext(CartLineContext);
+    if (!store) {
+        throw new Error('useCartLineStore must be used within a CartLineProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.CartLineProvider = CartLineProvider;
+exports.useCartLineStore = useCartLineStore;

package/dist/cjs/contexts/CollectionContext.js

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

package/dist/cjs/contexts/ModalContext.js

@@ -1 +1,47 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),zustand=require("zustand");const ModalContext=react.createContext(null),createModalProvider=e=>zustand.createStore(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:e,activeId:t,...r})=>{let o=createModalProvider(t);return jsxRuntime.jsx(ModalContext.Provider,{...r,value:o,children:e})},useModalStore=(e,t)=>{let r=react.useContext(ModalContext);if(!r)throw Error("useModalStore must be used within a ModalProvider");return zustand.useStore(r,e,t)};exports.ModalProvider=ModalProvider,exports.useModalStore=useModalStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ModalContext = /*#__PURE__*/ react.createContext(null);
+const createModalProvider = (data)=>zustand.createStore((set)=>({
+            activeId: data,
+            setModalActive: (id, postMessage)=>{
+                postMessage && 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__*/ jsxRuntime.jsx(ModalContext.Provider, {
+        ...passProps,
+        value: store,
+        children: children
+    });
+};
+// export const useBuilderStore = useStore;
+const useModalStore = (selector, equalityFn)=>{
+    const store = react.useContext(ModalContext);
+    if (!store) {
+        throw new Error('useModalStore must be used within a ModalProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ModalProvider = ModalProvider;
+exports.useModalStore = useModalStore;