@gem-sdk/core 2.1.20 → 2.1.21

package/dist/cjs/components/Render.liquid.js

@@ -294,24 +294,27 @@ const RenderChildren = (props)=>{
 const WrapRenderChildren = ({ uid, customProps }, codes)=>{
     let liquid = '';
     if (codes?.length) {
-        // Limit each child item of an element (e.g., marquee, ...) to ensure the total element size does not exceed 256KB.
-        const itemMaxSize = 200 / codes.length;
+        let tempLiquid = '';
+        let fileIndex = 0;
         for(let i = 0; i < codes.length; i++){
             const code = codes[i];
             if (code) {
-                const newLiquid = liquid + code;
-                // Fix limit 256kb
                 const textEncoder = new TextEncoder();
-                const size = newLiquid ? textEncoder.encode(newLiquid).length : 0;
-                if (Math.ceil(size / 1024) >= itemMaxSize) {
-                    const fileName = `gp-section-snippet-${uid + i}`;
-                    customProps.extraFiles[fileName] = code;
-                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`;
+                const newTempLiquid = tempLiquid + code;
+                const newSize = textEncoder.encode(newTempLiquid).length;
+                if (Math.ceil(newSize / 1024) < 180) {
+                    tempLiquid = newTempLiquid;
                 } else {
-                    liquid += code;
+                    const fileName = `gp-section-snippet-${uid}-${fileIndex++}`;
+                    customProps.extraFiles[fileName] = tempLiquid;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`;
+                    tempLiquid = code;
                 }
             }
         }
+        if (tempLiquid) {
+            liquid += tempLiquid;
+        }
     }
     return liquid;
 };

package/dist/cjs/contexts/PageContext.js

@@ -22,6 +22,11 @@ const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
                     productOffers: productOffers
                 });
             },
+            setDynamicDiscountOffer: (dynamicDiscountOffer)=>{
+                set({
+                    dynamicDiscountOffer: dynamicDiscountOffer
+                });
+            },
             setSalePageProductId: (id)=>{
                 set({
                     salePageProductId: id
@@ -71,11 +76,12 @@ const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
                     }));
             }
         }));
