@gem-sdk/core 2.0.0-dev.460 → 2.0.0-dev.464

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -247,6 +247,10 @@ const ComponentToolbarPreview = (props)=>{
         }
         return -1;
     };
+    const getToolbarParentLabel = (parent)=>{
+        const parentLength = parent?.childrens?.length ?? 0;
+        return parent.label === 'Row' ? `Row ${parentLength} col${parentLength === 1 ? '' : 's'}` : parent.label;
+    };
     const onShowParent = (e)=>{
         if (!parents.length) return;
         const $target = (e?.target) || null;
@@ -512,12 +516,6 @@ const ComponentToolbarPreview = (props)=>{
                         ]
                     }),
                     isActiveToolbarComponent && isShowParent && parents.map((parent, index)=>{
-                        // Update count columns of Row
-                        const parentLength = parent?.childrens?.length ?? 0;
-                        let parent_label = parent.label;
-                        if (parent.label === 'Row') {
-                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
-                        }
                         return /*#__PURE__*/ jsxRuntime.jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-component-tag": parent.tag,
@@ -566,7 +564,7 @@ const ComponentToolbarPreview = (props)=>{
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent_label
+                                    children: getToolbarParentLabel(parent)
                                 })
                             ]
                         }, parent.uid);

package/dist/cjs/components/RenderPreview.js

@@ -10,26 +10,10 @@ 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, {
@@ -51,31 +35,28 @@ const RenderPreview = ({ uid, ...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
-                    })
+            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/ai-generator/AIContentGenerator.js

@@ -16,6 +16,7 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
+var I18nContext = require('../../contexts/I18nContext.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
@@ -36,6 +37,7 @@ const AIContentGenerator = ({ ...props })=>{
     const genPopupHeader = react.useRef(null);
     const genButtonWrapper = react.useRef(null);
     const nextMonth = dayjs().add(1, 'month').startOf('month').format('DD MMM');
+    const { t } = I18nContext.useI18nStore();
     const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, bodyMaxHeight: popupBodyMaxHeight } = useFlipPopup.useFlipPopup(isShowPopup, {
         genTool,
         genPopup,
@@ -117,7 +119,7 @@ const AIContentGenerator = ({ ...props })=>{
                     onClick: togglePopup,
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx(AIIcon.AIIcon, {}),
-                        "AI Content"
+                        t('AI Content')
                     ]
                 })
             }),

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

