@gem-sdk/core 1.23.0-staging.453 → 1.23.0-staging.458

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-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/make-style.js

@@ -134,8 +134,8 @@ const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
-        const lineClamp = lineClampValue?.[deviceValue];
-        const hasLineClamp = hasLineClampValue?.[deviceValue] || hasLineClampValue?.['desktop'];
+        const lineClamp = getResonsiveValue.getResponsiveValueByScreen(lineClampValue, deviceValue);
+        const hasLineClamp = getResonsiveValue.getResponsiveValueByScreen(hasLineClampValue, deviceValue);
         if (hasLineClamp || hasLineClamp === undefined) {
             return lineClamp;
         }

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,7 +17,7 @@ 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)=>{

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;

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-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/make-style.js

@@ -132,8 +132,8 @@ const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
-        const lineClamp = lineClampValue?.[deviceValue];
-        const hasLineClamp = hasLineClampValue?.[deviceValue] || hasLineClampValue?.['desktop'];
+        const lineClamp = getResponsiveValueByScreen(lineClampValue, deviceValue);
+        const hasLineClamp = getResponsiveValueByScreen(hasLineClampValue, deviceValue);
         if (hasLineClamp || hasLineClamp === undefined) {
             return lineClamp;
         }

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

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

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

@@ -15,7 +15,7 @@ const useProductsQuery = (ids, options, params)=>{
         defaultSelectedProductCount: params?.defaultSelectedProductCount,
         allStatus: params?.allStatus
     }) : null, async ([, arg])=>{
-        return getProducts(fetcher, arg);
+        return getProducts(params?.fetcher || fetcher, arg);
     }, options);
 };
 const useProductsQueryAll = (variable, options)=>{

package/dist/esm/hooks/useInitialSwatchesOptions.js

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

package/dist/esm/index.js

@@ -22,8 +22,10 @@ export { PublishedThemePagesDocument } from './graphql/queries/published-theme-p
 export { ProductsDocument } from './graphql/queries/products.generated.js';
 export { StorePropertyDocument } from './graphql/queries/store-property.generated.js';
 export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js';
-export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated.js';
 export { LibraryTemplateDocument } from './graphql-app-api/queries/LibraryTemplate.generated.js';
+export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated.js';
+export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
+export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
 export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';