@gem-sdk/core 1.22.31-new-feature.3 → 1.22.31-staging.1

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -7,16 +7,12 @@ var react = require('react');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
-var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.type === 'section') {
         return null;
     }
     const customProps = {};
-    if (props.tag === 'Section' && props.isThemeSection) {
-        customProps['data-theme-section'] = true;
-    }
     // Build editor configs
     if (props.editorConfigs) {
         const editorConfigs = props.editorConfigs;
@@ -47,13 +43,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         if (editorConfigs.slots?.children) {
             customProps['data-slots-children'] = true;
         }
-        if (!editorConfigs.toolbar?.hide) {
-            customProps['data-toolbar-wrap'] = true;
-        }
-    }
-    // Show toolbar wrapper
-    if (!props?.editorConfigs?.toolbar?.hide) {
-        customProps['data-toolbar-wrap'] = true;
     }
     const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
     const advanced = props.advanced;
@@ -71,18 +60,12 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     uid: props.uid,
                     advanced: advanced
                 }),
-                /*#__PURE__*/ jsxRuntime.jsxs(children.type, {
+                /*#__PURE__*/ jsxRuntime.jsx(children.type, {
                     className: advanced?.cssClass,
                     ...children.props,
                     style,
                     builderAttrs,
-                    advanced,
-                    children: [
-                        children.props['children'],
-                        /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview, {
-                            ...props
-                        })
-                    ]
+                    advanced
                 })
             ]
         });
@@ -94,16 +77,11 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                 uid: props.uid,
                 advanced: advanced
             }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
                 style: style,
                 className: `${props.uid} ${props.advanced?.cssClass ? props.advanced?.cssClass : ''}`,
                 ...builderAttrs,
-                children: [
-                    children,
-                    /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview, {
-                        ...props
-                    })
-                ]
+                children: children
             })
         ]
     });

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

@@ -3,15 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('react/jsx-runtime');
-require('zustand');
 require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
 var render = require('../helpers/render.js');
 require('../helpers/convert.js');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');

package/dist/cjs/components/RenderCustomCode.js

@@ -13,8 +13,6 @@ require('swr/mutation');
 var shop = require('../hooks/shop.js');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
 require('../helpers/convert.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -28,10 +28,9 @@ const root = {
     label: 'Root',
     childrens: []
 };
-const createBuilderPreviewProvider = (args, isEditThemeSection)=>zustand.createStore((set, get)=>({
+const createBuilderPreviewProvider = (args)=>zustand.createStore((set, get)=>({
             state: args,
             loaded: false,
-            isEditThemeSection: !!isEditThemeSection,
             addItem: (args)=>{
                 const { position, data } = args;
                 const state = get().state;
@@ -391,33 +390,14 @@ const createBuilderPreviewProvider = (args, isEditThemeSection)=>zustand.createS
                         ROOT: cloneDeep.cloneDeep(ROOT)
                     }
                 });
-            },
-            getParents: (id, limit)=>{
-                const state = get().state;
-                const parents = [];
-                let index = 0;
-                let currentId = id;
-                // eslint-disable-next-line no-constant-condition
-                while(true){
-                    if (limit && index >= limit) break;
-                    const parent = Object.entries(state).find(([, value])=>value.type !== 'section' && value.childrens?.includes(currentId));
-                    if (!parent) break;
-                    const [, parentItem] = parent;
-                    if (!parentItem) break;
-                    parents.push(parentItem);
-                    currentId = parentItem.uid;
-                    index++;
-                }
-                return parents;
             }
         }));