@@ -29,7 +29,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
-    const { t } = core.useI18n();
+    const { t } = core.useI18nStore();
     const nodeRef = react.useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{

package/dist/cjs/contexts/I18nContext.js

@@ -27,7 +27,7 @@ const I18nProvider = ({ children, t })=>{
 const useI18nStore = ()=>{
     const store = react.useContext(I18nContext);
     if (!store) {
-        throw new Error('Element of article must be used inside a Article');
+        throw new Error('useI18nStore must be used inside a I18nProvider');
     }
     return zustand.useStore(store);
 };

package/dist/cjs/contexts/ProductContext.js

@@ -143,7 +143,7 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1, is
             const firstVariant = variants[0];
             const firstVariantInStock = variants.find((item)=>variant.checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? firstVariant;
-            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+            selectedOptions = initialVariant?.selectedOptions?.reduce((acc, option)=>{
                 if (option.name) {
                     return {
                         ...acc,

package/dist/cjs/hooks/useI18n.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -9,10 +10,12 @@ const useI18n = ()=>{
         if (!detail) return;
         setI18n(detail);
     };
-    const t = (string)=>{
+    const t = react.useCallback((string)=>{
         if (!i18n) return string;
         return i18n?.t(string);
-    };
+    }, [
+        i18n
+    ]);
     react.useEffect(()=>{
         window.addEventListener('editor:change-language', handleChangeLanguage);
         return ()=>{

package/dist/esm/components/ComponentToolbarPreview.js

@@ -243,6 +243,10 @@ const ComponentToolbarPreview = (props)=>{
         }
         return -1;
     };
+    const getToolbarParentLabel = (parent)=>{
+        const parentLength = parent?.childrens?.length ?? 0;
+        return parent.label === 'Row' ? `Row ${parentLength} col${parentLength === 1 ? '' : 's'}` : parent.label;
+    };
     const onShowParent = (e)=>{
         if (!parents.length) return;
         const $target = (e?.target) || null;
@@ -508,12 +512,6 @@ const ComponentToolbarPreview = (props)=>{
                         ]
                     }),
                     isActiveToolbarComponent && isShowParent && parents.map((parent, index)=>{
-                        // Update count columns of Row
-                        const parentLength = parent?.childrens?.length ?? 0;
-                        let parent_label = parent.label;
-                        if (parent.label === 'Row') {
-                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
-                        }
                         return /*#__PURE__*/ jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-component-tag": parent.tag,
@@ -562,7 +560,7 @@ const ComponentToolbarPreview = (props)=>{
                                 }),
                                 /*#__PURE__*/ jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent_label
+                                    children: getToolbarParentLabel(parent)
                                 })
                             ]
                         }, parent.uid);

package/dist/esm/components/RenderPreview.js

@@ -6,26 +6,10 @@ 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, {
@@ -47,31 +31,28 @@ const RenderPreview = ({ uid, ...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
-                    })
+            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/ai-generator/AIContentGenerator.js

@@ -14,6 +14,7 @@ import { useGettingGenerateRequest } from './hooks/useGettingGenerateRequest.js'
 import { useFlipPopup } from './hooks/useFlipPopup.js';
 import { useCheckingProductInside } from './hooks/useCheckingProductInside.js';
 import 'zustand';
+import { useI18nStore } from '../../contexts/I18nContext.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import { useShopStore } from '../../contexts/ShopContext.js';
@@ -34,6 +35,7 @@ const AIContentGenerator = ({ ...props })=>{
     const genPopupHeader = useRef(null);
     const genButtonWrapper = useRef(null);
     const nextMonth = dayjs().add(1, 'month').startOf('month').format('DD MMM');
+    const { t } = useI18nStore();
     const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, bodyMaxHeight: popupBodyMaxHeight } = useFlipPopup(isShowPopup, {
         genTool,
         genPopup,
@@ -115,7 +117,7 @@ const AIContentGenerator = ({ ...props })=>{
                     onClick: togglePopup,
                     children: [
                         /*#__PURE__*/ jsx(AIIcon, {}),
-                        "AI Content"
+                        t('AI Content')
                     ]
                 })
             }),

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 { useI18n, cls } from '@gem-sdk/core';
+import { useI18nStore, cls } from '@gem-sdk/core';
 
 const TRANSITION_DURATION = 350;
 const defaultStyles = {
@@ -27,7 +27,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
-    const { t } = useI18n();
+    const { t } = useI18nStore();
     const nodeRef = useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{

package/dist/esm/contexts/I18nContext.js

@@ -25,7 +25,7 @@ const I18nProvider = ({ children, t })=>{
 const useI18nStore = ()=>{
     const store = useContext(I18nContext);
     if (!store) {
-        throw new Error('Element of article must be used inside a Article');
+        throw new Error('useI18nStore must be used inside a I18nProvider');
     }
     return useStore(store);
 };

package/dist/esm/contexts/ProductContext.js

@@ -141,7 +141,7 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1, is
             const firstVariant = variants[0];
             const firstVariantInStock = variants.find((item)=>checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? firstVariant;
-            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+            selectedOptions = initialVariant?.selectedOptions?.reduce((acc, option)=>{
                 if (option.name) {
                     return {
                         ...acc,

package/dist/esm/hooks/useI18n.js

@@ -1,4 +1,5 @@
-import { useState, useEffect } from 'react';
+'use client';
+import { useState, useCallback, useEffect } from 'react';
 
 const useI18n = ()=>{
     const [i18n, setI18n] = useState(null);
@@ -7,10 +8,12 @@ const useI18n = ()=>{
         if (!detail) return;
         setI18n(detail);
     };
-    const t = (string)=>{
+    const t = useCallback((string)=>{
         if (!i18n) return string;
         return i18n?.t(string);
-    };
+    }, [
+        i18n
+    ]);
     useEffect(()=>{
         window.addEventListener('editor:change-language', handleChangeLanguage);
         return ()=>{

package/dist/types/index.d.ts

@@ -34561,6 +34561,7 @@ type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
     children: React.ReactNode;
     key?: React.Key;
 };
+
 declare const AddonProvider: React.FC<AddonProviderProps>;
 declare const useAddons: () => Record<string, React.ComponentType<any>>;
 declare const useAddon: (id?: string) => React.FC<BaseProps & {
@@ -34575,6 +34576,7 @@ type BuilderComponentProviderProps = Pick<BuilderComponentProps, 'components'> &
     children: React.ReactNode;
     key?: React.Key;
 };
+
 declare const BuilderComponentProvider: React.FC<BuilderComponentProviderProps>;
 declare const useBuilderComponent: (id?: string) => React.FC<BaseProps & {
     children?: React.ReactNode;
@@ -34593,6 +34595,7 @@ type BuilderProviderProps = Pick<BuilderContextProps, 'state' | 'isPostPurchase'
     lazy?: boolean;
     priority?: boolean;
 };
+
 declare const BuilderProvider: React.FC<BuilderProviderProps>;
 declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<BuilderContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34633,6 +34636,7 @@ type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     isThemeSectionEditor?: boolean;
     pageName?: string;
 };
+
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34642,6 +34646,7 @@ type CartLineContextProps = {
 type CartLineProviderProps = Pick<CartLineContextProps, 'line'> & {
     children: React.ReactNode;
 };
+
 declare const CartLineProvider: React.FC<CartLineProviderProps>;
 declare const useCartLineStore: <U>(selector: (state: ExtractState<StoreApi<CartLineContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34723,11 +34728,10 @@ type ProductListContextProps = {
 type ProductListProviderProps = ProductListContextProps & {
     children: React.ReactNode;
 };
+
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
-
 type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
     selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
     media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -34771,6 +34775,8 @@ type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updated
     collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
 };
 
+type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
+
 type AttributeProp = {
     key: string;
     value?: string;
@@ -34811,20 +34817,22 @@ type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | '
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const ProductProvider: React.FC<ProductProviderProps>;
 declare const useProductStore: <U>(selector: (state: ExtractState<StoreApi<ProductContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type SectionProviderProps = {
+    children: React.ReactNode;
+    data?: SectionContextProps['data'];
+    key?: React.Key;
+};
 type SectionContextProps = {
     data: Record<string, SectionData>;
     getSection: (id: string) => SectionData | undefined;
     addSection: (id: string, data: BuilderEntityNested) => void;
     removeSection: (id: string) => void;
 };
-type SectionProviderProps = {
-    children: React.ReactNode;
-    data?: SectionContextProps['data'];
-    key?: React.Key;
-};
+
 declare const SectionProvider: React.FC<SectionProviderProps>;
 declare const useSectionStore: <U>(selector: (state: ExtractState<StoreApi<SectionContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 declare const useSection: (id: string) => SectionData | undefined;
@@ -34884,6 +34892,7 @@ type ShopProviderProps = {
     storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan' | 'changeLimitCreateThemeSection'>;
     queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
 };
+
 declare const ShopProvider: React.FC<ShopProviderProps>;
 declare const useShopStore: <U>(selector: (state: ExtractState<StoreApi<ShopContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34918,6 +34927,7 @@ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicColle
     key?: React.Key;
     publicStoreFrontData?: PublicStoreFrontData | null;
 };
+
 declare const PageProvider: React.FC<PageProviderProps>;
 declare const usePageStore: <U>(selector: (state: ExtractState<StoreApi<PageContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34932,6 +34942,7 @@ type CollectionProviderProps = Pick<CollectionContextProps, 'collection'> & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const CollectionProvider: React.FC<CollectionProviderProps>;
 declare const useCollectionStore: <U>(selector: (state: ExtractState<StoreApi<CollectionContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34943,6 +34954,7 @@ type ModalContextProps = {
 type ModalProviderProps = Pick<ModalContextProps, 'activeId'> & {
     children: React.ReactNode;
 };
+
 declare const ModalProvider: React.FC<ModalProviderProps>;
 declare const useModalStore: <U>(selector: (state: ExtractState<StoreApi<ModalContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34963,6 +34975,7 @@ type ArticleListContextProps = {
 type ArticleListProviderProps = ArticleListContextProps & {
     children: React.ReactNode;
 };
+
 declare const ArticleListProvider: React.FC<ArticleListProviderProps>;
 declare const useArticleListStore: <U>(selector: (state: ExtractState<StoreApi<ArticleListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34975,6 +34988,7 @@ type ArticleProviderProps = Pick<ArticleContextProps, 'article'> & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const ArticleProvider: React.FC<ArticleProviderProps>;
 declare const useArticleStore: <U>(selector: (state: ExtractState<StoreApi<ArticleContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34985,6 +34999,7 @@ type I18nProviderProps = I18nContextProps & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const I18nProvider: React.FC<I18nProviderProps>;
 declare const useI18nStore: () => I18nContextProps;
 
@@ -42555,7 +42570,7 @@ type RequiredCursorEdge<T> = {
 };
 declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
 declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
-    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 })[]>;
 
 type FetchProductsParams = {
@@ -47676,13 +47691,13 @@ declare const useSelectedOption: () => {
     setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
+declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
-    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 }>[];
-declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
+declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
-    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 }>;
 declare const useCurrentVariant: () => Maybe$1<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.460",
+  "version": "2.0.0-dev.464",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "2.0.0-dev.324",
-    "@gem-sdk/styles": "2.0.0-dev.381",
+    "@gem-sdk/styles": "2.0.0-dev.464",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {