@gem-sdk/core 1.22.31-new-feature.9 → 1.22.31-new-feature.11

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -11,13 +11,14 @@ require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
 var CreateThemeSection = require('./theme-section/CreateThemeSection.js');
 var Tooltip = require('./toolbar/Tooltip.js');
+var ThemeSectionStatus = require('./theme-section/ThemeSectionStatus.js');
 require('../helpers/convert.js');
 
 const SECTION_LIMIT = 25;
 const ComponentToolbarPreview = ({ ...props })=>{
+    const isThemeSection = props.isThemeSection;
     const getParents = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getParents);
     const root = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem('ROOT'));
-    const isThemeSection = props.isThemeSection;
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
     const [activeAddSection, setActiveAddSection] = react.useState(null);
     const [isShowParent, setIsShowParent] = react.useState(false);
@@ -272,7 +273,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                                 })
                             ]
                         }, parent.uid)),
-                    /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
+                    getSectionNumber() <= SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
                         ...props
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
@@ -315,37 +316,15 @@ const ComponentToolbarPreview = ({ ...props })=>{
                     })
                 ]
             }),
+            getSectionNumber() <= SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatus, {
+                ...props
+            }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 "data-outline": true,
                 "data-outline-section": props.tag == 'Section',
                 "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
                 "data-outline-limit": getIndexSection() >= SECTION_LIMIT
             }),
-            props.tag === 'Section' && isThemeSection && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                "data-theme-section-status": true,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        "data-theme-section-status-icon": true,
-                        children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 16 16",
-                            fill: "none",
-                            children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                fillRule: "evenodd",
-                                clipRule: "evenodd",
-                                d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",
-                                fill: "#9144DA"
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        "data-theme-section-status-text": true,
-                        children: "Need to republish. Go to global edit to publish it"
-                    })
-                ]
-            }),
             props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {

package/dist/cjs/components/theme-section/CreateThemeSection.js

@@ -23,17 +23,8 @@ const CreateThemeSection = ({ ...props })=>{
     const shopPlan = ShopContext.useShopStore((s)=>s.plan);
     const createThemeSectionCount = ShopContext.useShopStore((s)=>s.createThemeSectionCount);
     const isLimit = LIMIT_PLANS.includes(shopPlan ?? '');
-    const isRenderTooltip = react.useMemo(()=>{
-        return createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
-    }, [
-        createThemeSectionCount
-    ]);
-    const isRenderCreateThemeSection = react.useMemo(()=>{
-        return props.tag === 'Section' && !isThemeSection;
-    }, [
-        props.tag,
-        isThemeSection
-    ]);
+    const isRenderCreateThemeSection = props.tag === 'Section' && !isThemeSection;
+    const isRenderTooltip = createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
     const timeoutRef = react.useRef();
     const [isShowTooltip, setIsShowTooltip] = react.useState(false);
     const showTooltip = ()=>{

package/dist/cjs/components/theme-section/ThemeSectionStatus.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ThemeSectionStatus = ({ ...props })=>{
+    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            "data-theme-section-status": true,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    "data-theme-section-status-icon": true,
+                    children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            fillRule: "evenodd",
+                            clipRule: "evenodd",
+                            d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",
+                            fill: "#9144DA"
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                    "data-theme-section-status-text": true,
+                    children: "Need to republish. Go to global edit to publish it"
+                })
+            ]
+        })
+    });
+};
+
+exports.ThemeSectionStatus = ThemeSectionStatus;

package/dist/cjs/components/theme-section/ThemeSectionTooltip.js

@@ -69,7 +69,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
                                         }),
                                         /*#__PURE__*/ jsxRuntime.jsx("div", {
                                             className: "theme-section-tooltip__body-desc",
-                                            children: "A global section that can be used on all your GemPages & pages."
+                                            children: "A global section that can be used on all your GemPages & Shopify pages."
                                         })
                                     ]
                                 }),
