@gem-sdk/core 1.23.0-staging.452 → 1.23.0-staging.456

package/dist/cjs/components/Render.js

@@ -14,6 +14,7 @@ const Render = ({ uid, ...passProps })=>{
     const item = BuilderContext.useBuilderStore((s)=>s.getItem(uid));
     const Component = BuilderComponent.useBuilderComponent(item?.tag);
     const isPostPurchase = BuilderContext.useBuilderStore((s)=>s.getIsPostPurchase());
+    const isPreview = BuilderContext.useBuilderStore((s)=>s.getIsPreview());
     const pageType = react.useMemo(()=>{
         return isPostPurchase ? 'POST_PURCHASE' : undefined;
     }, [
@@ -45,7 +46,8 @@ const Render = ({ uid, ...passProps })=>{
                 children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
                     builderProps: {
                         uid,
-                        builderData: item
+                        builderData: item,
+                        isPreview
                     },
                     styles: item.styles,
                     setting: item.settings,
@@ -56,7 +58,8 @@ const Render = ({ uid, ...passProps })=>{
                 }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
                     builderProps: {
                         uid,
-                        builderData: item
+                        builderData: item,
+                        isPreview
                     },
                     styles: item.styles,
                     setting: item.settings,

package/dist/cjs/contexts/BuilderContext.js

@@ -5,17 +5,19 @@ var react = require('react');
 var zustand = require('zustand');
 
 const BuilderContext = /*#__PURE__*/ react.createContext(null);
-const createBuilderProvider = (data, isPostPurchase)=>zustand.createStore((_, get)=>({
+const createBuilderProvider = (data, isPostPurchase, isPreview)=>zustand.createStore((_, get)=>({
             state: data,
             isPostPurchase: isPostPurchase,
+            isPreview: isPreview,
             getItem: (id)=>{
                 return get().state[id];
             },
-            getIsPostPurchase: ()=>get().isPostPurchase
+            getIsPostPurchase: ()=>get().isPostPurchase,
+            getIsPreview: ()=>get().isPreview
         }));
-const BuilderProvider = ({ children, state, isPostPurchase, lazy, priority, ...passProps })=>{
+const BuilderProvider = ({ children, state, isPostPurchase, isPreview, lazy, priority, ...passProps })=>{
     const Component = lazy ? react.Suspense : react.Fragment;
-    const store = createBuilderProvider(state, isPostPurchase);
+    const store = createBuilderProvider(state, isPostPurchase, isPreview);
     return /*#__PURE__*/ jsxRuntime.jsx(Component, {
         children: /*#__PURE__*/ jsxRuntime.jsx(BuilderContext.Provider, {
             ...passProps,

package/dist/cjs/contexts/PageContext.js

@@ -26,15 +26,24 @@ const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
                 set({
                     salePageProductId: id
                 });
+            },
+            setPublicStoreFrontData: (publicStoreFrontData)=>{
+                set({
+                    publicStoreFrontData: publicStoreFrontData
+                });
             }
         }));
-const PageProvider = ({ children, dynamicProduct, dynamicCollection, ...passProps })=>{
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
     const store = react.useMemo(()=>createPageStoreProvider({
             dynamicProduct,
-            dynamicCollection
+            dynamicCollection,
+            productOffers,
+            publicStoreFrontData
         }), [
         dynamicProduct,
-        dynamicCollection
+        dynamicCollection,
+        productOffers,
+        publicStoreFrontData
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(PageContext.Provider, {
         ...passProps,

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

@@ -19,6 +19,15 @@
   featuredImage {
     ...MediaSelect
   }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
 }
     `;
 

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

@@ -3,6 +3,15 @@
 /* eslint-disable */ const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
   medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor

package/dist/cjs/graphql/queries/products.generated.js

@@ -13,6 +13,15 @@ const ProductsEdgeDetail = `
   cursor
   node {
     ...ProductSelect
+    tags
+    collections {
+      edges {
+        node {
+          id
+          title
+        }
+      }
+    }
   }
 }
     `;

package/dist/cjs/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js

@@ -0,0 +1,25 @@
+'use strict';
+
+/* eslint-disable */ const LibrarySaleFunnelDocument = `
+    query LibrarySaleFunnel($librarySaleFunnelId: ID!) {
+  librarySaleFunnel(id: $librarySaleFunnelId) {
+    id
+    type
+    name
+    offers {
+      id
+      discounts {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+      }
+    }
+  }
+}
+    `;
+
+exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDocument;

package/dist/cjs/graphql-app-api/queries/SaleFunnelDiscounts.generated.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/* eslint-disable */ const SaleFunnelDiscountsDocument = `
+    query SaleFunnelDiscounts($where: SaleFunnelDiscountWhereInput, $orderBy: SaleFunnelDiscountOrder, $last: Int, $before: Cursor, $first: Int, $after: Cursor) {
+  saleFunnelDiscounts(
+    where: $where
+    orderBy: $orderBy
+    last: $last
+    before: $before
+    first: $first
+    after: $after
+  ) {
+    edges {
+      node {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+        valueType
+        isEnabled
+      }
+      cursor
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.SaleFunnelDiscountsDocument = SaleFunnelDiscountsDocument;

package/dist/cjs/graphql-app-api/queries/ThemePage.generated.js

@@ -1,7 +1,7 @@
 'use strict';
 
 /* eslint-disable */ const ThemePageDocument = `
-    query ThemePage($themePageId: ID!) {
+    query ThemePage($themePageId: ID!, $first: Int, $where: ThemeStyleWhereInput) {
   themePage(id: $themePageId) {
     id
     name
@@ -12,11 +12,19 @@
       cid
       component
       id
+      deletedAt
     }
-    themeStyle {
+    theme {
       id
-      data
-      name
+      themeStyles(first: $first, where: $where) {
+        edges {
+          node {
+            data
+            id
+            name
+          }
+        }
+      }
     }
   }
 }

package/dist/cjs/helpers/GlobalEvent.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const globalEvent = {
-    subscribe (callback) {
-        document.addEventListener('onDispatch', (e)=>callback(e.detail));
+    subscribe (eventName, callback) {
+        document.addEventListener(eventName, (e)=>callback(e.detail));
     },
-    dispatch (data) {
-        document.dispatchEvent(new CustomEvent('onDispatch', {
-            detail: data
+    dispatch (eventName, detail) {
+        document.dispatchEvent(new CustomEvent(eventName, {
+            detail
         }));
     },
-    remove (callback) {
-        document.removeEventListener('onDispatch', callback);
+    remove (eventName, callback) {
+        document.removeEventListener(eventName, callback);
     }
 };
 

package/dist/cjs/helpers/queries/get-products.js

@@ -57,6 +57,29 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
         }
     };
 };
+const getProductQueryAll = async (fetcher, arg)=>{
+    const limit = arg?.limit || 4;
+    delete arg.limit;
+    const variables = {
+        first: limit,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg
+        }
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
 const fetchProducts = async (fetcher, variables)=>{
     return fetcher([
         products_generated.ProductsDocument,
@@ -164,4 +187,5 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
  //   );
  // };
 
+exports.getProductQueryAll = getProductQueryAll;
 exports.getProducts = getProducts;

package/dist/cjs/hooks/shop/use-product-query.js

@@ -6,7 +6,7 @@ var shop = require('../shop.js');
 var useFetchHandle = require('../useFetchHandle.js');
 var query = require('../../helpers/query.js');
 
-const useProductQuery = (productId, options)=>{
+const useProductQuery = (productId, options, customFetcher)=>{
     const fetcher = useFetchHandle.useFetchHandle();
     const isSample = shop.useIsSampleProduct();
     const isStorefront = shop.useIsStorefrontProduct();
@@ -15,7 +15,7 @@ const useProductQuery = (productId, options)=>{
         isSample,
         isStorefront
     }) : null, async ([, arg])=>{
-        return getProduct.getProduct(fetcher, arg);
+        return getProduct.getProduct(customFetcher || fetcher, arg);
     }, options);
 };
 

package/dist/cjs/hooks/shop/use-products-query.js

@@ -17,8 +17,18 @@ const useProductsQuery = (ids, options, params)=>{
         defaultSelectedProductCount: params?.defaultSelectedProductCount,
         allStatus: params?.allStatus
     }) : null, async ([, arg])=>{
-        return getProducts.getProducts(fetcher, arg);
+        return getProducts.getProducts(params?.fetcher || fetcher, arg);
+    }, options);
+};
+const useProductsQueryAll = (variable, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    return useSWR(variable ? [
+        'query/products',
+        variable
+    ] : null, async ([, arg])=>{
+        return getProducts.getProductQueryAll(fetcher, arg);
     }, options);
 };
 
 exports.useProductsQuery = useProductsQuery;
+exports.useProductsQueryAll = useProductsQueryAll;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -8,6 +8,17 @@ var variantPresets = require('../components/src/product/helpers/variant-presets.
 var shop = require('./shop.js');
 var useFetchHandle = require('./useFetchHandle.js');
 var ShopContext = require('../contexts/ShopContext.js');
+require('react');
+require('react/jsx-runtime');
+require('zustand');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('./useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+var isBrowser = require('../helpers/is-browser.js');
+require('../helpers/convert.js');
 
 let swatchChange = false;
 let colorChange = false;
@@ -37,7 +48,7 @@ const useInitialSwatchesOptions = (options)=>{
     });
     if (!options) return [];
     setDefaultSwatches(swatches, options);
-    if (swatches?.length && (swatchChange || colorChange)) {
+    if (isBrowser.default() && swatches?.length && (swatchChange || colorChange)) {
         window?.parent?.postMessage?.(JSON.stringify({
             type: 'update-swatches',
             swatches

package/dist/cjs/index.js

@@ -24,8 +24,10 @@ var publishedThemePages_generated = require('./graphql/queries/published-theme-p
 var products_generated = require('./graphql/queries/products.generated.js');
 var storeProperty_generated = require('./graphql/queries/store-property.generated.js');
 var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
-var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated.js');
 var LibraryTemplate_generated = require('./graphql-app-api/queries/LibraryTemplate.generated.js');
+var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated.js');
+var SaleFunnelDiscounts_generated = require('./graphql-app-api/queries/SaleFunnelDiscounts.generated.js');
+var LibrarySaleFunnelDiscount_generated = require('./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js');
 var borders = require('./helpers/borders.js');
 var carousel = require('./helpers/carousel.js');
 var cls = require('./helpers/cls.js');
@@ -142,8 +144,10 @@ exports.PublishedThemePagesDocument = publishedThemePages_generated.PublishedThe
 exports.ProductsDocument = products_generated.ProductsDocument;
 exports.StorePropertyDocument = storeProperty_generated.StorePropertyDocument;
 exports.PreviewPageDocument = previewPage_generated.PreviewPageDocument;
-exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
 exports.LibraryTemplateDocument = LibraryTemplate_generated.LibraryTemplateDocument;
+exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
+exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
+exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
 exports.composeBorderCss = borders.composeBorderCss;
 exports.getBorderStyle = borders.getBorderStyle;
 exports.handleConvertBorderColor = borders.handleConvertBorderColor;
@@ -297,6 +301,7 @@ exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
 exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
 exports.useProductQuery = useProductQuery.useProductQuery;
 exports.useProductsQuery = useProductsQuery.useProductsQuery;
+exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
 exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
 exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney.useFormatMoney;

package/dist/esm/components/Render.js

@@ -10,6 +10,7 @@ const Render = ({ uid, ...passProps })=>{
     const item = useBuilderStore((s)=>s.getItem(uid));
     const Component = useBuilderComponent(item?.tag);
     const isPostPurchase = useBuilderStore((s)=>s.getIsPostPurchase());
+    const isPreview = useBuilderStore((s)=>s.getIsPreview());
     const pageType = useMemo(()=>{
         return isPostPurchase ? 'POST_PURCHASE' : undefined;
     }, [
@@ -41,7 +42,8 @@ const Render = ({ uid, ...passProps })=>{
                 children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
                     builderProps: {
                         uid,
-                        builderData: item
+                        builderData: item,
+                        isPreview
                     },
                     styles: item.styles,
                     setting: item.settings,
@@ -52,7 +54,8 @@ const Render = ({ uid, ...passProps })=>{
                 }) : /*#__PURE__*/ jsx(Component, {
                     builderProps: {
                         uid,
-                        builderData: item
+                        builderData: item,
+                        isPreview
                     },
                     styles: item.styles,
                     setting: item.settings,

package/dist/esm/contexts/BuilderContext.js

@@ -3,17 +3,19 @@ import { useContext, createContext, Suspense, Fragment } from 'react';
 import { useStore, createStore } from 'zustand';
 
 const BuilderContext = /*#__PURE__*/ createContext(null);
-const createBuilderProvider = (data, isPostPurchase)=>createStore((_, get)=>({
+const createBuilderProvider = (data, isPostPurchase, isPreview)=>createStore((_, get)=>({
             state: data,
             isPostPurchase: isPostPurchase,
+            isPreview: isPreview,
             getItem: (id)=>{
                 return get().state[id];
             },
-            getIsPostPurchase: ()=>get().isPostPurchase
+            getIsPostPurchase: ()=>get().isPostPurchase,
+            getIsPreview: ()=>get().isPreview
         }));
-const BuilderProvider = ({ children, state, isPostPurchase, lazy, priority, ...passProps })=>{
+const BuilderProvider = ({ children, state, isPostPurchase, isPreview, lazy, priority, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
-    const store = createBuilderProvider(state, isPostPurchase);
+    const store = createBuilderProvider(state, isPostPurchase, isPreview);
     return /*#__PURE__*/ jsx(Component, {
         children: /*#__PURE__*/ jsx(BuilderContext.Provider, {
             ...passProps,

package/dist/esm/contexts/PageContext.js

@@ -24,15 +24,24 @@ const createPageStoreProvider = (data)=>createStore((set)=>({
                 set({
                     salePageProductId: id
                 });
+            },
+            setPublicStoreFrontData: (publicStoreFrontData)=>{
+                set({
+                    publicStoreFrontData: publicStoreFrontData
+                });
             }
         }));
-const PageProvider = ({ children, dynamicProduct, dynamicCollection, ...passProps })=>{
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
     const store = useMemo(()=>createPageStoreProvider({
             dynamicProduct,
-            dynamicCollection
+            dynamicCollection,
+            productOffers,
+            publicStoreFrontData
         }), [
         dynamicProduct,
-        dynamicCollection
+        dynamicCollection,
+        productOffers,
+        publicStoreFrontData
     ]);
     return /*#__PURE__*/ jsx(PageContext.Provider, {
         ...passProps,

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

@@ -17,6 +17,15 @@
   featuredImage {
     ...MediaSelect
   }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
 }
     `;
 

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

@@ -1,6 +1,15 @@
 /* eslint-disable */ const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
   medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor

package/dist/esm/graphql/queries/products.generated.js

@@ -11,6 +11,15 @@ const ProductsEdgeDetail = `
   cursor
   node {
     ...ProductSelect
+    tags
+    collections {
+      edges {
+        node {
+          id
+          title
+        }
+      }
+    }
   }
 }
     `;

package/dist/esm/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js

@@ -0,0 +1,23 @@
+/* eslint-disable */ const LibrarySaleFunnelDocument = `
+    query LibrarySaleFunnel($librarySaleFunnelId: ID!) {
+  librarySaleFunnel(id: $librarySaleFunnelId) {
+    id
+    type
+    name
+    offers {
+      id
+      discounts {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+      }
+    }
+  }
+}
+    `;
+
+export { LibrarySaleFunnelDocument };

package/dist/esm/graphql-app-api/queries/SaleFunnelDiscounts.generated.js

@@ -0,0 +1,36 @@
+/* eslint-disable */ const SaleFunnelDiscountsDocument = `
+    query SaleFunnelDiscounts($where: SaleFunnelDiscountWhereInput, $orderBy: SaleFunnelDiscountOrder, $last: Int, $before: Cursor, $first: Int, $after: Cursor) {
+  saleFunnelDiscounts(
+    where: $where
+    orderBy: $orderBy
+    last: $last
+    before: $before
+    first: $first
+    after: $after
+  ) {
+    edges {
+      node {
+        id
+        objectBaseID
+        objectType
+        position
+        title
+        type
+        value
+        valueType
+        isEnabled
+      }
+      cursor
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+export { SaleFunnelDiscountsDocument };

package/dist/esm/graphql-app-api/queries/ThemePage.generated.js

@@ -1,5 +1,5 @@
 /* eslint-disable */ const ThemePageDocument = `
-    query ThemePage($themePageId: ID!) {
+    query ThemePage($themePageId: ID!, $first: Int, $where: ThemeStyleWhereInput) {
   themePage(id: $themePageId) {
     id
     name
@@ -10,11 +10,19 @@
       cid
       component
       id
+      deletedAt
     }
-    themeStyle {
+    theme {
       id
-      data
-      name
+      themeStyles(first: $first, where: $where) {
+        edges {
+          node {
+            data
+            id
+            name
+          }
+        }
+      }
     }
   }
 }

package/dist/esm/helpers/GlobalEvent.js

@@ -1,14 +1,14 @@
 const globalEvent = {
-    subscribe (callback) {
-        document.addEventListener('onDispatch', (e)=>callback(e.detail));
+    subscribe (eventName, callback) {
+        document.addEventListener(eventName, (e)=>callback(e.detail));
     },
-    dispatch (data) {
-        document.dispatchEvent(new CustomEvent('onDispatch', {
-            detail: data
+    dispatch (eventName, detail) {
+        document.dispatchEvent(new CustomEvent(eventName, {
+            detail
         }));
     },
-    remove (callback) {
-        document.removeEventListener('onDispatch', callback);
+    remove (eventName, callback) {
+        document.removeEventListener(eventName, callback);
     }
 };
 

package/dist/esm/helpers/queries/get-products.js

@@ -55,6 +55,29 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
         }
     };
 };
+const getProductQueryAll = async (fetcher, arg)=>{
+    const limit = arg?.limit || 4;
+    delete arg.limit;
+    const variables = {
+        first: limit,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg
+        }
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
 const fetchProducts = async (fetcher, variables)=>{
     return fetcher([
         ProductsDocument,
@@ -162,4 +185,4 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
  //   );
  // };
 
-export { getProducts };
+export { getProductQueryAll, getProducts };