@gem-sdk/core 1.5.25 → 1.5.39

package/dist/cjs/components/ComponentWrapper.js

@@ -10,10 +10,12 @@ var constant = require('./constant.js');
 const ComponentWrapper = ({ children , ...props })=>{
     if (props.type === 'section') return null;
     const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
+    const advanced = props.advanced;
     if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
         return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
             ...children.props,
-            style
+            style,
+            advanced
         });
     }
     return /*#__PURE__*/ jsxRuntime.jsx("div", {

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -41,6 +41,7 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         }
     }
     const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
+    const advanced = props.advanced;
     const builderAttrs = {
         ...customProps,
         'data-uid': props.uid,
@@ -52,7 +53,8 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
             ...children.props,
             style,
-            builderAttrs
+            builderAttrs,
+            advanced
         });
     }
     // Render

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 require('react');
 require('swr');
 var render = require('../helpers/render.js');
 require('../helpers/convert.js');
-var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 
 const Render = ({ uid , builder , components , ...passProps })=>{
@@ -31,6 +31,7 @@ const Render = ({ uid , builder , components , ...passProps })=>{
                     styles: item.styles,
                     setting: item.settings,
                     style,
+                    advanced: item.advanced,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -53,6 +54,7 @@ const Render = ({ uid , builder , components , ...passProps })=>{
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: item.advanced,
                     style,
                     ...passProps
                 }));

package/dist/cjs/components/constant.js

@@ -23,7 +23,9 @@ const disableWrap = [
     'HTMLCode',
     'IconListHoz',
     'IconListItem',
-    'CSSCode'
+    'CSSCode',
+    'FormEmail',
+    'SubmitButton'
 ];
 
 exports.disableWrap = disableWrap;

package/dist/cjs/index.js

@@ -23,6 +23,7 @@ var storeProperty_generated = require('./graphql/queries/store-property.generate
 var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
 var borders = require('./helpers/borders.js');
 var cls = require('./helpers/cls.js');
+var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var flattenConnection = require('./helpers/flatten-connection.js');
 var getResonsiveValue = require('./helpers/get-resonsive-value.js');
 var getShortname = require('./helpers/get-shortname.js');
@@ -123,6 +124,7 @@ exports.handleConvertBorderStyle = borders.handleConvertBorderStyle;
 exports.handleConvertBorderWidth = borders.handleConvertBorderWidth;
 exports.handleConvertClassColor = borders.handleConvertClassColor;
 exports.cls = cls.cls;
+exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
 exports.flattenConnection = flattenConnection.flattenConnection;
 exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
 exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;

package/dist/esm/components/ComponentWrapper.js

@@ -6,10 +6,12 @@ import { disableWrap } from './constant.js';
 const ComponentWrapper = ({ children , ...props })=>{
     if (props.type === 'section') return null;
     const style = composeAdvanceStyle(props.advanced, props.tag);
+    const advanced = props.advanced;
     if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
         return /*#__PURE__*/ jsx(children.type, {
             ...children.props,
-            style
+            style,
+            advanced
         });
     }
     return /*#__PURE__*/ jsx("div", {

package/dist/esm/components/ComponentWrapperPreview.js

@@ -37,6 +37,7 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         }
     }
     const style = composeAdvanceStyle(props.advanced, props.tag);
+    const advanced = props.advanced;
     const builderAttrs = {
         ...customProps,
         'data-uid': props.uid,
@@ -48,7 +49,8 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         return /*#__PURE__*/ jsx(children.type, {
             ...children.props,
             style,
-            builderAttrs
+            builderAttrs,
+            advanced
         });
     }
     // Render

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

@@ -1,8 +1,8 @@
+import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import 'react';
 import 'swr';
 import { RenderIf, template } from '../helpers/render.js';
 import '../helpers/convert.js';
-import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
 const Render = ({ uid , builder , components , ...passProps })=>{
@@ -27,6 +27,7 @@ const Render = ({ uid , builder , components , ...passProps })=>{
                     styles: item.styles,
                     setting: item.settings,
                     style,
+                    advanced: item.advanced,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -49,6 +50,7 @@ const Render = ({ uid , builder , components , ...passProps })=>{
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: item.advanced,
                     style,
                     ...passProps
                 }));

package/dist/esm/components/constant.js

@@ -21,7 +21,9 @@ const disableWrap = [
     'HTMLCode',
     'IconListHoz',
     'IconListItem',
-    'CSSCode'
+    'CSSCode',
+    'FormEmail',
+    'SubmitButton'
 ];
 
 export { disableWrap };

package/dist/esm/index.js

@@ -21,6 +21,7 @@ export { StorePropertyDocument } from './graphql/queries/store-property.generate
 export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js';
 export { handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor } from './helpers/borders.js';
 export { cls } from './helpers/cls.js';
+export { composeAdvanceStyle } from './helpers/compose-advance-style.js';
 export { flattenConnection } from './helpers/flatten-connection.js';
 export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen } from './helpers/get-resonsive-value.js';
 export { getShortName } from './helpers/get-shortname.js';

package/dist/types/index.d.ts

@@ -344,6 +344,7 @@ type InputControlType<T> = SharedControlType<T> & {
     datalist?: {
         value: any;
     }[];
+    readonly?: boolean;
 };
 
 type InputFixContentControlType<T> = SharedControlType<T> & {
@@ -705,6 +706,7 @@ type CustomCodeEditor = {
 type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | CustomCodeEditor;
 type Setting<P extends BaseProps> = {
     id: 'setting';
+    note?: string;
     controls?: ControlProp<NonNullable<P['setting']>>[];
 } | {
     id: 'style';
@@ -7160,6 +7162,9 @@ interface ClassDictionary {
 }
 declare function cls(...classes: ClassValue[]): string;
 
+type AdvanceValue = Primitive | ObjectDevices<Primitive>;
+declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
+
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
  */
@@ -7539,4 +7544,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample }: FetchParams) =
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, 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, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, 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, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, 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, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, 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.5.25",
+  "version": "1.5.39",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "react-error-boundary": "^3.1.4",
-    "swr": "^2.0.3",
+    "swr": "2.0.4",
     "vanilla-lazyload": "17.8.3",
-    "zustand": "^4.3.2"
+    "zustand": "4.3.4"
   },
   "peerDependencies": {
     "react": "^17 || ^18",