@gem-sdk/core 1.25.0 → 1.25.11

package/dist/cjs/components/resize/Spacing.js

@@ -106,6 +106,7 @@ function Spacing(props) {
         children: props.tag !== 'Section' && /*#__PURE__*/ jsxRuntime.jsx("div", {
             "data-spacing": true,
             "data-spacing-theme-section": isThemeSectionEditor,
+            className: "absolute w-full bottom-0",
             children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
                 "data-spacing-margin-bottom": true,
                 children: [

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -411,16 +411,6 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                     index++;
                 }
                 return parents;
-            },
-            setDynamicProduct: (data)=>{
-                set({
-                    dynamicProduct: data
-                });
-            },
-            setDynamicCollection: (data)=>{
-                set({
-                    dynamicCollection: data
-                });
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/cjs/contexts/PageContext.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const PageContext = /*#__PURE__*/ react.createContext(null);
+const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
+            ...data,
+            setDynamicProduct: (data)=>{
+                set({
+                    dynamicProduct: data
+                });
+            },
+            setDynamicCollection: (data)=>{
+                set({
+                    dynamicCollection: data
+                });
+            }
+        }));
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, ...passProps })=>{
+    const store = react.useMemo(()=>createPageStoreProvider({
+            dynamicProduct,
+            dynamicCollection
+        }), [
+        dynamicProduct,
+        dynamicCollection
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(PageContext.Provider, {
+        ...passProps,
+        value: store,
+        children: children
+    });
+};
+const usePageStore = (selector, equalityFn)=>{
+    const store = react.useContext(PageContext);
+    if (!store) {
+        throw new Error('usePageStore must be used within a PageProvider');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.PageProvider = PageProvider;
+exports.usePageStore = usePageStore;

package/dist/cjs/index.js

@@ -13,6 +13,7 @@ var ProductListContext = require('./contexts/ProductListContext.js');
 var ProductContext = require('./contexts/ProductContext.js');
 var SectionContext = require('./contexts/SectionContext.js');
 var ShopContext = require('./contexts/ShopContext.js');
+var PageContext = require('./contexts/PageContext.js');
 var CollectionContext = require('./contexts/CollectionContext.js');
 var ModalContext = require('./contexts/ModalContext.js');
 var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
@@ -119,6 +120,8 @@ exports.useSection = SectionContext.useSection;
 exports.useSectionStore = SectionContext.useSectionStore;
 exports.ShopProvider = ShopContext.ShopProvider;
 exports.useShopStore = ShopContext.useShopStore;
+exports.PageProvider = PageContext.PageProvider;
+exports.usePageStore = PageContext.usePageStore;
 exports.CollectionProvider = CollectionContext.CollectionProvider;
 exports.useCollectionStore = CollectionContext.useCollectionStore;
 exports.ModalProvider = ModalContext.ModalProvider;

package/dist/esm/components/resize/Spacing.js

@@ -102,6 +102,7 @@ function Spacing(props) {
         children: props.tag !== 'Section' && /*#__PURE__*/ jsx("div", {
             "data-spacing": true,
             "data-spacing-theme-section": isThemeSectionEditor,
+            className: "absolute w-full bottom-0",
             children: /*#__PURE__*/ jsxs("div", {
                 "data-spacing-margin-bottom": true,
                 children: [

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -409,16 +409,6 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
                     index++;
                 }
                 return parents;
-            },
-            setDynamicProduct: (data)=>{
-                set({
-                    dynamicProduct: data
-                });
-            },
-            setDynamicCollection: (data)=>{
-                set({
-                    dynamicCollection: data
-                });
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/esm/contexts/PageContext.js

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useContext, createContext } from 'react';
+import { useStore, createStore } from 'zustand';
+
+const PageContext = /*#__PURE__*/ createContext(null);
+const createPageStoreProvider = (data)=>createStore((set)=>({
+            ...data,
+            setDynamicProduct: (data)=>{
+                set({
+                    dynamicProduct: data
+                });
+            },
+            setDynamicCollection: (data)=>{
+                set({
+                    dynamicCollection: data
+                });
+            }
+        }));
+const PageProvider = ({ children, dynamicProduct, dynamicCollection, ...passProps })=>{
+    const store = useMemo(()=>createPageStoreProvider({
+            dynamicProduct,
+            dynamicCollection
+        }), [
+        dynamicProduct,
+        dynamicCollection
+    ]);
+    return /*#__PURE__*/ jsx(PageContext.Provider, {
+        ...passProps,
+        value: store,
+        children: children
+    });
+};
+const usePageStore = (selector, equalityFn)=>{
+    const store = useContext(PageContext);
+    if (!store) {
+        throw new Error('usePageStore must be used within a PageProvider');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { PageProvider, usePageStore };

package/dist/esm/index.js

@@ -11,6 +11,7 @@ export { ProductListProvider, useProductListStore } from './contexts/ProductList
 export { ProductProvider, useProductStore } from './contexts/ProductContext.js';
 export { SectionProvider, useSection, useSectionStore } from './contexts/SectionContext.js';
 export { ShopProvider, useShopStore } from './contexts/ShopContext.js';
+export { PageProvider, usePageStore } from './contexts/PageContext.js';
 export { CollectionProvider, useCollectionStore } from './contexts/CollectionContext.js';
 export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
 export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';

package/dist/types/index.d.ts

@@ -7355,8 +7355,6 @@ type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
     isThemeSectionEditor?: boolean;
-    dynamicProduct?: DynamicProduct;
-    dynamicCollection?: DynamicCollection;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
         type?: 'component' | 'section';
@@ -7378,8 +7376,6 @@ type BuilderPreviewContextProps = {
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
     getParents: (id: string, limit?: number) => BuilderEntity[];
-    setDynamicProduct: (data: DynamicProduct) => void;
-    setDynamicCollection: (data: DynamicCollection) => void;
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
@@ -7588,6 +7584,19 @@ type ShopProviderProps = {
 declare const ShopProvider: React.FC<ShopProviderProps>;
 declare const useShopStore: <U>(selector: (state: ExtractState<StoreApi<ShopContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type PageContextProps = {
+    dynamicProduct?: DynamicProduct;
+    dynamicCollection?: DynamicCollection;
+    setDynamicProduct: (data: DynamicProduct) => void;
+    setDynamicCollection: (data: DynamicCollection) => void;
+};
+type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection'> & {
+    children: React.ReactNode;
+    key?: React.Key;
+};
+declare const PageProvider: React.FC<PageProviderProps>;
+declare const usePageStore: <U>(selector: (state: ExtractState<StoreApi<PageContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+
 type CollectionSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
     products?: Maybe<Pick<ProductConnection, 'totalCount'> & {
         edges: Array<{
@@ -9829,4 +9838,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, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, 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, OmnisendWidgetType, 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, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, 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, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, 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, OmnisendWidgetType, OptionNormalStyle, OptionSpecialStyle, PageContext, PageProvider, PageProviderProps, 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, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, 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, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, 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, usePageStore, 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.25.0",
+  "version": "1.25.11",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",