@gem-sdk/core 1.12.0-experimental-8f483e48 → 1.12.0-experimental-d7cbfa75

package/dist/contexts/BuilderContext.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import type { BuilderEntity, BuilderState, ExtractState, SectionData } from '../types';
+type BuilderContextProps = {
+    state: BuilderState | SectionData;
+    getItem: (id: string) => BuilderEntity | undefined;
+};
+export type BuilderProviderProps = Pick<BuilderContextProps, 'state'> & {
+    children: React.ReactNode;
+    lazy?: boolean;
+    priority?: boolean;
+};
+export declare const BuilderProvider: React.FC<BuilderProviderProps>;
+export declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<BuilderContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+export {};
+//# sourceMappingURL=BuilderContext.d.ts.map

package/dist/contexts/BuilderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderContext.d.ts","sourceRoot":"","sources":["../../src/contexts/BuilderContext.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,YAAY,GAAG,WAAW,CAAC;IAClC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;CACpD,CAAC;AAYF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAC;AAIF,eAAO,MAAM,eAAe,wBACR,aAAa,SAAS,mBAAmB,CAAC,CAAC,sCAChC,OAAO,mBAOrC,CAAC"}

package/dist/contexts/BuilderContext.js

@@ -0,0 +1,37 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, Suspense, useContext } from 'react';
+import { createStore, useStore } from 'zustand';
+import { createContext } from 'react';
+const BuilderContext = createContext(null);
+const createBuilderProvider = (data) => createStore((_, get) => ({
+    state: data,
+    getItem: (id) => {
+        return get().state[id];
+    },
+}));
+export const BuilderProvider = (_a) => {
+    var { children, state, lazy, priority } = _a, passProps = __rest(_a, ["children", "state", "lazy", "priority"]);
+    const Component = lazy ? Suspense : Fragment;
+    const store = createBuilderProvider(state);
+    return (_jsx(Component, { children: _jsx(BuilderContext.Provider, Object.assign({}, passProps, { value: store }, { children: children })) }));
+};
+// export const useBuilderStore = useStore;
+export const useBuilderStore = (selector, equalityFn) => {
+    const store = useContext(BuilderContext);
+    if (!store) {
+        throw new Error('useBuilderStore must be used within a BuilderProvider');
+    }
+    return useStore(store, selector, equalityFn);
+};

package/dist/contexts/BuilderPreviewContext.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import type { BuilderEntity, BuilderEntityNested, BuilderState, ExtractState, GroupPropType, SectionEntity } from '../types';
+type BuilderPreviewContextProps = {
+    state: BuilderState;
+    addItem: (args: {
+        data: BuilderEntityNested | BuilderEntityNested[];
+        type?: 'component' | 'section';
+        id?: string;
+        position?: number;
+    }) => void;
+    addSection: (data: Omit<SectionEntity, 'type'>, position?: number) => void;
+    moveItem: (id: string, moveTo: string, position?: number) => void;
+    changeItemProp: (id: string, data?: {
+        [key: string]: any;
+    }, group?: GroupPropType) => void;
+    changeItemPropByKey: (input: {
+        id: string;
+        key: string;
+        data: any;
+        group?: GroupPropType;
+    }) => void;
+    getItem: (id: string) => BuilderEntity | undefined;
+    removeItem: (id: string) => void;
+    forceChangeState: (data: BuilderState) => void;
+    initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
+};
+export type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
+    children: React.ReactNode;
+    lazy?: boolean;
+    priority?: boolean;
+};
+export declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
+export declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+export {};
+//# sourceMappingURL=BuilderPreviewContext.d.ts.map

package/dist/contexts/BuilderPreviewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderPreviewContext.d.ts","sourceRoot":"","sources":["../../src/contexts/BuilderPreviewContext.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMxC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACd,MAAM,UAAU,CAAC;AAmBlB,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE;QACd,IAAI,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;QAClD,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3F,mBAAmB,EAAE,CAAC,KAAK,EAAE;QAC3B,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,GAAG,CAAC;QACV,KAAK,CAAC,EAAE,aAAa,CAAC;KACvB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IACnD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,CAAC,IAAI,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACxE,CAAC;AA8TF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBxE,CAAC;AAIF,eAAO,MAAM,sBAAsB,wBACf,aAAa,SAAS,0BAA0B,CAAC,CAAC,sCACvC,OAAO,mBAOrC,CAAC"}

package/dist/{esm/contexts → contexts}/BuilderPreviewContext.js