-const BuilderPreviewProvider = ({ children, state, isEditThemeSection, lazy, ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, lazy, ...passProps })=>{
     const Component = lazy ? react.Suspense : react.Fragment;
     const value = react.useMemo(()=>{
-        return createBuilderPreviewProvider(state, isEditThemeSection);
+        return createBuilderPreviewProvider(state);
     }, [
-        state,
-        isEditThemeSection
+        state
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(Component, {
         children: /*#__PURE__*/ jsxRuntime.jsx(BuilderPreviewContext.Provider, {

package/dist/cjs/contexts/ShopContext.js

@@ -37,16 +37,6 @@ const createShopStoreProvider = (data)=>zustand.createStore((set)=>({
                     storefrontUrl: url,
                     storefrontToken: token
                 });
-            },
-            changeCreateThemeSectionCount: (count)=>{
-                set({
-                    createThemeSectionCount: count
-                });
-            },
-            changeShopPlan: (plan)=>{
-                set({
-                    plan
-                });
             }
         }));
 const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{

package/dist/cjs/helpers/is-empty-children.js

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
-var ComponentToolbarPreview = require('../components/ComponentToolbarPreview.js');
 
 const isEmptyChildren = (children)=>{
-    let arrChild = react.Children.toArray(children);
-    arrChild = arrChild.filter((child)=>child?.type != ComponentToolbarPreview.ComponentToolbarPreview && react.isValidElement(child));
-    return react.Children.count(arrChild) < 1 || !children;
+    return react.Children.count(children) < 1 || !children;
 };
 
 exports.default = isEmptyChildren;

package/dist/cjs/hooks/useProduct.js

@@ -3,18 +3,10 @@
 var react = require('react');
 var ProductContext = require('../contexts/ProductContext.js');
 var flattenConnection = require('../helpers/flatten-connection.js');
-require('react/jsx-runtime');
-require('zustand');
 require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('./useCartUI.js');
-var variant = require('../helpers/variant.js');
-require('react-transition-group');
-require('@gem-sdk/core');
 var product = require('../helpers/product.js');
 require('../helpers/convert.js');
+var variant = require('../helpers/variant.js');
 
 const useUniqProductID = ()=>{
     return ProductContext.useProductStore((s)=>s.uiqueId);

package/dist/cjs/index.js

@@ -32,7 +32,6 @@ var GlobalEvent = require('./helpers/GlobalEvent.js');
 var isBrowser = require('./helpers/is-browser.js');
 var isSafari = require('./helpers/is-safari.js');
 var isEmptyChildren = require('./helpers/is-empty-children.js');
-var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
 var makeStyle = require('./helpers/make-style.js');
 var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
 var prefetchQueries = require('./helpers/prefetch-queries.js');
@@ -149,7 +148,6 @@ exports.globalEvent = GlobalEvent.default;
 exports.isBrowser = isBrowser.default;
 exports.isSafari = isSafari.default;
 exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
-exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
 exports.makeAspectRatio = makeStyle.makeAspectRatio;
 exports.makeHeight = makeStyle.makeHeight;
 exports.makeLineClamp = makeStyle.makeLineClamp;

package/dist/esm/components/ComponentWrapperPreview.js

@@ -3,16 +3,12 @@ import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 import RenderCustomCode from './RenderCustomCode.js';
-import { ComponentToolbarPreview } from './ComponentToolbarPreview.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.type === 'section') {
         return null;
     }
     const customProps = {};
-    if (props.tag === 'Section' && props.isThemeSection) {
-        customProps['data-theme-section'] = true;
-    }
     // Build editor configs
     if (props.editorConfigs) {
         const editorConfigs = props.editorConfigs;
@@ -43,13 +39,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         if (editorConfigs.slots?.children) {
             customProps['data-slots-children'] = true;
         }
-        if (!editorConfigs.toolbar?.hide) {
-            customProps['data-toolbar-wrap'] = true;
-        }
-    }
-    // Show toolbar wrapper
-    if (!props?.editorConfigs?.toolbar?.hide) {
-        customProps['data-toolbar-wrap'] = true;
     }
     const style = composeAdvanceStyle(props.advanced, props.tag);
     const advanced = props.advanced;
@@ -67,18 +56,12 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     uid: props.uid,
                     advanced: advanced
                 }),
-                /*#__PURE__*/ jsxs(children.type, {
+                /*#__PURE__*/ jsx(children.type, {
                     className: advanced?.cssClass,
                     ...children.props,
                     style,
                     builderAttrs,
-                    advanced,
-                    children: [
-                        children.props['children'],
-                        /*#__PURE__*/ jsx(ComponentToolbarPreview, {
-                            ...props
-                        })
-                    ]
+                    advanced
                 })
             ]
         });
@@ -90,16 +73,11 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                 uid: props.uid,
                 advanced: advanced
             }),
