@gem-sdk/core 2.0.0-dev.435 → 2.0.0-dev.453

package/dist/cjs/components/RenderPreview.js

@@ -10,11 +10,26 @@ var BuilderComponent = require('../contexts/BuilderComponent.js');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
 var RenderSection = require('./RenderSection.js');
+require('zustand');
+var I18nContext = require('../contexts/I18nContext.js');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
+var useI18n = require('../hooks/useI18n.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+require('../helpers/convert.js');
 
 const RenderPreview = ({ uid, ...passProps })=>{
     const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
     BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getState());
     const Component = BuilderComponent.useBuilderComponent(item?.tag);
+    const { t } = useI18n.useI18n();
     if (!item) return null;
     if (item?.type === 'section') {
         return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
@@ -36,28 +51,31 @@ const RenderPreview = ({ uid, ...passProps })=>{
                         })
                     ]
                 }),
-            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
-                ...item,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
-                            "bundle-item": passProps?.['bundle-item'],
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
+            children: /*#__PURE__*/ jsxRuntime.jsx(I18nContext.I18nProvider, {
+                t: t,
+                children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
+                    ...item,
+                    children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                        builderProps: {
+                            uid,
+                            builderData: item
+                        },
+                        styles: item.styles,
+                        setting: item.settings,
+                        ...passProps,
+                        children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
+                                "bundle-item": passProps?.['bundle-item'],
+                                uid: id
+                            }, id))
+                    }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                        builderProps: {
+                            uid,
+                            builderData: item
+                        },
+                        styles: item.styles,
+                        setting: item.settings,
+                        ...passProps
+                    })
                 })
             })
         }, item.uid);

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

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
 require('zustand');
+var I18nContext = require('../../contexts/I18nContext.js');
 var ShopContext = require('../../contexts/ShopContext.js');
 require('swr');
 require('swr/infinite');
@@ -24,6 +25,7 @@ const LIMIT_PLANS = [
     'trial2022'
 ];
 const CreateThemeSection = ({ ...props })=>{
+    const { t } = I18nContext.useI18nStore();
     const shopPlan = ShopContext.useShopStore((s)=>s.plan);
     const createThemeSectionCount = ShopContext.useShopStore((s)=>s.createThemeSectionCount);
     const limitCreateThemeSection = ShopContext.useShopStore((s)=>s.limitCreateThemeSection);
@@ -111,7 +113,7 @@ const CreateThemeSection = ({ ...props })=>{
                                 ]
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                children: "Create Theme Section"
+                                children: t('Create Theme Section')
                             })
                         ]
                     })

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