@@ -1,10 +1,21 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useMemo, useContext, Suspense, Fragment } from 'react';
-import { useStore, createStore } from 'zustand';
-import { cloneDeep } from '../helpers/clone-deep.js';
-import { normalizeBuilderData } from '../helpers/normalize-builder-data.js';
-
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, Suspense, useContext, useMemo } from 'react';
+import { createStore, useStore } from 'zustand';
+import { createContext } from 'react';
+import { cloneDeep } from '../helpers/clone-deep';
+import { normalizeBuilderData } from '../helpers/normalize-builder-data';
 function moveByIndex(input, from, to) {
     const elm = input.splice(from, 1)[0];
     if (elm !== undefined) {
@@ -12,11 +23,12 @@ function moveByIndex(input, from, to) {
     }
 }
 function removeByKey(id, data) {
+    var _a;
     const item = data[id];
     if (item) {
         delete data[id];
         if (item.type !== 'section') {
-            item.childrens?.map((child) => removeByKey(child, data));
+            (_a = item.childrens) === null || _a === void 0 ? void 0 : _a.map((child) => removeByKey(child, data));
         }
     }
 }
@@ -30,6 +42,7 @@ const root = {
 const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
     state: args,
     addItem: (args) => {
+        var _a, _b, _c;
         const { position, data } = args;
         const state = get().state;
         const dateModified = Date.now();
@@ -42,25 +55,21 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
                     ROOT.childrens = [sectionId];
                 }
                 else {
-                    ROOT.childrens.splice(position ?? 0, 0, sectionId);
+                    ROOT.childrens.splice(position !== null && position !== void 0 ? position : 0, 0, sectionId);
                 }
                 ROOT.dateModified = dateModified;
                 set({
-                    state: {
-                        ...state,
-                        [sectionId]: {
+                    state: Object.assign(Object.assign({}, state), { [sectionId]: {
                             uid: sectionId,
                             type: 'section',
                             label: data.label,
-                        },
-                        ROOT: cloneDeep(ROOT),
-                    },
+                        }, ROOT: cloneDeep(ROOT) }),
                 });
             }
         }
         else {
             const { id, data } = args;
-            const parent = id ? state[id] ?? state.ROOT : state.ROOT;
+            const parent = id ? (_a = state[id]) !== null && _a !== void 0 ? _a : state.ROOT : state.ROOT;
             // Can't add item to section
             if (parent.type === 'section')
                 return;
@@ -68,33 +77,22 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
                 const childrens = data.map((v) => v.uid);
                 const newState = data.reduceRight((prev, current) => {
                     const item = normalizeBuilderData(current);
-                    return {
-                        ...prev,
-                        ...item,
-                    };
+                    return Object.assign(Object.assign({}, prev), item);
                 }, {});
                 parent.dateModified = dateModified;
-                parent.childrens = parent.childrens ?? [];
-                parent.childrens.splice(position ?? 0, 0, ...childrens);
+                parent.childrens = (_b = parent.childrens) !== null && _b !== void 0 ? _b : [];
+                parent.childrens.splice(position !== null && position !== void 0 ? position : 0, 0, ...childrens);
                 set({
-                    state: {
-                        ...state,
-                        ...newState,
-                        [parent.uid]: cloneDeep(parent),
-                    },
+                    state: Object.assign(Object.assign(Object.assign({}, 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);
+                parent.childrens = (_c = parent.childrens) !== null && _c !== void 0 ? _c : [];
+                parent.childrens.splice(position !== null && position !== void 0 ? position : 0, 0, data.uid);
                 set({
-                    state: {
-                        ...state,
-                        ...item,
-                        [parent.uid]: cloneDeep(parent),
-                    },
+                    state: Object.assign(Object.assign(Object.assign({}, state), item), { [parent.uid]: cloneDeep(parent) }),
                 });
             }
         }
@@ -105,7 +103,7 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
         const state = get().state;
         const item = state[id];
         // Ignore section
-        if (item?.type === 'section')
+        if ((item === null || item === void 0 ? void 0 : item.type) === 'section')
             return;
         if (item) {
             const dateModified = Date.now();
@@ -113,62 +111,38 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
             switch (group) {
                 case 'setting':
                     set({
-                        state: {
-                            ...state,
-                            [id]: {
-                                ...item,
-                                settings: {
-                                    ...item.settings,
-                                    ...data,
-                                },
-                            },
-                        },
+                        state: Object.assign(Object.assign({}, state), { [id]: Object.assign(Object.assign({}, item), { settings: Object.assign(Object.assign({}, item.settings), data) }) }),
                     });
                     break;
                 case 'style':
                     set({
-                        state: {
-                            ...state,
-                            [id]: {
-                                ...item,
-                                styles: {
-                                    ...item.styles,
-                                    ...data,
-                                },
-                            },
-                        },
+                        state: Object.assign(Object.assign({}, state), { [id]: Object.assign(Object.assign({}, item), { styles: Object.assign(Object.assign({}, item.styles), data) }) }),
                     });
                     break;
                 case 'advanced':
                     set({
-                        state: {
-                            ...state,
-                            [id]: {
-                                ...item,
-                                advanced: {
-                                    ...item.advanced,
-                                    ...data,
-                                },
-                            },
-                        },
+                        state: Object.assign(Object.assign({}, state), { [id]: Object.assign(Object.assign({}, item), { advanced: Object.assign(Object.assign({}, item.advanced), data) }) }),
                     });
                     break;
+                default:
+                    break;
             }
         }
     },
     changeItemPropByKey: ({ id, key, data, group }) => {
+        var _a, _b, _c;
         if (!group || !['setting', 'style', 'advanced'].includes(group))
             return;
         const state = get().state;
         const item = state[id];
         // Ignore section
-        if (item?.type === 'section')
+        if ((item === null || item === void 0 ? void 0 : item.type) === 'section')
             return;
         if (item) {
             const itemSetting = {
-                style: item.styles ?? {},
-                advanced: item.advanced ?? {},
-                setting: item.settings ?? {},
+                style: (_a = item.styles) !== null && _a !== void 0 ? _a : {},
+                advanced: (_b = item.advanced) !== null && _b !== void 0 ? _b : {},
+                setting: (_c = item.settings) !== null && _c !== void 0 ? _c : {},
             };
             if (data === undefined) {
                 console.warn('Data is undefined');
@@ -178,15 +152,7 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
                 itemSetting[group][key] = data;
             }
             set({
-                state: {
-                    ...state,
-                    [id]: {
-                        ...item,
-                        settings: { ...itemSetting.setting },
-                        styles: { ...itemSetting.style },
-                        advanced: { ...itemSetting.advanced },
-                    },
-                },
+                state: Object.assign(Object.assign({}, state), { [id]: Object.assign(Object.assign({}, item), { settings: Object.assign({}, itemSetting.setting), styles: Object.assign({}, itemSetting.style), advanced: Object.assign({}, itemSetting.advanced) }) }),
             });
         }
     },
@@ -194,6 +160,7 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
         return get().state[id];
     },
     removeItem: (id) => {
+        var _a;
         if (id === 'ROOT') {
             set({
                 state: {
@@ -205,24 +172,22 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
             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));
+            const parent = Object.entries(state).find(([, value]) => { var _a; return value.type !== 'section' && ((_a = value.childrens) === null || _a === void 0 ? void 0 : _a.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.childrens = (_a = parentValue.childrens) === null || _a === void 0 ? void 0 : _a.filter((child) => child !== id);
                 parentValue.dateModified = dateModified;
                 set({
-                    state: {
-                        ...state,
-                        [parentId]: cloneDeep(parentValue),
-                    },
+                    state: Object.assign(Object.assign({}, state), { [parentId]: cloneDeep(parentValue) }),
                 });
             }
         }
     },
     moveItem: (id, toId, position) => {
+        var _a, _b;
         const state = get().state;
         const item = state[id];
         const moveTo = state[toId];
@@ -235,16 +200,13 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
             if (!ROOT.childrens)
                 return;
             const currentIndex = ROOT.childrens.findIndex((uid) => uid === id);
-            moveByIndex(ROOT.childrens, currentIndex, position ?? 0);
+            moveByIndex(ROOT.childrens, currentIndex, position !== null && position !== void 0 ? position : 0);
             set({
-                state: {
-                    ...state,
-                    ROOT: cloneDeep(ROOT),
-                },
+                state: Object.assign(Object.assign({}, state), { ROOT: cloneDeep(ROOT) }),
             });
         }
         else {
-            const parent = Object.entries(state).find(([, value]) => value.type !== 'section' && value.childrens?.includes(id));
+            const parent = Object.entries(state).find(([, value]) => { var _a; return value.type !== 'section' && ((_a = value.childrens) === null || _a === void 0 ? void 0 : _a.includes(id)); });
             if (item && parent) {
                 const dateModified = Date.now();
                 const [, parentItem] = parent;
@@ -256,29 +218,22 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
                     // 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);
+                        moveByIndex(parentItem.childrens, currentIndex, position !== null && position !== void 0 ? position : 0);
                         set({
-                            state: {
-                                ...state,
-                                [parentItem.uid]: cloneDeep(parentItem),
-                            },
+                            state: Object.assign(Object.assign({}, state), { [parentItem.uid]: cloneDeep(parentItem) }),
                         });
                     }
                 }
                 else {
                     // Move item to another parent
                     // Remove item from parent node
-                    parentItem.childrens = parentItem.childrens?.filter((uid) => uid !== id);
+                    parentItem.childrens = (_a = parentItem.childrens) === null || _a === void 0 ? void 0 : _a.filter((uid) => uid !== id);
                     if (moveTo) {
                         moveTo.dateModified = dateModified;
-                        moveTo.childrens = moveTo.childrens ?? [];
-                        moveTo.childrens.splice(position ?? 0, 0, item.uid);
+                        moveTo.childrens = (_b = moveTo.childrens) !== null && _b !== void 0 ? _b : [];
+                        moveTo.childrens.splice(position !== null && position !== void 0 ? position : 0, 0, item.uid);
                         set({
-                            state: {
-                                ...state,
-                                [moveTo.uid]: cloneDeep(moveTo),
-                                [parentItem.uid]: cloneDeep(parentItem),
-                            },
+                            state: Object.assign(Object.assign({}, state), { [moveTo.uid]: cloneDeep(moveTo), [parentItem.uid]: cloneDeep(parentItem) }),
                         });
                     }
                 }
@@ -293,31 +248,16 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
             const childrens = data.map((v) => v.uid);
             const newState = data.reduceRight((prev, current) => {
                 const item = normalizeBuilderData(current);
-                return {
-                    ...prev,
-                    ...item,
-                };
+                return Object.assign(Object.assign({}, prev), item);
             }, {});
             set({
-                state: {
-                    ROOT: {
-                        ...root,
-                        childrens,
-                    },
-                    ...newState,
-                },
+                state: Object.assign({ ROOT: Object.assign(Object.assign({}, root), { childrens }) }, newState),
             });
         }
         else {
             const newState = normalizeBuilderData(data);
             set({
-                state: {
-                    ROOT: {
-                        ...root,
-                        childrens: [data.uid],
-                    },
-                    ...newState,
-                },
+                state: Object.assign({ ROOT: Object.assign(Object.assign({}, root), { childrens: [data.uid] }) }, newState),
             });
         }
     },
@@ -326,29 +266,25 @@ const createBuilderPreviewProvider = (args) => createStore((set, get) => ({
         const ROOT = state.ROOT;
         if (!ROOT.childrens)
             ROOT.childrens = [];
-        ROOT.childrens.splice(position ?? 0, 0, data.uid);
+        ROOT.childrens.splice(position !== null && position !== void 0 ? position : 0, 0, data.uid);
         set({
-            state: {
-                ...state,
-                ROOT: cloneDeep(ROOT),
-            },
+            state: Object.assign(Object.assign({}, state), { ROOT: cloneDeep(ROOT) }),
         });
     },
 }));
-const BuilderPreviewProvider = ({ children, state, lazy, ...passProps }) => {
+export const BuilderPreviewProvider = (_a) => {
+    var { children, state, lazy } = _a, passProps = __rest(_a, ["children", "state", "lazy"]);
     const Component = lazy ? Suspense : Fragment;
     const value = useMemo(() => {
         return createBuilderPreviewProvider(state);
     }, [state]);
-    return (jsx(Component, { children: jsx(BuilderPreviewContext.Provider, { ...passProps, value: value, children: children }) }));
+    return (_jsx(Component, { children: _jsx(BuilderPreviewContext.Provider, Object.assign({}, passProps, { value: value }, { children: children })) }));
 };
 // export const useBuilderPreviewStore = useStore;
-const useBuilderPreviewStore = (selector, equalityFn) => {
+export 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 };

package/dist/contexts/CartLineContext.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Cart } from '@gem-sdk/adapter-shopify';
+import type { StoreApi } from 'zustand';
+import type { ExtractState } from '../types';
+type CartLineContextProps = {
+    line: Cart.LineItem;
+};
+export type CartLineProviderProps = Pick<CartLineContextProps, 'line'> & {
+    children: React.ReactNode;
+};
+export declare const CartLineProvider: React.FC<CartLineProviderProps>;
+export declare const useCartLineStore: <U>(selector: (state: ExtractState<StoreApi<CartLineContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+export {};
+//# sourceMappingURL=CartLineContext.d.ts.map

package/dist/contexts/CartLineContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartLineContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CartLineContext.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC;CACrB,CAAC;AASF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAC;AAIF,eAAO,MAAM,gBAAgB,wBACT,aAAa,SAAS,oBAAoB,CAAC,CAAC,sCACjC,OAAO,mBAOrC,CAAC"}

package/dist/contexts/CartLineContext.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createStore, useStore } from 'zustand';
+import { createContext, useContext } from 'react';
+const CartLineContext = createContext(null);
+const createCartLineStore = (data) => createStore(() => (Object.assign({}, data)));
+export const CartLineProvider = ({ children, line }) => {
+    return (_jsx(CartLineContext.Provider, Object.assign({ value: createCartLineStore({ line }) }, { children: children }), `${line.id}-${line.quantity}`));
+};
+// export const useCartLineStore = useStore;
+export 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);
+};