@@ -80,7 +80,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
                                     children: [
                                         /*#__PURE__*/ jsxRuntime.jsx("button", {
                                             onClick: (e)=>onActions(e),
-                                            children: isLimit ? 'Upgrade to create Theme section' : 'Create theme section'
+                                            children: isLimit ? 'Upgrade to create Theme section' : 'Create Theme section'
                                         }),
                                         isLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
                                             onClick: openHelpCenter,

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -32,6 +32,8 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
             state: args,
             loaded: false,
             isThemeSectionEditor: !!isThemeSectionEditor,
+            dynamicProduct: null,
+            dynamicCollection: null,
             addItem: (args)=>{
                 const { position, data } = args;
                 const state = get().state;
@@ -409,6 +411,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                     index++;
                 }
                 return parents;
+            },
+            setDynamicProduct: (data)=>{
+                set({
+                    dynamicProduct: data
+                });
+            },
+            setDynamicCollection: (data)=>{
+                set({
+                    dynamicCollection: data
+                });
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/esm/components/ComponentToolbarPreview.js

@@ -9,13 +9,14 @@ import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
 import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
 import Tooltip from './toolbar/Tooltip.js';
+import { ThemeSectionStatus } from './theme-section/ThemeSectionStatus.js';
 import '../helpers/convert.js';
 
 const SECTION_LIMIT = 25;
 const ComponentToolbarPreview = ({ ...props })=>{
+    const isThemeSection = props.isThemeSection;
     const getParents = useBuilderPreviewStore((s)=>s.getParents);
     const root = useBuilderPreviewStore((s)=>s.getItem('ROOT'));
-    const isThemeSection = props.isThemeSection;
     const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
     const [activeAddSection, setActiveAddSection] = useState(null);
     const [isShowParent, setIsShowParent] = useState(false);
@@ -270,7 +271,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                                 })
                             ]
                         }, parent.uid)),
-                    /*#__PURE__*/ jsx(CreateThemeSection, {
+                    getSectionNumber() <= SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
                         ...props
                     }),
                     /*#__PURE__*/ jsx(Tooltip, {
@@ -313,37 +314,15 @@ const ComponentToolbarPreview = ({ ...props })=>{
                     })
                 ]
             }),
+            getSectionNumber() <= SECTION_LIMIT && /*#__PURE__*/ jsx(ThemeSectionStatus, {
+                ...props
+            }),
             /*#__PURE__*/ jsx("div", {
                 "data-outline": true,
                 "data-outline-section": props.tag == 'Section',
                 "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
                 "data-outline-limit": getIndexSection() >= SECTION_LIMIT
             }),
-            props.tag === 'Section' && isThemeSection && /*#__PURE__*/ jsxs("div", {
-                "data-theme-section-status": true,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        "data-theme-section-status-icon": true,
-                        children: /*#__PURE__*/ jsx("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 16 16",
-                            fill: "none",
-                            children: /*#__PURE__*/ jsx("path", {
-                                fillRule: "evenodd",
-                                clipRule: "evenodd",
-                                d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",
-                                fill: "#9144DA"
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        "data-theme-section-status-text": true,
-                        children: "Need to republish. Go to global edit to publish it"
-                    })
-                ]
-            }),
             props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(Tooltip, {

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useMemo, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
 import 'zustand';
 import { useShopStore } from '../../contexts/ShopContext.js';
@@ -21,17 +21,8 @@ const CreateThemeSection = ({ ...props })=>{
     const shopPlan = useShopStore((s)=>s.plan);
     const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
     const isLimit = LIMIT_PLANS.includes(shopPlan ?? '');
-    const isRenderTooltip = useMemo(()=>{
-        return createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
-    }, [
-        createThemeSectionCount
-    ]);
-    const isRenderCreateThemeSection = useMemo(()=>{
-        return props.tag === 'Section' && !isThemeSection;
-    }, [
-        props.tag,
-        isThemeSection
-    ]);
+    const isRenderCreateThemeSection = props.tag === 'Section' && !isThemeSection;
+    const isRenderTooltip = createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
     const timeoutRef = useRef();
     const [isShowTooltip, setIsShowTooltip] = useState(false);
     const showTooltip = ()=>{

package/dist/esm/components/theme-section/ThemeSectionStatus.js

@@ -0,0 +1,34 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+const ThemeSectionStatus = ({ ...props })=>{
+    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxs("div", {
+            "data-theme-section-status": true,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    "data-theme-section-status-icon": true,
+                    children: /*#__PURE__*/ jsx("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        children: /*#__PURE__*/ jsx("path", {
+                            fillRule: "evenodd",
+                            clipRule: "evenodd",
+                            d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",
+                            fill: "#9144DA"
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    "data-theme-section-status-text": true,
+                    children: "Need to republish. Go to global edit to publish it"
+                })
+            ]
+        })
+    });
+};
+
+export { ThemeSectionStatus };