-const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, dynamicDiscountOffer, publicStoreFrontData, ...passProps })=>{
     const store = react.useMemo(()=>createPageStoreProvider({
             dynamicProduct,
             dynamicCollection,
             productOffers,
+            dynamicDiscountOffer,
             publicStoreFrontData,
             interactionData: {
                 selectType: 'ELEMENT'
@@ -84,6 +90,7 @@ const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffe
         dynamicProduct,
         dynamicCollection,
         productOffers,
+        dynamicDiscountOffer,
         publicStoreFrontData
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(PageContext.Provider, {

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

@@ -0,0 +1,25 @@
+'use strict';
+
+/* eslint-disable */ const SaleFunnelOfferDocument = `
+    query SaleFunnelOffer($saleFunnelOfferId: ID!) {
+  saleFunnelOffer(id: $saleFunnelOfferId) {
+    dynamicDiscounts {
+      id
+      createdAt
+      updatedAt
+      type
+      valueType
+      value
+      appliedProductCount
+      isEnabled
+    }
+    id
+    isEnabled
+    campaignID
+    createdAt
+    deletedAt
+  }
+}
+    `;
+
+exports.SaleFunnelOfferDocument = SaleFunnelOfferDocument;

package/dist/cjs/index.js

@@ -33,6 +33,7 @@ var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated
 var SaleFunnelDiscounts_generated = require('./graphql-app-api/queries/SaleFunnelDiscounts.generated.js');
 var LibrarySaleFunnelDiscount_generated = require('./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js');
 var ShopLibraryPage_generated = require('./graphql-app-api/queries/ShopLibraryPage.generated.js');
+var SaleFunnelOffer_generated = require('./graphql-app-api/queries/SaleFunnelOffer.generated.js');
 var borders = require('./helpers/borders.js');
 var carousel = require('./helpers/carousel.js');
 var cls = require('./helpers/cls.js');
@@ -167,6 +168,7 @@ exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
 exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
 exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
 exports.ShopLibraryPageDocument = ShopLibraryPage_generated.ShopLibraryPageDocument;
+exports.SaleFunnelOfferDocument = SaleFunnelOffer_generated.SaleFunnelOfferDocument;
 exports.composeBorderCss = borders.composeBorderCss;
 exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
 exports.getBorderStyle = borders.getBorderStyle;

package/dist/esm/components/Render.liquid.js

@@ -290,24 +290,27 @@ const RenderChildren = (props)=>{
 const WrapRenderChildren = ({ uid, customProps }, codes)=>{
     let liquid = '';
     if (codes?.length) {
-        // Limit each child item of an element (e.g., marquee, ...) to ensure the total element size does not exceed 256KB.
-        const itemMaxSize = 200 / codes.length;
+        let tempLiquid = '';
+        let fileIndex = 0;
         for(let i = 0; i < codes.length; i++){
             const code = codes[i];
             if (code) {
-                const newLiquid = liquid + code;
-                // Fix limit 256kb
                 const textEncoder = new TextEncoder();
-                const size = newLiquid ? textEncoder.encode(newLiquid).length : 0;
-                if (Math.ceil(size / 1024) >= itemMaxSize) {
-                    const fileName = `gp-section-snippet-${uid + i}`;
-                    customProps.extraFiles[fileName] = code;
-                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`;
+                const newTempLiquid = tempLiquid + code;
+                const newSize = textEncoder.encode(newTempLiquid).length;
+                if (Math.ceil(newSize / 1024) < 180) {
+                    tempLiquid = newTempLiquid;
                 } else {
-                    liquid += code;
+                    const fileName = `gp-section-snippet-${uid}-${fileIndex++}`;
+                    customProps.extraFiles[fileName] = tempLiquid;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`;
+                    tempLiquid = code;
                 }
             }
         }
+        if (tempLiquid) {
+            liquid += tempLiquid;
+        }
     }
     return liquid;
 };

package/dist/esm/contexts/PageContext.js

@@ -20,6 +20,11 @@ const createPageStoreProvider = (data)=>createStore((set)=>({
                     productOffers: productOffers
                 });
             },
+            setDynamicDiscountOffer: (dynamicDiscountOffer)=>{
+                set({
+                    dynamicDiscountOffer: dynamicDiscountOffer
+                });
+            },
             setSalePageProductId: (id)=>{
                 set({
                     salePageProductId: id
@@ -69,11 +74,12 @@ const createPageStoreProvider = (data)=>createStore((set)=>({
                     }));
             }
         }));
-const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, dynamicDiscountOffer, publicStoreFrontData, ...passProps })=>{
     const store = useMemo(()=>createPageStoreProvider({
             dynamicProduct,
             dynamicCollection,
             productOffers,
+            dynamicDiscountOffer,
             publicStoreFrontData,
             interactionData: {
                 selectType: 'ELEMENT'
@@ -82,6 +88,7 @@ const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffe
         dynamicProduct,
         dynamicCollection,
         productOffers,
+        dynamicDiscountOffer,
         publicStoreFrontData
     ]);
     return /*#__PURE__*/ jsx(PageContext.Provider, {

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

@@ -0,0 +1,23 @@
+/* eslint-disable */ const SaleFunnelOfferDocument = `
+    query SaleFunnelOffer($saleFunnelOfferId: ID!) {
+  saleFunnelOffer(id: $saleFunnelOfferId) {
+    dynamicDiscounts {
+      id
+      createdAt
+      updatedAt
+      type
+      valueType
+      value
+      appliedProductCount
+      isEnabled
+    }
+    id
+    isEnabled
+    campaignID
+    createdAt
+    deletedAt
+  }
+}
+    `;
+
+export { SaleFunnelOfferDocument };

package/dist/esm/index.js

@@ -31,6 +31,7 @@ export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated
 export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
 export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
 export { ShopLibraryPageDocument } from './graphql-app-api/queries/ShopLibraryPage.generated.js';
+export { SaleFunnelOfferDocument } from './graphql-app-api/queries/SaleFunnelOffer.generated.js';
 export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';