package/dist/contexts/CollectionContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { CollectionSelectFragment } from '../graphql/fragments/collection.generated';
+import type { ExtractState } from '../types';
+import type { StoreApi } from 'zustand';
+export type CollectionContextProps = {
+    collection?: CollectionSelectFragment;
+    changeCollectionStore: (args: {
+        collection?: CollectionSelectFragment;
+    }) => void;
+};
+export type CollectionProviderProps = Pick<CollectionContextProps, 'collection'> & {
+    initialVariantId?: string;
+    readOnly?: boolean;
+    children: React.ReactNode;
+};
+export declare const CollectionProvider: React.FC<CollectionProviderProps>;
+export declare const useCollectionStore: <U>(selector: (state: ExtractState<StoreApi<CollectionContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+//# sourceMappingURL=CollectionContext.d.ts.map

package/dist/contexts/CollectionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CollectionContext.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,CAAC,EAAE,wBAAwB,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF,CAAC;AAcF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC,GAAG;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,wBACX,aAAa,SAAS,sBAAsB,CAAC,CAAC,sCACnC,OAAO,mBAOrC,CAAC"}

package/dist/contexts/CollectionContext.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { createStore, useStore } from 'zustand';
+const CollectionContext = createContext(null);
+const createCollectionProvider = (data) => createStore((set) => (Object.assign(Object.assign({}, data), { changeCollectionStore: ({ collection }) => {
+        set({
+            collection: collection,
+        });
+    } })));
+export const CollectionProvider = ({ collection, children }) => {
+    const store = useMemo(() => {
+        return createCollectionProvider({
+            collection,
+        });
+    }, [collection]);
+    return (_jsx(CollectionContext.Provider, Object.assign({ value: store }, { children: children }), collection === null || collection === void 0 ? void 0 : collection.id));
+};
+export 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);
+};