-            /*#__PURE__*/ jsxs("div", {
+            /*#__PURE__*/ jsx("div", {
                 style: style,
                 className: `${props.uid} ${props.advanced?.cssClass ? props.advanced?.cssClass : ''}`,
                 ...builderAttrs,
-                children: [
-                    children,
-                    /*#__PURE__*/ jsx(ComponentToolbarPreview, {
-                        ...props
-                    })
-                ]
+                children: children
             })
         ]
     });

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

@@ -1,13 +1,5 @@
 import 'react';
-import 'react/jsx-runtime';
-import 'zustand';
 import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import { RenderIf, template } from '../helpers/render.js';
 import '../helpers/convert.js';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';

package/dist/esm/components/RenderCustomCode.js

@@ -9,8 +9,6 @@ import 'swr/mutation';
 import { useEditorMode } from '../hooks/shop.js';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import '../helpers/convert.js';
 
 const RenderCustomCode = ({ uid, advanced })=>{

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -26,10 +26,9 @@ const root = {
     label: 'Root',
     childrens: []
 };
-const createBuilderPreviewProvider = (args, isEditThemeSection)=>createStore((set, get)=>({
+const createBuilderPreviewProvider = (args)=>createStore((set, get)=>({
             state: args,
             loaded: false,
-            isEditThemeSection: !!isEditThemeSection,
             addItem: (args)=>{
                 const { position, data } = args;
                 const state = get().state;
@@ -389,33 +388,14 @@ const createBuilderPreviewProvider = (args, isEditThemeSection)=>createStore((se
                         ROOT: cloneDeep(ROOT)
                     }
                 });
-            },
-            getParents: (id, limit)=>{
-                const state = get().state;
-                const parents = [];
-                let index = 0;
-                let currentId = id;
-                // eslint-disable-next-line no-constant-condition
-                while(true){
-                    if (limit && index >= limit) break;
-                    const parent = Object.entries(state).find(([, value])=>value.type !== 'section' && value.childrens?.includes(currentId));
-                    if (!parent) break;
-                    const [, parentItem] = parent;
-                    if (!parentItem) break;
-                    parents.push(parentItem);
-                    currentId = parentItem.uid;
-                    index++;
-                }
-                return parents;
             }
         }));
-const BuilderPreviewProvider = ({ children, state, isEditThemeSection, lazy, ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, lazy, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
     const value = useMemo(()=>{
-        return createBuilderPreviewProvider(state, isEditThemeSection);
+        return createBuilderPreviewProvider(state);
     }, [
-        state,
-        isEditThemeSection
+        state
     ]);
     return /*#__PURE__*/ jsx(Component, {
         children: /*#__PURE__*/ jsx(BuilderPreviewContext.Provider, {

package/dist/esm/contexts/ShopContext.js

@@ -35,16 +35,6 @@ const createShopStoreProvider = (data)=>createStore((set)=>({
                     storefrontUrl: url,
                     storefrontToken: token
                 });
-            },
-            changeCreateThemeSectionCount: (count)=>{
-                set({
-                    createThemeSectionCount: count
-                });
-            },
-            changeShopPlan: (plan)=>{
-                set({
-                    plan
-                });
             }
         }));
 const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{

package/dist/esm/helpers/is-empty-children.js

@@ -1,10 +1,7 @@
-import { Children, isValidElement } from 'react';
-import { ComponentToolbarPreview } from '../components/ComponentToolbarPreview.js';
+import { Children } from 'react';
 
 const isEmptyChildren = (children)=>{
-    let arrChild = Children.toArray(children);
-    arrChild = arrChild.filter((child)=>child?.type != ComponentToolbarPreview && isValidElement(child));
-    return Children.count(arrChild) < 1 || !children;
+    return Children.count(children) < 1 || !children;
 };
 
 export { isEmptyChildren as default, isEmptyChildren };

package/dist/esm/hooks/useProduct.js

@@ -1,18 +1,10 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { useProductStore } from '../contexts/ProductContext.js';
 import { flattenConnection } from '../helpers/flatten-connection.js';
-import 'react/jsx-runtime';
-import 'zustand';
 import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import './useCartUI.js';
-import { checkInStock } from '../helpers/variant.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import { getSelectedVariant } from '../helpers/product.js';
 import '../helpers/convert.js';
+import { checkInStock } from '../helpers/variant.js';
 
 const useUniqProductID = ()=>{
     return useProductStore((s)=>s.uiqueId);

package/dist/esm/index.js

@@ -30,7 +30,6 @@ export { default as globalEvent } from './helpers/GlobalEvent.js';
 export { default as isBrowser } from './helpers/is-browser.js';
 export { default as isSafari } from './helpers/is-safari.js';
 export { isEmptyChildren } from './helpers/is-empty-children.js';
-export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
 export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';

package/dist/types/index.d.ts

@@ -37,16 +37,12 @@ type BlockEntity = {
     styles?: Record<string, any>;
     editorConfigs?: Record<string, any>;
     type?: 'component';
-    name?: string;
-    isThemeSection?: boolean;
 };
 type SectionEntity = {
     uid: string;
     tag?: string;
     label?: string;
     type: 'section';
-    name?: string;
-    isThemeSection?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -7309,7 +7305,6 @@ declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<Build
 type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
-    isEditThemeSection?: boolean;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
         type?: 'component' | 'section';
@@ -7330,13 +7325,11 @@ type BuilderPreviewContextProps = {
     removeItem: (id: string) => void;
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
-    getParents: (id: string, limit?: number) => BuilderEntity[];
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
     lazy?: boolean;
     priority?: boolean;
-    isEditThemeSection?: boolean;
 };
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
@@ -7516,8 +7509,6 @@ type ShopContextProps = {
     mobileOnly?: boolean;
     swatches?: GlobalSwatchesData[];
     isStorefront?: boolean;
-    createThemeSectionCount?: number;
-    plan?: string;
     changeLocale: (locale: string) => void;
     changeStorefrontInfo: (args: {
         url?: string;
@@ -7526,14 +7517,12 @@ type ShopContextProps = {
     changeCurrency: (currency: string) => void;
     changeSwatches: (swatches: GlobalSwatchesData[]) => void;
     changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
-    changeCreateThemeSectionCount: (count: number) => void;
-    changeShopPlan: (plan: string) => void;
 };
 type ShopProviderProps = {
     children: React.ReactNode;
     key?: React.Key;
     addons: AddonContextProps['components'];
-    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan'>;
+    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeStorefrontInfo'>;
     queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
 };
 declare const ShopProvider: React.FC<ShopProviderProps>;
@@ -7825,8 +7814,6 @@ declare function isSafari(): boolean;
 
 declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
-declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
-
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
 declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
 declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
@@ -9705,11 +9692,11 @@ declare const useSelectedOption: () => {
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe<string>, noEmit?: boolean) => void;
 };
 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, "name" | "value" | "optionType">[];
+    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
     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" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
-    selectedOptions: Pick<SelectedOption, "name" | "value" | "optionType">[];
+    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
     media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
@@ -9758,4 +9745,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, 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, 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.3",
+  "version": "1.22.31-staging.1",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -24,8 +24,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.22.31-staging.0",
-    "@gem-sdk/styles": "1.22.31-new-feature.2"
+    "@gem-sdk/adapter-shopify": "1.22.31-staging.1",
+    "@gem-sdk/styles": "1.22.31-staging.1"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",