package/dist/esm/components/theme-section/ThemeSectionTooltip.js

@@ -67,7 +67,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
                                         }),
                                         /*#__PURE__*/ jsx("div", {
                                             className: "theme-section-tooltip__body-desc",
-                                            children: "A global section that can be used on all your GemPages & pages."
+                                            children: "A global section that can be used on all your GemPages & Shopify pages."
                                         })
                                     ]
                                 }),
@@ -78,7 +78,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
                                     children: [
                                         /*#__PURE__*/ jsx("button", {
                                             onClick: (e)=>onActions(e),
-                                            children: isLimit ? 'Upgrade to create Theme section' : 'Create theme section'
+                                            children: isLimit ? 'Upgrade to create Theme section' : 'Create Theme section'
                                         }),
                                         isLimit && /*#__PURE__*/ jsx("div", {
                                             onClick: openHelpCenter,

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -30,6 +30,8 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
             state: args,
             loaded: false,
             isThemeSectionEditor: !!isThemeSectionEditor,
+            dynamicProduct: null,
+            dynamicCollection: null,
             addItem: (args)=>{
                 const { position, data } = args;
                 const state = get().state;
@@ -407,6 +409,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
                     index++;
                 }
                 return parents;
+            },
+            setDynamicProduct: (data)=>{
+                set({
+                    dynamicProduct: data
+                });
+            },
+            setDynamicCollection: (data)=>{
+                set({
+                    dynamicCollection: data
+                });
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/types/index.d.ts

@@ -39,6 +39,7 @@ type BlockEntity = {
     type?: 'component';
     name?: string;
     isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type SectionEntity = {
     uid: string;
@@ -47,6 +48,7 @@ type SectionEntity = {
     type: 'section';
     name?: string;
     isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -57,6 +59,13 @@ type BuilderState = {
 } & SectionData;
 type SectionData = Record<string, BuilderEntity>;
 type RenderMode = 'edit' | 'preview';
+type DynamicProduct = {
+    productId?: string;
+    productHandle?: string;
+} | null;
+type DynamicCollection = {
+    collectionId?: string;
+} | null;
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -7310,6 +7319,8 @@ type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
     isThemeSectionEditor?: boolean;
+    dynamicProduct?: DynamicProduct;
+    dynamicCollection?: DynamicCollection;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
         type?: 'component' | 'section';
@@ -7331,6 +7342,8 @@ type BuilderPreviewContextProps = {
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
     getParents: (id: string, limit?: number) => BuilderEntity[];
+    setDynamicProduct: (data: DynamicProduct) => void;
+    setDynamicCollection: (data: DynamicCollection) => void;
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
@@ -9758,4 +9771,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, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, 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, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, 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, useInitialSwatchesOptions, 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 };
+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, DynamicCollection, DynamicProduct, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, 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, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, 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, useInitialSwatchesOptions, 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.22.31-new-feature.9",
+  "version": "1.22.31-new-feature.11",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.22.31-staging.0",
-    "@gem-sdk/styles": "1.22.31-new-feature.9"
+    "@gem-sdk/styles": "1.22.31-new-feature.11"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",