@gem-sdk/core 1.15.2 → 1.15.5

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

@@ -65,13 +65,16 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             customProps
                         };
                     }),
-                    children: item.childrens.map((id)=>RenderChildren({
+                    children: WrapRenderChildren({
+                        uid,
+                        customProps
+                    }, item.childrens.map((id)=>RenderChildren({
                             uid: id,
                             builder,
                             components,
                             customProps,
                             parentTag: item.tag
-                        })).join('')
+                        })))
                 });
             }, ()=>{
                 return Component({
@@ -108,12 +111,16 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             customProps
                         };
                     }),
-                    children: item.childrens.map((id)=>RenderChildren({
+                    children: WrapRenderChildren({
+                        uid,
+                        customProps
+                    }, item.childrens.map((id)=>RenderChildren({
                             uid: id,
                             builder,
                             components,
-                            customProps
-                        })).join('')
+                            customProps,
+                            parentTag: item.tag
+                        })))
                 });
             }, ()=>{
                 return Component({
@@ -154,6 +161,29 @@ const RenderChildren = (props)=>{
     }
     return data.liquid;
 };
+const WrapRenderChildren = ({ uid, customProps }, codes)=>{
+    let liquid = '';
+    if (codes?.length) {
+        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) >= 180) {
+                    const fileName = `gp-section-snippet-${uid + i}`;
+                    customProps.extraFiles[fileName] = code;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+                } else {
+                    liquid += code;
+                }
+            }
+        }
+    }
+    return liquid;
+};
 
 exports.RenderChildren = RenderChildren;
+exports.WrapRenderChildren = WrapRenderChildren;
 exports.default = Render;

package/dist/cjs/helpers/radius.js

@@ -4,7 +4,7 @@ var constant = require('./constant.js');
 var makeStyle = require('./make-style.js');
 
 const getCornerCSSFromGlobal = (corner)=>{
-    if (!corner.radiusType) return {};
+    if (!corner?.radiusType) return {};
     if ([
         'custom',
         'circle'

package/dist/cjs/index.js

@@ -96,6 +96,7 @@ exports.Render = Render.default;
 exports.RenderPreview = RenderPreview.default;
 exports.RenderChildren = Render_liquid.RenderChildren;
 exports.RenderLiquid = Render_liquid.default;
+exports.WrapRenderChildren = Render_liquid.WrapRenderChildren;
 exports.AddonProvider = AddonContext.AddonProvider;
 exports.useAddon = AddonContext.useAddon;
 exports.useAddons = AddonContext.useAddons;

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

@@ -61,13 +61,16 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             customProps
                         };
                     }),
-                    children: item.childrens.map((id)=>RenderChildren({
+                    children: WrapRenderChildren({
+                        uid,
+                        customProps
+                    }, item.childrens.map((id)=>RenderChildren({
                             uid: id,
                             builder,
                             components,
                             customProps,
                             parentTag: item.tag
-                        })).join('')
+                        })))
                 });
             }, ()=>{
                 return Component({
@@ -104,12 +107,16 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             customProps
                         };
                     }),
-                    children: item.childrens.map((id)=>RenderChildren({
+                    children: WrapRenderChildren({
+                        uid,
+                        customProps
+                    }, item.childrens.map((id)=>RenderChildren({
                             uid: id,
                             builder,
                             components,
-                            customProps
-                        })).join('')
+                            customProps,
+                            parentTag: item.tag
+                        })))
                 });
             }, ()=>{
                 return Component({
@@ -150,5 +157,27 @@ const RenderChildren = (props)=>{
     }
     return data.liquid;
 };
+const WrapRenderChildren = ({ uid, customProps }, codes)=>{
+    let liquid = '';
+    if (codes?.length) {
+        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) >= 180) {
+                    const fileName = `gp-section-snippet-${uid + i}`;
+                    customProps.extraFiles[fileName] = code;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+                } else {
+                    liquid += code;
+                }
+            }
+        }
+    }
+    return liquid;
+};
 
-export { RenderChildren, Render as default };
+export { RenderChildren, WrapRenderChildren, Render as default };

package/dist/esm/helpers/radius.js

@@ -2,7 +2,7 @@ import { devicesMapping, stateMapping } from './constant.js';
 import { makeStyle } from './make-style.js';
 
 const getCornerCSSFromGlobal = (corner)=>{
-    if (!corner.radiusType) return {};
+    if (!corner?.radiusType) return {};
     if ([
         'custom',
         'circle'

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 export { default as AddOn } from './components/AddOn.js';
 export { default as Render } from './components/Render.js';
 export { default as RenderPreview } from './components/RenderPreview.js';
-export { RenderChildren, default as RenderLiquid } from './components/Render.liquid.js';
+export { RenderChildren, default as RenderLiquid, WrapRenderChildren } from './components/Render.liquid.js';
 export { AddonProvider, useAddon, useAddons } from './contexts/AddonContext.js';
 export { BuilderComponentProvider, useBuilderComponent } from './contexts/BuilderComponent.js';
 export { BuilderProvider, useBuilderStore } from './contexts/BuilderContext.js';

package/dist/types/index.d.ts

@@ -39,6 +39,12 @@ declare const Render: ({ uid, builder, components, parentId, extraFiles, ...pass
     extraFiles: ExtraFiles;
 };
 declare const RenderChildren: (props: Props) => string;
+declare const WrapRenderChildren: ({ uid, customProps, }: {
+    uid: string;
+    customProps: {
+        extraFiles: ExtraFiles;
+    };
+}, codes?: (string | undefined)[]) => string;
 
 type AddonContextProps = {
     components: Record<string, React.ComponentType<any>>;
@@ -9276,7 +9282,7 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
 
-declare const getCornerCSSFromGlobal: (corner: CornerRadius) => React.CSSProperties;
+declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
 declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
 declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
 declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
@@ -9642,4 +9648,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, WiserWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.15.2",
+  "version": "1.15.5",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",