@gem-sdk/core 1.5.17 → 1.5.23

package/dist/esm/hooks/useProduct.js

@@ -5,75 +5,98 @@ import 'swr';
 import { getSelectedVariant } from '../helpers/product.js';
 import '../helpers/convert.js';
 
-const useUniqProductID = () => {
-    return useProductStore((s) => s.uiqueId);
-};
-const useProduct = () => {
-    return useProductStore((s) => s.product);
-};
-const useFeaturedImageGlobal = () => {
-    return useProductStore((s) => s.featuredImageGlobal);
-};
-const useProductProperties = () => {
-    return useProductStore((s) => s.properties);
-};
-const useQuantity = () => {
-    const quantity = useProductStore((s) => s.quantity);
-    const decrement = useProductStore((s) => s.decrementQuantity);
-    const increment = useProductStore((s) => s.incrementQuantity);
-    const updateQuantity = useProductStore((s) => s.setQuantity);
-    const reset = useCallback(() => {
-        updateQuantity(1);
-    }, [updateQuantity]);
-    return useMemo(() => ({ quantity, increment, decrement, reset, setQuantity: updateQuantity }), [decrement, increment, quantity, reset, updateQuantity]);
-};
-const useSelectedOption = () => {
-    const setSelectedOption = useProductStore((s) => s.setSelectedOption);
-    const selectedOptions = useProductStore((s) => s.selectedOptions);
-    const forceSelectedOption = useProductStore((s) => s.forceSelectedOption);
-    const updateOption = useCallback((optionId, optionValue) => {
-        setSelectedOption(optionId, optionValue);
-    }, [setSelectedOption]);
-    return useMemo(() => ({
-        selectedOptions,
-        setSelectedOption: updateOption,
-        forceSelectedOption,
-    }), [selectedOptions, updateOption, forceSelectedOption]);
-};
-const useVariants = () => {
-    const variants = useProductStore((s) => s.product?.variants);
-    return flattenConnection(variants);
-};
-const useVariant = (id) => {
-    const variants = useVariants();
-    return useMemo(() => variants?.find((v) => v?.id === id), [id, variants]);
-};
-const useCurrentVariant = () => {
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    return useMemo(() => getSelectedVariant(variants, selectedOptions), [selectedOptions, variants]);
-};
-function checkInStock(variant) {
-    if (!variant)
-        return false;
-    return ((variant?.inventoryQuantity && variant.inventoryQuantity > 0) ||
-        !variant?.manageInventory ||
-        variant.inventoryPolicy === 'continue');
-}
-const useCurrentVariantInStock = () => {
-    const currentVariant = useCurrentVariant();
-    const isInStock = checkInStock(currentVariant);
-    return isInStock;
-};
-const useVariantOutStock = (optionId, optionValue) => {
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    const matchedVariant = getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue,
-    });
-    const isInStock = checkInStock(matchedVariant);
-    return !isInStock;
+const useUniqProductID = ()=>{
+    return useProductStore((s)=>s.uiqueId);
+};
+const useProduct = ()=>{
+    return useProductStore((s)=>s.product);
+};
+const useFeaturedImageGlobal = ()=>{
+    return useProductStore((s)=>s.featuredImageGlobal);
+};
+const useProductProperties = ()=>{
+    return useProductStore((s)=>s.properties);
+};
+const useQuantity = ()=>{
+    const quantity = useProductStore((s)=>s.quantity);
+    const decrement = useProductStore((s)=>s.decrementQuantity);
+    const increment = useProductStore((s)=>s.incrementQuantity);
+    const updateQuantity = useProductStore((s)=>s.setQuantity);
+    const reset = useCallback(()=>{
+        updateQuantity(1);
+    }, [
+        updateQuantity
+    ]);
+    return useMemo(()=>({
+            quantity,
+            increment,
+            decrement,
+            reset,
+            setQuantity: updateQuantity
+        }), [
+        decrement,
+        increment,
+        quantity,
+        reset,
+        updateQuantity
+    ]);
+};
+const useSelectedOption = ()=>{
+    const setSelectedOption = useProductStore((s)=>s.setSelectedOption);
+    const selectedOptions = useProductStore((s)=>s.selectedOptions);
+    const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
+    const updateOption = useCallback((optionId, optionValue)=>{
+        setSelectedOption(optionId, optionValue);
+    }, [
+        setSelectedOption
+    ]);
+    return useMemo(()=>({
+            selectedOptions,
+            setSelectedOption: updateOption,
+            forceSelectedOption
+        }), [
+        selectedOptions,
+        updateOption,
+        forceSelectedOption
+    ]);
+};
+const useVariants = ()=>{
+    const variants = useProductStore((s)=>s.product?.variants);
+    return flattenConnection(variants);
+};
+const useVariant = (id)=>{
+    const variants = useVariants();
+    return useMemo(()=>variants?.find((v)=>v?.id === id), [
+        id,
+        variants
+    ]);
+};
+const useCurrentVariant = ()=>{
+    const { selectedOptions  } = useSelectedOption();
+    const variants = useVariants();
+    return useMemo(()=>getSelectedVariant(variants, selectedOptions), [
+        selectedOptions,
+        variants
+    ]);
+};
+function checkInStock(variant) {
+    if (!variant) return false;
+    return variant?.inventoryQuantity && variant.inventoryQuantity > 0 || !variant?.manageInventory || variant.inventoryPolicy === 'continue';
+}
+const useCurrentVariantInStock = ()=>{
+    const currentVariant = useCurrentVariant();
+    const isInStock = checkInStock(currentVariant);
+    return isInStock;
+};
+const useVariantOutStock = (optionId, optionValue)=>{
+    const { selectedOptions  } = useSelectedOption();
+    const variants = useVariants();
+    const matchedVariant = getSelectedVariant(variants, {
+        ...selectedOptions,
+        [optionId]: optionValue
+    });
+    const isInStock = checkInStock(matchedVariant);
+    return !isInStock;
 };
 
 export { checkInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/esm/hooks/useProductList.js

@@ -1,16 +1,16 @@
 import { useProductListStore } from '../contexts/ProductListContext.js';
 
-const useProductList = () => {
-    return useProductListStore((s) => s.collection);
-};
-const useProductListProducts = () => {
-    return useProductListStore((s) => s.products);
-};
-const useProductListSettings = () => {
-    return useProductListStore((s) => s.settings);
-};
-const useProductListStyles = () => {
-    return useProductListStore((s) => s.styles);
+const useProductList = ()=>{
+    return useProductListStore((s)=>s.collection);
+};
+const useProductListProducts = ()=>{
+    return useProductListStore((s)=>s.products);
+};
+const useProductListSettings = ()=>{
+    return useProductListStore((s)=>s.settings);
+};
+const useProductListStyles = ()=>{
+    return useProductListStore((s)=>s.styles);
 };
 
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles };

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1,20 +1,23 @@
-const cache = new Map();
-const useSuspenseFetch = (key, promise) => {
-    const value = cache.get(key) || { status: 'new', data: null };
-    if (value.status === 'resolved') {
-        return { data: value.data };
-    }
-    promise()
-        .then((data) => {
-        value.status = 'resolved';
-        value.data = data;
-        cache.set(key, value);
-    })
-        .catch(() => {
-        value.status = 'error';
-        value.data = null;
-    });
-    throw promise();
+const cache = new Map();
+const useSuspenseFetch = (key, promise)=>{
+    const value = cache.get(key) || {
+        status: 'new',
+        data: null
+    };
+    if (value.status === 'resolved') {
+        return {
+            data: value.data
+        };
+    }
+    promise().then((data)=>{
+        value.status = 'resolved';
+        value.data = data;
+        cache.set(key, value);
+    }).catch(()=>{
+        value.status = 'error';
+        value.data = null;
+    });
+    throw promise();
 };
 
 export { useSuspenseFetch as default };

package/dist/esm/hooks/useSwatchesOptions.js

@@ -1,35 +1,37 @@
 import { useSwatches } from './shop.js';
 
-const initialSwatchOptionValue = {
-    label: '',
-    colors: [],
-    imageUrl: '',
-};
-const initialGlobalSwatchesData = {
-    optionTitle: '',
-    optionType: '',
-    optionValues: [],
-};
-const useSwatchesOptions = (options) => {
-    const { swatches } = useSwatches();
-    if (!options)
-        return [];
-    return options?.map((option) => {
-        const swatchOption = swatches?.find((sw) => sw?.optionTitle === option?.name) || { ...initialGlobalSwatchesData };
-        return {
-            ...option,
-            optionType: swatchOption ? swatchOption.optionType : '',
-            values: option.values?.map((val) => {
-                const swatchValue = (swatchOption &&
-                    swatchOption?.optionValues?.find((swatOp) => swatOp?.label === val?.label)) || { ...initialSwatchOptionValue };
-                return {
-                    ...val,
-                    colors: swatchValue?.colors || [],
-                    imageUrl: swatchValue?.imageUrl || '',
-                };
-            }),
-        };
-    });
+const initialSwatchOptionValue = {
+    label: '',
+    colors: [],
+    imageUrl: ''
+};
+const initialGlobalSwatchesData = {
+    optionTitle: '',
+    optionType: '',
+    optionValues: []
+};
+const useSwatchesOptions = (options)=>{
+    const { swatches  } = useSwatches();
+    if (!options) return [];
+    return options?.map((option)=>{
+        const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {
+            ...initialGlobalSwatchesData
+        };
+        return {
+            ...option,
+            optionType: swatchOption ? swatchOption.optionType : '',
+            values: option.values?.map((val)=>{
+                const swatchValue = swatchOption && swatchOption?.optionValues?.find((swatOp)=>swatOp?.label === val?.label) || {
+                    ...initialSwatchOptionValue
+                };
+                return {
+                    ...val,
+                    colors: swatchValue?.colors || [],
+                    imageUrl: swatchValue?.imageUrl || ''
+                };
+            })
+        };
+    });
 };
 
 export { useSwatchesOptions as default };

package/dist/esm/types/global-style.js

@@ -1,4 +1,11 @@
-const OptionNormalStyle = ['radio_buttons', 'dropdown'];
-const OptionSpecialStyle = ['color', 'image', 'rectangle_list'];
+const OptionNormalStyle = [
+    'radio_buttons',
+    'dropdown'
+];
+const OptionSpecialStyle = [
+    'color',
+    'image',
+    'rectangle_list'
+];
 
 export { OptionNormalStyle, OptionSpecialStyle };

package/dist/types/index.d.ts

@@ -158,6 +158,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
+    hiddenWithGemPages?: boolean;
     hyperlinkInfo?: HyperlinkInfo;
     hideOnMode?: {
         responsive?: boolean;
@@ -189,6 +190,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
+    hiddenWithGemPages?: boolean;
     hyperlinkInfo?: HyperlinkInfo;
     hideOnMode?: {
         responsive?: boolean;
@@ -318,6 +320,7 @@ type GroupControlType<T> = {
     label?: string;
     info?: string;
     popup?: boolean;
+    hiddenWithGemPages?: boolean;
     controls?: ControlProp<T>[];
     hide?: boolean;
     hideOnMode?: {
@@ -755,7 +758,26 @@ type ComponentSetting<P extends BaseProps> = {
             };
         };
     };
-    order?: string[];
+    ui?: ControlUI[];
+};
+type ControlUI = {
+    type: 'group' | 'tab' | 'advanced' | 'control';
+    label?: Record<string, string>;
+    info?: Record<string, string>;
+    condition?: string;
+    controls?: ControlUI[];
+    setting?: {
+        id: string;
+        state?: StateType;
+    };
+    options?: {
+        label?: 'medium' | 'large';
+        hideOnDevices?: {
+            desktop?: boolean;
+            tablet?: boolean;
+            mobile?: boolean;
+        };
+    };
 };
 
 type Maybe<T> = T | undefined;
@@ -6877,7 +6899,12 @@ 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;
 
+type LayoutSettings = {
+    showHeader: boolean;
+    showFooter: boolean;
+};
 type ShopContextProps = {
+    layoutSettings?: LayoutSettings;
     mode?: RenderMode;
     locale?: string;
     pageType?: PublishedThemePageType;
@@ -6895,6 +6922,7 @@ type ShopContextProps = {
     }) => void;
     changeCurrency: (currency: string) => void;
     changeSwatches: (swatches: GlobalSwatchesData[]) => void;
+    changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
 };
 type ShopProviderProps = {
     children: React.ReactNode;
@@ -7511,4 +7539,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample }: FetchParams) =
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, 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, Border, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getCollection, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useMoney, 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.5.17",
+  "version": "1.5.23",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",