package/dist/contexts/ModalContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import type { ExtractState } from '../types';
+type ModalContextProps = {
+    activeId?: string;
+    setModalActive: (id?: string) => void;
+    clearModal: () => void;
+};
+export type ModalProviderProps = Pick<ModalContextProps, 'activeId'> & {
+    children: React.ReactNode;
+};
+export declare const ModalProvider: React.FC<ModalProviderProps>;
+export declare const useModalStore: <U>(selector: (state: ExtractState<StoreApi<ModalContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+export {};
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/contexts/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ModalContext.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAiBF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAYtD,CAAC;AAIF,eAAO,MAAM,aAAa,wBACN,aAAa,SAAS,iBAAiB,CAAC,CAAC,sCAC9B,OAAO,mBAOrC,CAAC"}

package/dist/contexts/ModalContext.js

@@ -0,0 +1,42 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { createStore, useStore } from 'zustand';
+const ModalContext = createContext(null);
+const createModalProvider = (data) => createStore((set) => ({
+    activeId: data,
+    setModalActive: (id) => {
+        var _a, _b;
+        (_b = (_a = window === null || window === void 0 ? void 0 : window.parent) === null || _a === void 0 ? void 0 : _a.postMessage) === null || _b === void 0 ? void 0 : _b.call(_a, JSON.stringify({ type: 'active-element', uid: id }), '*');
+        set({ activeId: id });
+    },
+    clearModal: () => {
+        var _a, _b;
+        (_b = (_a = window === null || window === void 0 ? void 0 : window.parent) === null || _a === void 0 ? void 0 : _a.postMessage) === null || _b === void 0 ? void 0 : _b.call(_a, JSON.stringify({ type: 'active-element', uid: null }), '*');
+        set({ activeId: undefined });
+    },
+}));
+export const ModalProvider = (_a) => {
+    var { children, activeId } = _a, passProps = __rest(_a, ["children", "activeId"]);
+    const store = createModalProvider(activeId);
+    return (_jsx(ModalContext.Provider, Object.assign({}, passProps, { value: store }, { children: children })));
+};
+// export const useBuilderStore = useStore;
+export 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);
+};