@@ -29,6 +29,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
+    const { t } = core.useI18n();
     const nodeRef = react.useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{
@@ -105,7 +106,7 @@ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCre
                                         children: [
                                             /*#__PURE__*/ jsxRuntime.jsx("button", {
                                                 onClick: (e)=>onActions(e),
-                                                children: actionBtnLabel
+                                                children: t(actionBtnLabel)
                                             }),
                                             isFreeLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
                                                 onClick: openHelpCenter,

package/dist/cjs/contexts/I18nContext.js

@@ -0,0 +1,36 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+const I18nContext = /*#__PURE__*/ react.createContext(null);
+const createI18nStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const I18nProvider = ({ children, t })=>{
+    const store = react.useMemo(()=>{
+        return createI18nStoreProvider({
+            t
+        });
+    }, [
+        t
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(I18nContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useI18nStore = ()=>{
+    const store = react.useContext(I18nContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store);
+};
+
+exports.I18nProvider = I18nProvider;
+exports.useI18nStore = useI18nStore;

package/dist/cjs/helpers/radius.js

@@ -33,7 +33,8 @@ const getCustomRadius = (state, radius, device)=>{
         'rounded',
         'single',
         'none',
-        'circle'
+        'circle',
+        'square'
     ];
     if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
@@ -70,6 +71,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
@@ -83,6 +85,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
@@ -96,6 +99,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
@@ -129,6 +133,7 @@ const composeCornerCss = (value, important = false)=>{
             radiusValue = `border-radius: var(--g-radius-${radiusType});`;
             break;
         case 'circle':
+        case 'square':
         case 'none':
         case 'rounded':
         case 'custom':

package/dist/cjs/hooks/useI18n.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+const useI18n = ()=>{
+    const [i18n, setI18n] = react.useState(null);
+    const handleChangeLanguage = (e)=>{
+        const detail = e.detail;
+        if (!detail) return;
+        setI18n(detail);
+    };
+    const t = (string)=>{
+        if (!i18n) return string;
+        return i18n?.t(string);
+    };
+    react.useEffect(()=>{
+        window.addEventListener('editor:change-language', handleChangeLanguage);
+        return ()=>{
+            window.removeEventListener('editor:change-language', handleChangeLanguage);
+        };
+    }, []);
+    return {
+        t
+    };
+};
+
+exports.useI18n = useI18n;

package/dist/cjs/index.js

@@ -18,6 +18,7 @@ var CollectionContext = require('./contexts/CollectionContext.js');
 var ModalContext = require('./contexts/ModalContext.js');
 var ArticleListContext = require('./contexts/ArticleListContext.js');
 var ArticleContext = require('./contexts/ArticleContext.js');
+var I18nContext = require('./contexts/I18nContext.js');
 var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
 var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
 var collection_generated = require('./graphql/queries/collection.generated.js');
@@ -104,6 +105,7 @@ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
 var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
+var useI18n = require('./hooks/useI18n.js');
 var useProduct = require('./hooks/useProduct.js');
 var useShopifyLink = require('./hooks/shop/useShopifyLink.js');
 var useProductList = require('./hooks/useProductList.js');
@@ -160,6 +162,8 @@ exports.ArticleListProvider = ArticleListContext.ArticleListProvider;
 exports.useArticleListStore = ArticleListContext.useArticleListStore;
 exports.ArticleProvider = ArticleContext.ArticleProvider;
 exports.useArticleStore = ArticleContext.useArticleStore;
+exports.I18nProvider = I18nContext.I18nProvider;
+exports.useI18nStore = I18nContext.useI18nStore;
 exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
 exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
 exports.CollectionDocument = collection_generated.CollectionDocument;
@@ -381,6 +385,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
 exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
+exports.useI18n = useI18n.useI18n;
 exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;

package/dist/esm/components/RenderPreview.js

@@ -6,11 +6,26 @@ import { useBuilderComponent } from '../contexts/BuilderComponent.js';
 import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import ComponentWrapperPreview from './ComponentWrapperPreview.js';
 import RenderSectionMemo from './RenderSection.js';
+import 'zustand';
+import { I18nProvider } from '../contexts/I18nContext.js';
+import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+import { useI18n } from '../hooks/useI18n.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'classnames';
+import 'dayjs';
+import '../helpers/convert.js';
 
 const RenderPreview = ({ uid, ...passProps })=>{
     const item = useBuilderPreviewStore((s)=>s.getItem(uid));
     useBuilderPreviewStore((s)=>s.getState());
     const Component = useBuilderComponent(item?.tag);
+    const { t } = useI18n();
     if (!item) return null;
     if (item?.type === 'section') {
         return /*#__PURE__*/ jsx(RenderSectionMemo, {
@@ -32,28 +47,31 @@ const RenderPreview = ({ uid, ...passProps })=>{
                         })
                     ]
                 }),
-            children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
-                ...item,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
-                            "bundle-item": passProps?.['bundle-item'],
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
+            children: /*#__PURE__*/ jsx(I18nProvider, {
+                t: t,
+                children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
+                    ...item,
+                    children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
+                        builderProps: {
+                            uid,
+                            builderData: item
+                        },
+                        styles: item.styles,
+                        setting: item.settings,
+                        ...passProps,
+                        children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
+                                "bundle-item": passProps?.['bundle-item'],
+                                uid: id
+                            }, id))
+                    }) : /*#__PURE__*/ jsx(Component, {
+                        builderProps: {
+                            uid,
+                            builderData: item
+                        },
+                        styles: item.styles,
+                        setting: item.settings,
+                        ...passProps
+                    })
                 })
             })
         }, item.uid);

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

@@ -3,6 +3,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
 import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
 import 'zustand';
+import { useI18nStore } from '../../contexts/I18nContext.js';
 import { useShopStore } from '../../contexts/ShopContext.js';
 import 'swr';
 import 'swr/infinite';
@@ -22,6 +23,7 @@ const LIMIT_PLANS = [
     'trial2022'
 ];
 const CreateThemeSection = ({ ...props })=>{
+    const { t } = useI18nStore();
     const shopPlan = useShopStore((s)=>s.plan);
     const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
     const limitCreateThemeSection = useShopStore((s)=>s.limitCreateThemeSection);
@@ -109,7 +111,7 @@ const CreateThemeSection = ({ ...props })=>{
                                 ]
                             }),
                             /*#__PURE__*/ jsx("p", {
-                                children: "Create Theme Section"
+                                children: t('Create Theme Section')
                             })
                         ]
                     })

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

