@gem-sdk/core 3.0.0-pre-production.15 → 3.0.6

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -1,479 +1,2 @@
-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, pageName, isThemeSectionEditor)=>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(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;
-                    }
-                }
-            },
-            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)=>{
-                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)
-                    }
-                });
-            },
-            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(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 ? Suspense : Fragment;
-    const value = useMemo(()=>{
-        return createBuilderPreviewProvider(state, pageName, isThemeSectionEditor);
-    }, [
-        state,
-        isThemeSectionEditor,
-        pageName
-    ]);
-    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 };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as i,createContext as s,Suspense as d,Fragment as r}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 s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}function removeByKey(e,t){let i=t[e];i&&(delete t[e],"section"!==i.type&&i.childrens?.map(e=>removeByKey(e,t)))}let BuilderPreviewContext=s(null),root={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},createBuilderPreviewProvider=(e,t,i)=>n((s,d)=>({state:e,loaded:!1,isThemeSectionEditor:!!i,pageName:t,dynamicProduct:null,dynamicCollection:null,addItem:e=>{let{position:t,data:i}=e,r=d().state,l=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,d=r.ROOT;d.childrens?d.childrens.splice(t??0,0,e):d.childrens=[e],d.dateModified=l,s({state:{...r,[e]:{uid:e,type:"section",label:i.label},ROOT:a(d)}})}}else{let{id:i,data:d}=e,n=i?r[i]??r.ROOT:r.ROOT;if("section"===n.type)return;if(Array.isArray(d)){let e=d.map(e=>e.uid),i=d.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,...e),s({state:{...r,...i,[n.uid]:a(n)}})}else{let e=c(d);n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,d.uid),s({state:{...r,...e,[n.uid]:a(n)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=d().state,l=r[e];if(l?.type!=="section"&&l){let d=Date.now();switch(l.dateModified=d,i){case"setting":s({state:{...r,[e]:{...l,settings:{...l.settings,...t}}}});break;case"style":s({state:{...r,[e]:{...l,styles:{...l.styles,...t}}}});break;case"advanced":s({state:{...r,[e]:{...l,advanced:{...l.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=d().state,l=r[e];if(l?.type!=="section"&&l){let d=Date.now();switch(l.dateModified=d,i){case"setting":s({state:{...r,[e]:{...l,settings:t}}});break;case"style":s({state:{...r,[e]:{...l,styles:t}}});break;case"advanced":s({state:{...r,[e]:{...l,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let l=d().state,n=l[e];if(n?.type!=="section"&&n){let d={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===i?(console.warn("Data is undefined"),delete d[r][t]):d[r][t]=i,s({state:{...l,[e]:{...n,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>d().state[e],getState:()=>d().state,removeItem:e=>{if("ROOT"===e)s({state:{ROOT:root}});else{let t=d().state;removeByKey(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let d=Date.now(),[r,l]=i;if("section"===l.type)return;l.childrens=l.childrens?.filter(t=>t!==e),l.dateModified=d,s({state:{...t,[r]:a(l)}})}}},moveItem:(e,t,i)=>{let r=d().state,l=r[e],n=r[t];if(l&&n&&"section"!==n.type){if("section"===l.type){let t=r.ROOT;if(!t.childrens)return;let d=t.childrens.findIndex(t=>t===e);moveByIndex(t.childrens,d,i??0),s({state:{...r,ROOT:a(t)}})}else{let d=Object.entries(r).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(l&&d){let c=Date.now(),[,o]=d;if("section"===o.type)return;if(o.dateModified=c,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(moveByIndex(o.childrens,t,i??0),s({state:{...r,[o.uid]:a(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),n&&(n.dateModified=c,n.childrens=n.childrens??[],n.childrens.splice(i??0,0,l.uid),s({state:{...r,[n.uid]:a(n),[o.uid]:a(o)}}))}}}},forceChangeState:e=>{s({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});s({loaded:!0,state:{ROOT:{...root,childrens:t},...i}})}else{let t=c(e);s({loaded:!0,state:{ROOT:{...root,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=d().state,r=i.ROOT;r.childrens||(r.childrens=[]),r.childrens.splice(t??0,0,e.uid),s({state:{...i,ROOT:a(r)}})},getParents:(e,t)=>{let i=d().state,s=[],r=0,l=e;for(;!t||!(r>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(l));if(!e)break;let[,t]=e;if(!t)break;s.push(t),l=t.uid,r++}return s},updateItemName:(e,t)=>{let i=d().state,r=i[e];r&&(r.name=t,s({state:{...i,[e]:a(r)}}))},updateItemAttribute:(e,t,i)=>{if(!i||!["label","customLabel","isShopifyVisibility"].includes(i))return;let r=d().state,l=r[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let d={...l,[i]:t};s({state:{...r,[e]:d}})}}})),BuilderPreviewProvider=({children:i,state:s,isThemeSectionEditor:l,pageName:n,lazy:a,...c})=>{let o=a?d:r,u=t(()=>createBuilderPreviewProvider(s,n,l),[s,l,n]);return e(o,{children:e(BuilderPreviewContext.Provider,{...c,value:u,children:i})})},useBuilderPreviewStore=(e,t)=>{let s=i(BuilderPreviewContext);if(!s)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return l(s,e,t)};export{BuilderPreviewProvider,useBuilderPreviewStore};

package/dist/esm/contexts/CartLineContext.js

@@ -1,26 +1,2 @@
-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 };
+'use client';
+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,2 @@
-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 };
+'use client';
+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/I18nContext.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useStore as t,createStore as o}from"zustand";import{useMemo as n,useContext as i,createContext as d}from"react";let I18nContext=d(null),createI18nStoreProvider=r=>o(()=>({...r})),I18nProvider=({children:t,t:o})=>{let i=n(()=>createI18nStoreProvider({t:o}),[o]);return r(I18nContext.Provider,{value:i,children:r(e,{children:t})})},useI18nStore=()=>{let r=i(I18nContext);if(!r)throw Error("useI18nStore must be used inside a I18nProvider");return t(r)};export{I18nProvider,useI18nStore};

package/dist/esm/contexts/ModalContext.js

@@ -1,44 +1,2 @@
-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, 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__*/ 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 };
+'use client';
+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,r)=>{r&&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};