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

package/dist/cjs/contexts/PageContext.js

@@ -1 +1,104 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),zustand=require("zustand");const PageContext=react.createContext(null),createPageStoreProvider=e=>zustand.createStore(t=>({...e,setDynamicProduct:e=>{t({dynamicProduct:e})},setDynamicCollection:e=>{t({dynamicCollection:e})},setPostPurchaseProductOffers:e=>{t({productOffers:e})},setSalePageProductId:e=>{t({salePageProductId:e})},setPublicStoreFrontData:e=>{t({publicStoreFrontData:e})}})),PageProvider=({children:e,dynamicProduct:t,dynamicCollection:r,productOffers:a,publicStoreFrontData:o,...u})=>{let s=react.useMemo(()=>createPageStoreProvider({dynamicProduct:t,dynamicCollection:r,productOffers:a,publicStoreFrontData:o}),[t,r,a,o]);return jsxRuntime.jsx(PageContext.Provider,{...u,value:s,children:e})},usePageStore=(e,t)=>{let r=react.useContext(PageContext);if(!r)throw Error("usePageStore must be used within a PageProvider");return zustand.useStore(r,e,t)};exports.PageProvider=PageProvider,exports.usePageStore=usePageStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const PageContext = /*#__PURE__*/ react.createContext(null);
+const createPageStoreProvider = (data)=>zustand.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 = react.useMemo(()=>createPageStoreProvider({
+            dynamicProduct,
+            dynamicCollection,
+            productOffers,
+            publicStoreFrontData,
+            interactionData: {
+                selectType: 'ELEMENT'
+            }
+        }), [
+        dynamicProduct,
+        dynamicCollection,
+        productOffers,
+        publicStoreFrontData
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(PageContext.Provider, {
+        ...passProps,
+        value: store,
+        children: children
+    });
+};
+const usePageStore = (selector, equalityFn)=>{
+    const store = react.useContext(PageContext);
+    if (!store) {
+        throw new Error('usePageStore must be used within a PageProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.PageProvider = PageProvider;
+exports.usePageStore = usePageStore;

package/dist/cjs/contexts/ProductContext.js

@@ -1 +1,177 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),zustand=require("zustand"),react=require("react"),flattenConnection=require("../helpers/flatten-connection.js"),variant=require("../helpers/variant.js");const ProductContext=react.createContext(null),createProductStoreProvider=e=>zustand.createStore((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},addProperty:e=>{let n=r().properties;n?.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:e,product:t,initialVariantId:r,quantity:n=1,isSyncProduct:o})=>{let i=react.useId(),u=react.useMemo(()=>{let e,u={};if(t){let n=flattenConnection.flattenConnection(t.variants),o=n[0],i=n.find(e=>variant.checkInStock(e)),a=n.find(e=>e?.id===r)??i??o;u=a?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=t.medias?.edges.find(e=>e.node?.id===a?.mediaId)?.node??t.featuredImage}return createProductStoreProvider({product:t,quantity:n,selectedOptions:u,uiqueId:i,featuredImageGlobal:e,isSyncProduct:o})},[r,t,n,i,o]);return jsxRuntime.jsx(ProductContext.Provider,{value:u,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:e})})},useProductStore=(e,t)=>{let r=react.useContext(ProductContext);if(!r)throw Error("Element of product must be used inside a Product");return zustand.useStore(r,e,t)};exports.ProductProvider=ProductProvider,exports.useProductStore=useProductStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
+var variant = require('../helpers/variant.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+var flattenConnection = require('../helpers/flatten-connection.js');
+require('../helpers/convert.js');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ProductContext = /*#__PURE__*/ react.createContext(null);
+const createProductStoreProvider = (data)=>zustand.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 = react.useId();
+    const store = react.useMemo(()=>{
+        let selectedOptions = {};
+        let featuredImageGlobal = undefined;
+        if (product) {
+            const variants = flattenConnection.flattenConnection(product.variants);
+            const firstVariant = variants[0];
+            const firstVariantInStock = variants.find((item)=>variant.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__*/ jsxRuntime.jsx(ProductContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useProductStore = (selector, equalityFn)=>{
+    const store = react.useContext(ProductContext);
+    if (!store) {
+        throw new Error('Element of product must be used inside a Product');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ProductProvider = ProductProvider;
+exports.useProductStore = useProductStore;

package/dist/cjs/contexts/ProductListContext.js

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

package/dist/cjs/contexts/SectionContext.js

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

package/dist/cjs/contexts/ShopContext.js

@@ -1 +1,107 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),useSWR=require("swr"),zustand=require("zustand"),react=require("react"),AddonContext=require("./AddonContext.js"),ModalContext=require("./ModalContext.js");const ShopContext=react.createContext(null),createShopStoreProvider=e=>zustand.createStore(t=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{t({locale:e})},changeCurrency:e=>{t({currency:e})},changeSwatches:e=>{t({swatches:e})},changeLayoutSettings:e=>{t({layoutSettings:e})},changeStorefrontInfo:({url:e,token:r})=>{t({storefrontUrl:e,storefrontToken:r})},changeCreateThemeSectionCount:e=>{t({createThemeSectionCount:e})},changeShopPlan:e=>{t({plan:e})}})),ShopProvider=({children:e,addons:t,storeOption:r,queryOption:o,...n})=>{let s=react.useMemo(()=>createShopStoreProvider(r),[r]);return jsxRuntime.jsx(AddonContext.AddonProvider,{components:t,children:jsxRuntime.jsx(useSWR.SWRConfig,{value:o,children:jsxRuntime.jsx(ShopContext.Provider,{...n,value:s,children:jsxRuntime.jsx(ModalContext.ModalProvider,{children:e})},JSON.stringify(r))})})},useShopStore=(e,t)=>{let r=react.useContext(ShopContext);if(!r)throw Error("useShopStore must be used within a ShopProvider");return zustand.useStore(r,e,t)};exports.ShopProvider=ShopProvider,exports.useShopStore=useShopStore;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useSWR = require('swr');
+var zustand = require('zustand');
+var react = require('react');
+var AddonContext = require('./AddonContext.js');
+var ModalContext = require('./ModalContext.js');
+
+const ShopContext = /*#__PURE__*/ react.createContext(null);
+const createShopStoreProvider = (data)=>zustand.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 = react.useMemo(()=>createShopStoreProvider(storeOption), [
+        storeOption
+    ]);
+    const onUpdateLimitation = react.useCallback((e)=>{
+        const isAllow = !!e.detail?.isAllow;
+        const maxGenerateCount = e.detail?.maxGenerateCount;
+        const nextQuota = e.detail?.nextQuota;
+        store.setState({
+            generateContentLimitation: {
+                isAllow,
+                maxGenerateCount,
+                nextQuota
+            }
+        });
+    }, [
+        store
+    ]);
+    react.useEffect(()=>{
+        window.addEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        return ()=>{
+            window.removeEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        };
+    }, [
+        onUpdateLimitation
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.AddonProvider, {
+        components: addons,
+        children: /*#__PURE__*/ jsxRuntime.jsx(useSWR.SWRConfig, {
+            value: queryOption,
+            children: /*#__PURE__*/ jsxRuntime.jsx(ShopContext.Provider, {
+                ...passProps,
+                value: store,
+                children: /*#__PURE__*/ jsxRuntime.jsx(ModalContext.ModalProvider, {
+                    children: children
+                })
+            }, JSON.stringify(storeOption))
+        })
+    });
+};
+// export const useShopStore = useStore;
+const useShopStore = (selector, equalityFn)=>{
+    const store = react.useContext(ShopContext);
+    if (!store) {
+        throw new Error('useShopStore must be used within a ShopProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ShopProvider = ShopProvider;
+exports.useShopStore = useShopStore;

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

@@ -1,7 +1,11 @@
-"use strict";const AnalyticSelect=`
+'use strict';
+
+/* eslint-disable */ const AnalyticSelect = `
     fragment AnalyticSelect on Analytic {
   fbPixelID
   gaTrackingID
   tiktokPixelID
 }
-    `;exports.AnalyticSelect=AnalyticSelect;
+    `;
+
+exports.AnalyticSelect = AnalyticSelect;

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

@@ -1,4 +1,6 @@
-"use strict";const CollectionDetailSelect=`
+'use strict';
+
+/* eslint-disable */ const CollectionDetailSelect = `
     fragment CollectionDetailSelect on Collection {
   id
   createdAt
@@ -20,4 +22,6 @@
   isStorefront
   isSample
 }
-    `;exports.CollectionDetailSelect=CollectionDetailSelect;
+    `;
+
+exports.CollectionDetailSelect = CollectionDetailSelect;

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

@@ -1,4 +1,6 @@
-"use strict";const CollectionProductSelect=`
+'use strict';
+
+/* eslint-disable */ const CollectionProductSelect = `
     fragment CollectionProductSelect on Collection {
   ...CollectionDetailSelect
   products(
@@ -19,4 +21,6 @@
     }
   }
 }
-    `;exports.CollectionProductSelect=CollectionProductSelect;
+    `;
+
+exports.CollectionProductSelect = CollectionProductSelect;

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

@@ -1,4 +1,6 @@
-"use strict";const CollectionSelect=`
+'use strict';
+
+/* eslint-disable */ const CollectionSelect = `
     fragment CollectionSelect on Collection {
   ...CollectionDetailSelect
   products {
@@ -17,4 +19,6 @@
     totalCount
   }
 }
-    `;exports.CollectionSelect=CollectionSelect;
+    `;
+
+exports.CollectionSelect = CollectionSelect;

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

@@ -1,6 +1,10 @@
-"use strict";const CustomCodeSelect=`
+'use strict';
+
+/* eslint-disable */ const CustomCodeSelect = `
     fragment CustomCodeSelect on CustomCode {
   body
   header
 }
-    `;exports.CustomCodeSelect=CustomCodeSelect;
+    `;
+
+exports.CustomCodeSelect = CustomCodeSelect;

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

@@ -1,4 +1,6 @@
-"use strict";const CustomFontSelect=`
+'use strict';
+
+/* eslint-disable */ const CustomFontSelect = `
     fragment CustomFontSelect on CustomFont {
   backupFilePath
   fontFamily
@@ -7,4 +9,6 @@
   mimeType
   filePath
 }
-    `;exports.CustomFontSelect=CustomFontSelect;
+    `;
+
+exports.CustomFontSelect = CustomFontSelect;

package/dist/cjs/graphql/fragments/data-seo.generated.js

@@ -1,7 +1,11 @@
-"use strict";const DataSeoSelect=`
+'use strict';
+
+/* eslint-disable */ const DataSeoSelect = `
     fragment DataSEOSelect on DataSEO {
   id
   key
   value
 }
-    `;exports.DataSeoSelect=DataSeoSelect;
+    `;
+
+exports.DataSeoSelect = DataSeoSelect;

package/dist/cjs/graphql/fragments/media.generated.js

@@ -1,4 +1,6 @@
-"use strict";const MediaSelect=`
+'use strict';
+
+/* eslint-disable */ const MediaSelect = `
     fragment MediaSelect on Media {
   id
   contentType
@@ -8,4 +10,6 @@
   height
   alt
 }
-    `;exports.MediaSelect=MediaSelect;
+    `;
+
+exports.MediaSelect = MediaSelect;

package/dist/cjs/graphql/fragments/preview-theme-page.generated.js

@@ -0,0 +1,39 @@
+'use strict';
+
+/* eslint-disable */ const PreviewThemePageSelect = `
+    fragment PreviewThemePageSelect on PreviewThemePage {
+  id
+  name
+  handle
+  isMobile
+  sectionPosition
+  pageSections {
+    cid
+    component
+    id
+  }
+  dataSEO {
+    ...DataSEOSelect
+  }
+  themeStyle {
+    id
+    data
+    name
+  }
+  analytic {
+    ...AnalyticSelect
+  }
+  customCode {
+    ...CustomCodeSelect
+  }
+  customFonts {
+    ...CustomFontSelect
+  }
+  interaction {
+    id
+    value
+  }
+}
+    `;
+
+exports.PreviewThemePageSelect = PreviewThemePageSelect;

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -1,9 +1,12 @@
-"use strict";const ProductLittleSelect=`
+'use strict';
+
+/* eslint-disable */ const ProductLittleSelect = `
     fragment ProductLittleSelect on Product {
   id
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront
@@ -27,4 +30,6 @@
   }
   tags
 }
-    `;exports.ProductLittleSelect=ProductLittleSelect;
+    `;
+
+exports.ProductLittleSelect = ProductLittleSelect;