@@ -2,7 +2,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { Transition } from 'react-transition-group';
-import { cls } from '@gem-sdk/core';
+import { useI18n, cls } from '@gem-sdk/core';
 
 const TRANSITION_DURATION = 350;
 const defaultStyles = {
@@ -27,6 +27,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
+    const { t } = useI18n();
     const nodeRef = useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{
@@ -103,7 +104,7 @@ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCre
                                         children: [
                                             /*#__PURE__*/ jsx("button", {
                                                 onClick: (e)=>onActions(e),
-                                                children: actionBtnLabel
+                                                children: t(actionBtnLabel)
                                             }),
                                             isFreeLimit && /*#__PURE__*/ jsx("div", {
                                                 onClick: openHelpCenter,

package/dist/esm/contexts/I18nContext.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useStore, createStore } from 'zustand';
+import { useMemo, useContext, createContext } from 'react';
+
+const I18nContext = /*#__PURE__*/ createContext(null);
+const createI18nStoreProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const I18nProvider = ({ children, t })=>{
+    const store = useMemo(()=>{
+        return createI18nStoreProvider({
+            t
+        });
+    }, [
+        t
+    ]);
+    return /*#__PURE__*/ jsx(I18nContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        })
+    });
+};
+const useI18nStore = ()=>{
+    const store = useContext(I18nContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return useStore(store);
+};
+
+export { I18nProvider, useI18nStore };

package/dist/esm/helpers/radius.js

@@ -31,7 +31,8 @@ const getCustomRadius = (state, radius, device)=>{
         'rounded',
         'single',
         'none',
-        'circle'
+        'circle',
+        'square'
     ];
     if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
@@ -68,6 +69,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
@@ -81,6 +83,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
@@ -94,6 +97,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'square':
         case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
@@ -127,6 +131,7 @@ const composeCornerCss = (value, important = false)=>{
             radiusValue = `border-radius: var(--g-radius-${radiusType});`;
             break;
         case 'circle':
+        case 'square':
         case 'none':
         case 'rounded':
         case 'custom':

package/dist/esm/hooks/useI18n.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+const useI18n = ()=>{
+    const [i18n, setI18n] = useState(null);
+    const handleChangeLanguage = (e)=>{
+        const detail = e.detail;
+        if (!detail) return;
+        setI18n(detail);
+    };
+    const t = (string)=>{
+        if (!i18n) return string;
+        return i18n?.t(string);
+    };
+    useEffect(()=>{
+        window.addEventListener('editor:change-language', handleChangeLanguage);
+        return ()=>{
+            window.removeEventListener('editor:change-language', handleChangeLanguage);
+        };
+    }, []);
+    return {
+        t
+    };
+};
+
+export { useI18n };

package/dist/esm/index.js

@@ -16,6 +16,7 @@ export { CollectionProvider, useCollectionStore } from './contexts/CollectionCon
 export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
 export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
 export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
+export { I18nProvider, useI18nStore } from './contexts/I18nContext.js';
 export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
 export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
 export { CollectionDocument } from './graphql/queries/collection.generated.js';
@@ -105,6 +106,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 { useI18n } from './hooks/useI18n.js';
 export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useProductShopifyEditLink, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useShopifyLink } from './hooks/shop/useShopifyLink.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';

package/dist/types/index.d.ts

@@ -34978,6 +34978,16 @@ type ArticleProviderProps = Pick<ArticleContextProps, 'article'> & {
 declare const ArticleProvider: React.FC<ArticleProviderProps>;
 declare const useArticleStore: <U>(selector: (state: ExtractState<StoreApi<ArticleContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type I18nContextProps = {
+    t: any;
+};
+type I18nProviderProps = I18nContextProps & {
+    readOnly?: boolean;
+    children: React.ReactNode;
+};
+declare const I18nProvider: React.FC<I18nProviderProps>;
+declare const useI18nStore: () => I18nContextProps;
+
 type PageViewUpMutationVariables = Exact$1<{
     pageHandle: Scalars$2['String'];
 }>;
@@ -47627,6 +47637,10 @@ declare const useMoney: (amount: number) => UseMoneyValue;
 
 declare const usePrevious: <T>(value: T) => T | undefined;
 
+declare const useI18n: () => {
+    t: (string: string) => any;
+};
+
 declare const useUniqProductID: () => string;
 declare const useProduct: () => ProductSelectFragment | undefined;
 declare const useFeaturedImageGlobal: () => MediaSelectFragment | undefined;
@@ -47776,4 +47790,4 @@ declare const useInteraction: () => {
 
 declare const DEVICES: NameDevices$1[];
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

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