@gem-sdk/core 1.21.7 → 1.21.10

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -6,6 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
+var RenderCustomCode = require('./RenderCustomCode.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.type === 'section') {
@@ -53,19 +54,35 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         'data-component-label': props.label
     };
     if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
-        return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
-            ...children.props,
-            style,
-            builderAttrs,
-            advanced
+        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
+                    uid: props.uid,
+                    advanced: advanced
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(children.type, {
+                    ...children.props,
+                    style,
+                    builderAttrs,
+                    advanced
+                })
+            ]
         });
     }
     // Render
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: style,
-        className: `${props.uid}`,
-        ...builderAttrs,
-        children: children
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
+                uid: props.uid,
+                advanced: advanced
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                style: style,
+                className: `${props.uid}`,
+                ...builderAttrs,
+                children: children
+            })
+        ]
     });
 };
 

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

@@ -136,12 +136,38 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
             })}
       </div>`;
         }
+        const { cssCode, jsCode } = RenderCustomCode(item);
+        if (cssCode) liquid += cssCode;
+        if (jsCode) liquid += jsCode;
         return {
             liquid,
             extraFiles: customProps.extraFiles
         };
     }
 };
+const RenderCustomCode = (item)=>{
+    const { css, javascript, rootClassName } = item.advanced?.editorData || {};
+    const replacedCSS = css?.replaceAll(rootClassName, item.uid);
+    const replacedJS = javascript?.replaceAll(rootClassName, item.uid);
+    const cssCode = render.RenderIf(!!css, render.template`
+      <style
+        id="${`custom-css-${item?.uid}`}"
+      >${replacedCSS}</style>
+    `);
+    const jsCode = render.RenderIf(!!javascript, render.template`
+      <script
+        id="${`custom-js-${item?.uid}`}"
+      >
+        try {
+          ${replacedJS}
+        } catch(err){}
+      </script>
+    `);
+    return {
+        cssCode,
+        jsCode
+    };
+};
 const RenderChildren = (props)=>{
     const data = Render(props);
     // Append to prop parent

package/dist/cjs/components/RenderCustomCode.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Head = require('next/head');
+var Script = require('next/script');
+var react = require('react');
+require('zustand');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+var shop = require('../hooks/shop.js');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
+require('../helpers/convert.js');
+
+const RenderCustomCode = ({ uid, advanced })=>{
+    const mode = shop.useEditorMode();
+    const { css, javascript, rootClassName } = advanced?.editorData || {};
+    const replacedCSS = css?.replaceAll(rootClassName, uid);
+    const replacedJS = javascript?.replaceAll(rootClassName, uid);
+    const mapId = {
+        css: `custom-css-${uid}`,
+        javascript: `custom-js-${uid}`
+    };
+    const jsCode = react.useMemo(()=>{
+        return `
+      try {
+        ${replacedJS}
+      } catch(err){}
+    `;
+    }, [
+        replacedJS
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Head, {
+                children: !!css && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                    id: mapId['css'],
+                    dangerouslySetInnerHTML: {
+                        __html: replacedCSS
+                    }
+                })
+            }),
+            !!javascript && mode !== 'edit' && /*#__PURE__*/ jsxRuntime.jsx(Script, {
+                id: mapId['javascript'],
+                dangerouslySetInnerHTML: {
+                    __html: jsCode
+                }
+            })
+        ]
+    });
+};
+
+exports.default = RenderCustomCode;

package/dist/cjs/contexts/ProductContext.js

@@ -96,7 +96,7 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                 });
             }
         }));
-const ProductProvider = ({ children, product, initialVariantId, quantity = 1 })=>{
+const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{
     const uiqueId = react.useId();
     const store = react.useMemo(()=>{
         let selectedOptions = {};
@@ -122,13 +122,15 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1 })=
             quantity,
             selectedOptions,
             uiqueId,
-            featuredImageGlobal
+            featuredImageGlobal,
+            isSyncProduct
         });
     }, [
         initialVariantId,
         product,
         quantity,
-        uiqueId
+        uiqueId,
+        isSyncProduct
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(ProductContext.Provider, {
         value: store,

package/dist/cjs/hooks/useProduct.js

@@ -20,6 +20,9 @@ const useFeaturedImageGlobal = ()=>{
 const useProductProperties = ()=>{
     return ProductContext.useProductStore((s)=>s.properties);
 };
+const useIsSyncProduct = ()=>{
+    return ProductContext.useProductStore((s)=>s.isSyncProduct);
+};
 const useQuantity = ()=>{
     const quantity = ProductContext.useProductStore((s)=>s.quantity);
     const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
@@ -144,6 +147,7 @@ exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useCurrentVariant;
 exports.useCurrentVariantInStock = useCurrentVariantInStock;
 exports.useFeaturedImageGlobal = useFeaturedImageGlobal;
+exports.useIsSyncProduct = useIsSyncProduct;
 exports.useProduct = useProduct;
 exports.useProductProperties = useProductProperties;
 exports.useQuantity = useQuantity;

package/dist/cjs/index.js

@@ -268,6 +268,7 @@ exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInS
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;
 exports.useFeaturedImageGlobal = useProduct.useFeaturedImageGlobal;
+exports.useIsSyncProduct = useProduct.useIsSyncProduct;
 exports.useProduct = useProduct.useProduct;
 exports.useProductProperties = useProduct.useProductProperties;
 exports.useQuantity = useProduct.useQuantity;

package/dist/esm/components/ComponentWrapperPreview.js

@@ -1,7 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
+import RenderCustomCode from './RenderCustomCode.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.type === 'section') {
@@ -49,19 +50,35 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         'data-component-label': props.label
     };
     if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
-        return /*#__PURE__*/ jsx(children.type, {
-            ...children.props,
-            style,
-            builderAttrs,
-            advanced
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(RenderCustomCode, {
+                    uid: props.uid,
+                    advanced: advanced
+                }),
+                /*#__PURE__*/ jsx(children.type, {
+                    ...children.props,
+                    style,
+                    builderAttrs,
+                    advanced
+                })
+            ]
         });
     }
     // Render
-    return /*#__PURE__*/ jsx("div", {
-        style: style,
-        className: `${props.uid}`,
-        ...builderAttrs,
-        children: children
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(RenderCustomCode, {
+                uid: props.uid,
+                advanced: advanced
+            }),
+            /*#__PURE__*/ jsx("div", {
+                style: style,
+                className: `${props.uid}`,
+                ...builderAttrs,
+                children: children
+            })
+        ]
     });
 };
 

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

@@ -132,12 +132,38 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
             })}
       </div>`;
         }
+        const { cssCode, jsCode } = RenderCustomCode(item);
+        if (cssCode) liquid += cssCode;
+        if (jsCode) liquid += jsCode;
         return {
             liquid,
             extraFiles: customProps.extraFiles
         };
     }
 };
+const RenderCustomCode = (item)=>{
+    const { css, javascript, rootClassName } = item.advanced?.editorData || {};
+    const replacedCSS = css?.replaceAll(rootClassName, item.uid);
+    const replacedJS = javascript?.replaceAll(rootClassName, item.uid);
+    const cssCode = RenderIf(!!css, template`
+      <style
+        id="${`custom-css-${item?.uid}`}"
+      >${replacedCSS}</style>
+    `);
+    const jsCode = RenderIf(!!javascript, template`
+      <script
+        id="${`custom-js-${item?.uid}`}"
+      >
+        try {
+          ${replacedJS}
+        } catch(err){}
+      </script>
+    `);
+    return {
+        cssCode,
+        jsCode
+    };
+};
 const RenderChildren = (props)=>{
     const data = Render(props);
     // Append to prop parent

package/dist/esm/components/RenderCustomCode.js

@@ -0,0 +1,52 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Head from 'next/head';
+import Script from 'next/script';
+import { useMemo } from 'react';
+import 'zustand';
+import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import { useEditorMode } from '../hooks/shop.js';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+import '../helpers/convert.js';
+
+const RenderCustomCode = ({ uid, advanced })=>{
+    const mode = useEditorMode();
+    const { css, javascript, rootClassName } = advanced?.editorData || {};
+    const replacedCSS = css?.replaceAll(rootClassName, uid);
+    const replacedJS = javascript?.replaceAll(rootClassName, uid);
+    const mapId = {
+        css: `custom-css-${uid}`,
+        javascript: `custom-js-${uid}`
+    };
+    const jsCode = useMemo(()=>{
+        return `
+      try {
+        ${replacedJS}
+      } catch(err){}
+    `;
+    }, [
+        replacedJS
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Head, {
+                children: !!css && /*#__PURE__*/ jsx("style", {
+                    id: mapId['css'],
+                    dangerouslySetInnerHTML: {
+                        __html: replacedCSS
+                    }
+                })
+            }),
+            !!javascript && mode !== 'edit' && /*#__PURE__*/ jsx(Script, {
+                id: mapId['javascript'],
+                dangerouslySetInnerHTML: {
+                    __html: jsCode
+                }
+            })
+        ]
+    });
+};
+
+export { RenderCustomCode as default };

package/dist/esm/contexts/ProductContext.js

@@ -94,7 +94,7 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
                 });
             }
         }));
-const ProductProvider = ({ children, product, initialVariantId, quantity = 1 })=>{
+const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{
     const uiqueId = useId();
     const store = useMemo(()=>{
         let selectedOptions = {};
@@ -120,13 +120,15 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1 })=
             quantity,
             selectedOptions,
             uiqueId,
-            featuredImageGlobal
+            featuredImageGlobal,
+            isSyncProduct
         });
     }, [
         initialVariantId,
         product,
         quantity,
-        uiqueId
+        uiqueId,
+        isSyncProduct
     ]);
     return /*#__PURE__*/ jsx(ProductContext.Provider, {
         value: store,

package/dist/esm/hooks/useProduct.js

@@ -18,6 +18,9 @@ const useFeaturedImageGlobal = ()=>{
 const useProductProperties = ()=>{
     return useProductStore((s)=>s.properties);
 };
+const useIsSyncProduct = ()=>{
+    return useProductStore((s)=>s.isSyncProduct);
+};
 const useQuantity = ()=>{
     const quantity = useProductStore((s)=>s.quantity);
     const decrement = useProductStore((s)=>s.decrementQuantity);
@@ -138,4 +141,4 @@ const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
     }) : false;
 };
 
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/esm/index.js

@@ -80,7 +80,7 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
 export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';

package/dist/types/index.d.ts

@@ -7400,8 +7400,9 @@ type ProductContextProps = {
     forceSelectedOption: (value?: Record<string, any>) => void;
     isSubmit?: boolean;
     updateIsSubmit: (value: boolean) => void;
+    isSyncProduct?: boolean;
 };
-type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions'> & {
+type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
     readOnly?: boolean;
     children: React.ReactNode;
@@ -8389,6 +8390,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
     '--hvr-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
     '--focus-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--pe'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe'?: csstype.Property.PointerEvents | undefined;
+    '--pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-mobile'?: csstype.Property.PointerEvents | undefined;
     '--pos'?: csstype.Property.Position | undefined;
     '--hvr-pos'?: csstype.Property.Position | undefined;
     '--focus-pos'?: csstype.Property.Position | undefined;
@@ -9418,7 +9428,7 @@ type RequiredCursorEdge<T> = {
 };
 declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
 declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
-    node?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    node?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 })[]>;
 
 type FetchProductsParams = {
@@ -9601,6 +9611,7 @@ declare const useProductProperties: () => {
     value?: string | undefined;
     required?: boolean | undefined;
 }[] | undefined;
+declare const useIsSyncProduct: () => boolean | undefined;
 declare const useQuantity: () => {
     quantity: number | undefined;
     increment: () => void;
@@ -9613,13 +9624,13 @@ declare const useSelectedOption: () => {
     setSelectedOption: (optionId?: Maybe<string>, optionValue?: Maybe<string>, productId?: Maybe<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
+declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
-    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>[];
-declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
+declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
-    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;
@@ -9665,4 +9676,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, LaiProductReviewsWidgetType, 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, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, 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 };
+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, LaiProductReviewsWidgetType, 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, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, 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, useIsSyncProduct, 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.21.7",
+  "version": "1.21.10",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.12.0",
-    "@gem-sdk/styles": "1.21.5"
+    "@gem-sdk/styles": "1.21.8"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",