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

package/dist/esm/contexts/CartLineContext.js

@@ -1 +1,26 @@
-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};
+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 };

package/dist/esm/contexts/CollectionContext.js

@@ -1 +1,35 @@
-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};
+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 };

package/dist/esm/contexts/ModalContext.js

@@ -1 +1,44 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useStore as o,createStore as a}from"zustand";let ModalContext=r(null),createModalProvider=e=>a(t=>({activeId:e,setModalActive:e=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-element",uid:e}),"*"),t({activeId:e})},clearModal:()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-element",uid:null}),"*"),t({activeId:void 0})}})),ModalProvider=({children:t,activeId:r,...o})=>{let a=createModalProvider(r);return e(ModalContext.Provider,{...o,value:a,children:t})},useModalStore=(e,r)=>{let a=t(ModalContext);if(!a)throw Error("useModalStore must be used within a ModalProvider");return o(a,e,r)};export{ModalProvider,useModalStore};
+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 };

package/dist/esm/contexts/PageContext.js

@@ -1 +1,101 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useContext as t,createContext as o}from"react";import{useStore as a,createStore as P}from"zustand";let PageContext=o(null),createPageStoreProvider=e=>P(r=>({...e,setDynamicProduct:e=>{r({dynamicProduct:e})},setDynamicCollection:e=>{r({dynamicCollection:e})},setPostPurchaseProductOffers:e=>{r({productOffers:e})},setSalePageProductId:e=>{r({salePageProductId:e})},setPublicStoreFrontData:e=>{r({publicStoreFrontData:e})}})),PageProvider=({children:t,dynamicProduct:o,dynamicCollection:a,productOffers:P,publicStoreFrontData:i,...c})=>{let u=r(()=>createPageStoreProvider({dynamicProduct:o,dynamicCollection:a,productOffers:P,publicStoreFrontData:i}),[o,a,P,i]);return e(PageContext.Provider,{...c,value:u,children:t})},usePageStore=(e,r)=>{let o=t(PageContext);if(!o)throw Error("usePageStore must be used within a PageProvider");return a(o,e,r)};export{PageProvider,usePageStore};
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useContext, createContext } from 'react';
+import { useStore, createStore } from 'zustand';
+
+const PageContext = /*#__PURE__*/ createContext(null);
+const createPageStoreProvider = (data)=>createStore((set)=>({
+            ...data,
+            setDynamicProduct: (data)=>{
+                set({
+                    dynamicProduct: data
+                });
+            },
+            setDynamicCollection: (data)=>{
+                set({
+                    dynamicCollection: data
+                });
+            },
+            setPostPurchaseProductOffers: (productOffers)=>{
+                set({
+                    productOffers: productOffers
+                });
+            },
+            setSalePageProductId: (id)=>{
+                set({
+                    salePageProductId: id
+                });
+            },
+            setPublicStoreFrontData: (publicStoreFrontData)=>{
+                set({
+                    publicStoreFrontData: publicStoreFrontData
+                });
+            },
+            setInteractionIsSelectOnPage: (value)=>{
+                set((state)=>({
+                        interactionData: {
+                            ...state.interactionData,
+                            isSelectOnPage: value
+                        }
+                    }));
+            },
+            setInteractionItem: (item)=>{
+                set((state)=>({
+                        interactionData: {
+                            ...state.interactionData,
+                            item,
+                            isSelectOnPage: state.interactionData?.isSelectOnPage || false
+                        }
+                    }));
+            },
+            setInteractionSelectType: (selectType)=>{
+                set((state)=>({
+                        interactionData: {
+                            ...state.interactionData,
+                            selectType
+                        }
+                    }));
+            },
+            setInteractionSettingType: (settingType)=>{
+                set((state)=>({
+                        interactionData: {
+                            ...state.interactionData,
+                            settingType
+                        }
+                    }));
+            },
+            setSidebarMode: (mode)=>{
+                set(()=>({
+                        sidebarMode: mode
+                    }));
+            }
+        }));
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
+    const store = useMemo(()=>createPageStoreProvider({
+            dynamicProduct,
+            dynamicCollection,
+            productOffers,
+            publicStoreFrontData,
+            interactionData: {
+                selectType: 'ELEMENT'
+            }
+        }), [
+        dynamicProduct,
+        dynamicCollection,
+        productOffers,
+        publicStoreFrontData
+    ]);
+    return /*#__PURE__*/ jsx(PageContext.Provider, {
+        ...passProps,
+        value: store,
+        children: children
+    });
+};
+const usePageStore = (selector, equalityFn)=>{
+    const store = useContext(PageContext);
+    if (!store) {
+        throw new Error('usePageStore must be used within a PageProvider');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { PageProvider, usePageStore };

package/dist/esm/contexts/ProductContext.js

@@ -1 +1,174 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useStore as r,createStore as o}from"zustand";import{useId as i,useMemo as d,useContext as n,createContext as u}from"react";import{flattenConnection as a}from"../helpers/flatten-connection.js";import{checkInStock as s}from"../helpers/variant.js";let ProductContext=u(null),createProductStoreProvider=e=>o((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},addProperty:e=>{let o=r().properties;o?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})}})),ProductProvider=({children:r,product:o,initialVariantId:n,quantity:u=1,isSyncProduct:p})=>{let c=i(),l=d(()=>{let e,t={};if(o){let r=a(o.variants),i=r[0],d=r.find(e=>s(e)),u=r.find(e=>e?.id===n)??d??i;t=u?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===u?.mediaId)?.node??o.featuredImage}return createProductStoreProvider({product:o,quantity:u,selectedOptions:t,uiqueId:c,featuredImageGlobal:e,isSyncProduct:p})},[n,o,u,c,p]);return e(ProductContext.Provider,{value:l,children:e(t,{children:r})})},useProductStore=(e,t)=>{let o=n(ProductContext);if(!o)throw Error("Element of product must be used inside a Product");return r(o,e,t)};export{ProductProvider,useProductStore};
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useId, useMemo, useContext, createContext } from 'react';
+import { useStore, createStore } from 'zustand';
+import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+import { checkInStock } from '../helpers/variant.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'classnames';
+import 'dayjs';
+import { flattenConnection } from '../helpers/flatten-connection.js';
+import '../helpers/convert.js';
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ProductContext = /*#__PURE__*/ createContext(null);
+const createProductStoreProvider = (data)=>createStore((set, get)=>({
+            ...data,
+            updateProperty: (name, data)=>{
+                set((state)=>{
+                    return {
+                        properties: state.properties?.map((v)=>{
+                            if (v.key === name) {
+                                return {
+                                    ...v,
+                                    ...data
+                                };
+                            }
+                            return v;
+                        })
+                    };
+                });
+            },
+            setUseProductCompareAtPrice: (value)=>{
+                set({
+                    useProductCompareAtPrice: value
+                });
+            },
+            addProperty: (data)=>{
+                const properties = get().properties;
+                if (!properties?.some((v)=>v.key === data.key)) {
+                    set((state)=>({
+                            properties: [
+                                ...state.properties ?? [],
+                                data
+                            ]
+                        }));
+                }
+            },
+            removeProperty: (name)=>{
+                set((state)=>({
+                        properties: state.properties?.filter((v)=>v.key !== name)
+                    }));
+            },
+            setQuantity: (num)=>{
+                set({
+                    quantity: num > 0 ? num : 1
+                });
+            },
+            setProductFeaturedImage: (image)=>{
+                set({
+                    featuredImageGlobal: image
+                });
+            },
+            incrementQuantity: ()=>{
+                set((state)=>{
+                    const quantity = state.quantity ?? 1;
+                    return {
+                        quantity: quantity + 1
+                    };
+                });
+            },
+            decrementQuantity: ()=>{
+                set((state)=>{
+                    const quantity = state.quantity ?? 1;
+                    return {
+                        quantity: quantity > 2 ? quantity - 1 : 1
+                    };
+                });
+            },
+            setSelectedOption: (optionId, optionValue)=>{
+                set((state)=>{
+                    if (optionId && optionValue) {
+                        return {
+                            selectedOptions: {
+                                ...state?.selectedOptions,
+                                [optionId]: optionValue
+                            }
+                        };
+                    }
+                    return state;
+                });
+            },
+            forceSelectedOption: (value)=>{
+                set((state)=>{
+                    return {
+                        selectedOptions: {
+                            ...state?.selectedOptions,
+                            ...value
+                        }
+                    };
+                });
+            },
+            updateIsSubmit: (value)=>{
+                set({
+                    isSubmit: value
+                });
+            },
+            setHasUpdatePriceFollowQuantity: (updatePrice)=>{
+                set({
+                    updatePrice
+                });
+            },
+            setHasPreSelected: (value)=>{
+                set({
+                    hasPreSelected: value
+                });
+            }
+        }));
+const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{
+    const uiqueId = useId();
+    const store = useMemo(()=>{
+        let selectedOptions = {};
+        let featuredImageGlobal = undefined;
+        if (product) {
+            const variants = flattenConnection(product.variants);
+            const firstVariant = variants[0];
+            const firstVariantInStock = variants.find((item)=>checkInStock(item));
+            const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? firstVariant;
+            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+                if (option.name) {
+                    return {
+                        ...acc,
+                        [option.name]: option.value
+                    };
+                }
+                return acc;
+            }, {});
+            featuredImageGlobal = product.medias?.edges.find((v)=>v.node?.id === initialVariant?.mediaId)?.node ?? product.featuredImage;
+        }
+        return createProductStoreProvider({
+            product,
+            quantity,
+            selectedOptions,
+            uiqueId,
+            featuredImageGlobal,
+            isSyncProduct
+        });
+    }, [
+        initialVariantId,
+        product,
+        quantity,
+        uiqueId,
+        isSyncProduct
+    ]);
+    return /*#__PURE__*/ jsx(ProductContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        })
+    });
+};
+const useProductStore = (selector, equalityFn)=>{
+    const store = useContext(ProductContext);
+    if (!store) {
+        throw new Error('Element of product must be used inside a Product');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ProductProvider, useProductStore };

package/dist/esm/contexts/ProductListContext.js

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

package/dist/esm/contexts/SectionContext.js

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

package/dist/esm/contexts/ShopContext.js

@@ -1 +1,104 @@
-import{jsx as e}from"react/jsx-runtime";import{SWRConfig as o}from"swr";import{useStore as r,createStore as t}from"zustand";import{useMemo as n,useContext as h,createContext as i}from"react";import{AddonProvider as S}from"./AddonContext.js";import{ModalProvider as a}from"./ModalContext.js";let ShopContext=i(null),createShopStoreProvider=e=>t(o=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{o({locale:e})},changeCurrency:e=>{o({currency:e})},changeSwatches:e=>{o({swatches:e})},changeLayoutSettings:e=>{o({layoutSettings:e})},changeStorefrontInfo:({url:e,token:r})=>{o({storefrontUrl:e,storefrontToken:r})},changeCreateThemeSectionCount:e=>{o({createThemeSectionCount:e})},changeShopPlan:e=>{o({plan:e})}})),ShopProvider=({children:r,addons:t,storeOption:h,queryOption:i,...c})=>{let p=n(()=>createShopStoreProvider(h),[h]);return e(S,{components:t,children:e(o,{value:i,children:e(ShopContext.Provider,{...c,value:p,children:e(a,{children:r})},JSON.stringify(h))})})},useShopStore=(e,o)=>{let t=h(ShopContext);if(!t)throw Error("useShopStore must be used within a ShopProvider");return r(t,e,o)};export{ShopProvider,useShopStore};
+import { jsx } from 'react/jsx-runtime';
+import { SWRConfig } from 'swr';
+import { useStore, createStore } from 'zustand';
+import { useMemo, useCallback, useEffect, useContext, createContext } from 'react';
+import { AddonProvider } from './AddonContext.js';
+import { ModalProvider } from './ModalContext.js';
+
+const ShopContext = /*#__PURE__*/ createContext(null);
+const createShopStoreProvider = (data)=>createStore((set)=>({
+            mobileOnly: false,
+            isStorefront: true,
+            ...data,
+            changeLocale: (locale)=>{
+                set({
+                    locale
+                });
+            },
+            changeCurrency: (currency)=>{
+                set({
+                    currency
+                });
+            },
+            changeSwatches: (swatches)=>{
+                set({
+                    swatches
+                });
+            },
+            changeLayoutSettings: (layoutSettings)=>{
+                set({
+                    layoutSettings
+                });
+            },
+            changeStorefrontInfo: ({ url, token })=>{
+                set({
+                    storefrontUrl: url,
+                    storefrontToken: token
+                });
+            },
+            changeCreateThemeSectionCount: (count)=>{
+                set({
+                    createThemeSectionCount: count
+                });
+            },
+            changeShopPlan: (plan)=>{
+                set({
+                    plan
+                });
+            },
+            changeLimitCreateThemeSection: (data)=>{
+                set({
+                    limitCreateThemeSection: data
+                });
+            }
+        }));
+const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
+    const store = useMemo(()=>createShopStoreProvider(storeOption), [
+        storeOption
+    ]);
+    const onUpdateLimitation = useCallback((e)=>{
+        const isAllow = !!e.detail?.isAllow;
+        const maxGenerateCount = e.detail?.maxGenerateCount;
+        const nextQuota = e.detail?.nextQuota;
+        store.setState({
+            generateContentLimitation: {
+                isAllow,
+                maxGenerateCount,
+                nextQuota
+            }
+        });
+    }, [
+        store
+    ]);
+    useEffect(()=>{
+        window.addEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        return ()=>{
+            window.removeEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        };
+    }, [
+        onUpdateLimitation
+    ]);
+    return /*#__PURE__*/ jsx(AddonProvider, {
+        components: addons,
+        children: /*#__PURE__*/ jsx(SWRConfig, {
+            value: queryOption,
+            children: /*#__PURE__*/ jsx(ShopContext.Provider, {
+                ...passProps,
+                value: store,
+                children: /*#__PURE__*/ jsx(ModalProvider, {
+                    children: children
+                })
+            }, JSON.stringify(storeOption))
+        })
+    });
+};
+// export const useShopStore = useStore;
+const useShopStore = (selector, equalityFn)=>{
+    const store = useContext(ShopContext);
+    if (!store) {
+        throw new Error('useShopStore must be used within a ShopProvider');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ShopProvider, useShopStore };

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

@@ -1,7 +1,9 @@
-let AnalyticSelect=`
+/* eslint-disable */ const AnalyticSelect = `
     fragment AnalyticSelect on Analytic {
   fbPixelID
   gaTrackingID
   tiktokPixelID
 }
-    `;export{AnalyticSelect};
+    `;
+
+export { AnalyticSelect };

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

@@ -1,4 +1,4 @@
-let CollectionDetailSelect=`
+/* eslint-disable */ const CollectionDetailSelect = `
     fragment CollectionDetailSelect on Collection {
   id
   createdAt
@@ -20,4 +20,6 @@ let CollectionDetailSelect=`
   isStorefront
   isSample
 }
-    `;export{CollectionDetailSelect};
+    `;
+
+export { CollectionDetailSelect };

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

@@ -1,4 +1,4 @@
-let CollectionProductSelect=`
+/* eslint-disable */ const CollectionProductSelect = `
     fragment CollectionProductSelect on Collection {
   ...CollectionDetailSelect
   products(
@@ -19,4 +19,6 @@ let CollectionProductSelect=`
     }
   }
 }
-    `;export{CollectionProductSelect};
+    `;
+
+export { CollectionProductSelect };

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

@@ -1,4 +1,4 @@
-let CollectionSelect=`
+/* eslint-disable */ const CollectionSelect = `
     fragment CollectionSelect on Collection {
   ...CollectionDetailSelect
   products {
@@ -17,4 +17,6 @@ let CollectionSelect=`
     totalCount
   }
 }
-    `;export{CollectionSelect};
+    `;
+
+export { CollectionSelect };

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

@@ -1,6 +1,8 @@
-let CustomCodeSelect=`
+/* eslint-disable */ const CustomCodeSelect = `
     fragment CustomCodeSelect on CustomCode {
   body
   header
 }
-    `;export{CustomCodeSelect};
+    `;
+
+export { CustomCodeSelect };

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

@@ -1,4 +1,4 @@
-let CustomFontSelect=`
+/* eslint-disable */ const CustomFontSelect = `
     fragment CustomFontSelect on CustomFont {
   backupFilePath
   fontFamily
@@ -7,4 +7,6 @@ let CustomFontSelect=`
   mimeType
   filePath
 }
-    `;export{CustomFontSelect};
+    `;
+
+export { CustomFontSelect };