@gem-sdk/core 1.5.17 → 1.5.22

package/dist/cjs/hooks/usePrevious.js

@@ -2,16 +2,18 @@
 
 var react = require('react');
 
-const usePrevious = (value) => {
-    // The ref object is a generic container whose current property is mutable ...
-    // ... and can hold any value, similar to an instance property on a class
-    const ref = react.useRef();
-    // Store current value in ref
-    react.useEffect(() => {
-        ref.current = value;
-    }, [value]); // Only re-run if value changes
-    // Return previous value (happens before update in useEffect above)
-    return ref.current;
+const usePrevious = (value)=>{
+    // The ref object is a generic container whose current property is mutable ...
+    // ... and can hold any value, similar to an instance property on a class
+    const ref = react.useRef();
+    // Store current value in ref
+    react.useEffect(()=>{
+        ref.current = value;
+    }, [
+        value
+    ]); // Only re-run if value changes
+    // Return previous value (happens before update in useEffect above)
+    return ref.current;
 };
 
 exports.usePrevious = usePrevious;

package/dist/cjs/hooks/useProduct.js

@@ -7,75 +7,98 @@ require('swr');
 var product = require('../helpers/product.js');
 require('../helpers/convert.js');
 
-const useUniqProductID = () => {
-    return ProductContext.useProductStore((s) => s.uiqueId);
-};
-const useProduct = () => {
-    return ProductContext.useProductStore((s) => s.product);
-};
-const useFeaturedImageGlobal = () => {
-    return ProductContext.useProductStore((s) => s.featuredImageGlobal);
-};
-const useProductProperties = () => {
-    return ProductContext.useProductStore((s) => s.properties);
-};
-const useQuantity = () => {
-    const quantity = ProductContext.useProductStore((s) => s.quantity);
-    const decrement = ProductContext.useProductStore((s) => s.decrementQuantity);
-    const increment = ProductContext.useProductStore((s) => s.incrementQuantity);
-    const updateQuantity = ProductContext.useProductStore((s) => s.setQuantity);
-    const reset = react.useCallback(() => {
-        updateQuantity(1);
-    }, [updateQuantity]);
-    return react.useMemo(() => ({ quantity, increment, decrement, reset, setQuantity: updateQuantity }), [decrement, increment, quantity, reset, updateQuantity]);
-};
-const useSelectedOption = () => {
-    const setSelectedOption = ProductContext.useProductStore((s) => s.setSelectedOption);
-    const selectedOptions = ProductContext.useProductStore((s) => s.selectedOptions);
-    const forceSelectedOption = ProductContext.useProductStore((s) => s.forceSelectedOption);
-    const updateOption = react.useCallback((optionId, optionValue) => {
-        setSelectedOption(optionId, optionValue);
-    }, [setSelectedOption]);
-    return react.useMemo(() => ({
-        selectedOptions,
-        setSelectedOption: updateOption,
-        forceSelectedOption,
-    }), [selectedOptions, updateOption, forceSelectedOption]);
-};
-const useVariants = () => {
-    const variants = ProductContext.useProductStore((s) => s.product?.variants);
-    return flattenConnection.flattenConnection(variants);
-};
-const useVariant = (id) => {
-    const variants = useVariants();
-    return react.useMemo(() => variants?.find((v) => v?.id === id), [id, variants]);
-};
-const useCurrentVariant = () => {
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    return react.useMemo(() => product.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 = product.getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue,
-    });
-    const isInStock = checkInStock(matchedVariant);
-    return !isInStock;
+const useUniqProductID = ()=>{
+    return ProductContext.useProductStore((s)=>s.uiqueId);
+};
+const useProduct = ()=>{
+    return ProductContext.useProductStore((s)=>s.product);
+};
+const useFeaturedImageGlobal = ()=>{
+    return ProductContext.useProductStore((s)=>s.featuredImageGlobal);
+};
+const useProductProperties = ()=>{
+    return ProductContext.useProductStore((s)=>s.properties);
+};
+const useQuantity = ()=>{
+    const quantity = ProductContext.useProductStore((s)=>s.quantity);
+    const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
+    const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
+    const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
+    const reset = react.useCallback(()=>{
+        updateQuantity(1);
+    }, [
+        updateQuantity
+    ]);
+    return react.useMemo(()=>({
+            quantity,
+            increment,
+            decrement,
+            reset,
+            setQuantity: updateQuantity
+        }), [
+        decrement,
+        increment,
+        quantity,
+        reset,
+        updateQuantity
+    ]);
+};
+const useSelectedOption = ()=>{
+    const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
+    const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
+    const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
+    const updateOption = react.useCallback((optionId, optionValue)=>{
+        setSelectedOption(optionId, optionValue);
+    }, [
+        setSelectedOption
+    ]);
+    return react.useMemo(()=>({
+            selectedOptions,
+            setSelectedOption: updateOption,
+            forceSelectedOption
+        }), [
+        selectedOptions,
+        updateOption,
+        forceSelectedOption
+    ]);
+};
+const useVariants = ()=>{
+    const variants = ProductContext.useProductStore((s)=>s.product?.variants);
+    return flattenConnection.flattenConnection(variants);
+};
+const useVariant = (id)=>{
+    const variants = useVariants();
+    return react.useMemo(()=>variants?.find((v)=>v?.id === id), [
+        id,
+        variants
+    ]);
+};
+const useCurrentVariant = ()=>{
+    const { selectedOptions  } = useSelectedOption();
+    const variants = useVariants();
+    return react.useMemo(()=>product.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 = product.getSelectedVariant(variants, {
+        ...selectedOptions,
+        [optionId]: optionValue
+    });
+    const isInStock = checkInStock(matchedVariant);
+    return !isInStock;
 };
 
 exports.checkInStock = checkInStock;

package/dist/cjs/hooks/useProductList.js

@@ -2,17 +2,17 @@
 
 var ProductListContext = require('../contexts/ProductListContext.js');
 
-const useProductList = () => {
-    return ProductListContext.useProductListStore((s) => s.collection);
-};
-const useProductListProducts = () => {
-    return ProductListContext.useProductListStore((s) => s.products);
-};
-const useProductListSettings = () => {
-    return ProductListContext.useProductListStore((s) => s.settings);
-};
-const useProductListStyles = () => {
-    return ProductListContext.useProductListStore((s) => s.styles);
+const useProductList = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.collection);
+};
+const useProductListProducts = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.products);
+};
+const useProductListSettings = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.settings);
+};
+const useProductListStyles = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.styles);
 };
 
 exports.useProductList = useProductList;

package/dist/cjs/hooks/useSuspenseFetch.js

@@ -2,23 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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();
 };
 
 exports.default = useSuspenseFetch;

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -4,36 +4,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var shop = require('./shop.js');
 
-const initialSwatchOptionValue = {
-    label: '',
-    colors: [],
-    imageUrl: '',
-};
-const initialGlobalSwatchesData = {
-    optionTitle: '',
-    optionType: '',
-    optionValues: [],
-};
-const useSwatchesOptions = (options) => {
-    const { swatches } = shop.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  } = shop.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 || ''
+                };
+            })
+        };
+    });
 };
 
 exports.default = useSwatchesOptions;

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

@@ -1,7 +1,14 @@
 'use strict';
 
-const OptionNormalStyle = ['radio_buttons', 'dropdown'];
-const OptionSpecialStyle = ['color', 'image', 'rectangle_list'];
+const OptionNormalStyle = [
+    'radio_buttons',
+    'dropdown'
+];
+const OptionSpecialStyle = [
+    'color',
+    'image',
+    'rectangle_list'
+];
 
 exports.OptionNormalStyle = OptionNormalStyle;
 exports.OptionSpecialStyle = OptionSpecialStyle;

package/dist/esm/components/AddOn.js

@@ -2,13 +2,13 @@ import { jsx } from 'react/jsx-runtime';
 import { useAddon } from '../contexts/AddonContext.js';
 import { usePluginEnable } from '../hooks/shop.js';
 
-const AddOn = ({ name }) => {
-    const Comp = useAddon(name);
-    const plugins = usePluginEnable();
-    if (!plugins?.includes(name)) {
-        return null;
-    }
-    return jsx(Comp, {});
+const AddOn = ({ name  })=>{
+    const Comp = useAddon(name);
+    const plugins = usePluginEnable();
+    if (!plugins?.includes(name)) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Comp, {});
 };
 
 export { AddOn as default };

package/dist/esm/components/ComponentWrapper.js

@@ -3,14 +3,20 @@ import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
-const ComponentWrapper = ({ children, ...props }) => {
-    if (props.type === 'section')
-        return null;
-    const style = composeAdvanceStyle(props.advanced, props.tag);
-    if (disableWrap.includes(props.tag) && isValidElement(children)) {
-        return jsx(children.type, { ...children.props, ...{ style } });
-    }
-    return (jsx("div", { style: style, className: `${props.uid}`, children: children }));
+const ComponentWrapper = ({ children , ...props })=>{
+    if (props.type === 'section') return null;
+    const style = composeAdvanceStyle(props.advanced, props.tag);
+    if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
+        return /*#__PURE__*/ jsx(children.type, {
+            ...children.props,
+            style
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        style: style,
+        className: `${props.uid}`,
+        children: children
+    });
 };
 
 export { ComponentWrapper as default };

package/dist/esm/components/ComponentWrapperPreview.js

@@ -3,52 +3,61 @@ import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
-const ComponentWrapperPreview = ({ children, ...props }) => {
-    if (props.type === 'section') {
-        return null;
-    }
-    const customProps = {};
-    // Build editor configs
-    if (props.editorConfigs) {
-        const editorConfigs = props.editorConfigs;
-        if (editorConfigs.placeholder?.notAppendBeforeAfter) {
-            customProps['data-placeholder-not-append-before-after'] = true;
-        }
-        if (editorConfigs.toolbar?.parent) {
-            customProps['data-toolbar-parent'] = true;
-        }
-        if (editorConfigs.component?.noDelete) {
-            customProps['data-component-no-delete'] = true;
-        }
-        if (editorConfigs.component?.noDuplicate) {
-            customProps['data-component-no-duplicate'] = true;
-        }
-        if (editorConfigs.component?.noDragDrop) {
-            customProps['data-component-no-drag-drop'] = true;
-        }
-        if (editorConfigs.component?.noSetting) {
-            customProps['data-component-no-setting'] = true;
-        }
-        if (editorConfigs.toolbar?.hide) {
-            customProps['data-toolbar-hide'] = true;
-        }
-        if (editorConfigs.slots?.children) {
-            customProps['data-slots-children'] = true;
-        }
-    }
-    const style = composeAdvanceStyle(props.advanced, props.tag);
-    const builderAttrs = {
-        ...customProps,
-        'data-uid': props.uid,
-        'data-component-type': 'component',
-        'data-component-tag': props.tag,
-        'data-component-label': props.label,
-    };
-    if (disableWrap.includes(props.tag) && isValidElement(children)) {
-        return jsx(children.type, { ...children.props, ...{ style, builderAttrs } });
-    }
-    // Render
-    return (jsx("div", { style: style, className: `${props.uid}`, ...builderAttrs, children: children }));
+const ComponentWrapperPreview = ({ children , ...props })=>{
+    if (props.type === 'section') {
+        return null;
+    }
+    const customProps = {};
+    // Build editor configs
+    if (props.editorConfigs) {
+        const editorConfigs = props.editorConfigs;
+        if (editorConfigs.placeholder?.notAppendBeforeAfter) {
+            customProps['data-placeholder-not-append-before-after'] = true;
+        }
+        if (editorConfigs.toolbar?.parent) {
+            customProps['data-toolbar-parent'] = true;
+        }
+        if (editorConfigs.component?.noDelete) {
+            customProps['data-component-no-delete'] = true;
+        }
+        if (editorConfigs.component?.noDuplicate) {
+            customProps['data-component-no-duplicate'] = true;
+        }
+        if (editorConfigs.component?.noDragDrop) {
+            customProps['data-component-no-drag-drop'] = true;
+        }
+        if (editorConfigs.component?.noSetting) {
+            customProps['data-component-no-setting'] = true;
+        }
+        if (editorConfigs.toolbar?.hide) {
+            customProps['data-toolbar-hide'] = true;
+        }
+        if (editorConfigs.slots?.children) {
+            customProps['data-slots-children'] = true;
+        }
+    }
+    const style = composeAdvanceStyle(props.advanced, props.tag);
+    const builderAttrs = {
+        ...customProps,
+        'data-uid': props.uid,
+        'data-component-type': 'component',
+        'data-component-tag': props.tag,
+        'data-component-label': props.label
+    };
+    if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
+        return /*#__PURE__*/ jsx(children.type, {
+            ...children.props,
+            style,
+            builderAttrs
+        });
+    }
+    // Render
+    return /*#__PURE__*/ jsx("div", {
+        style: style,
+        className: `${props.uid}`,
+        ...builderAttrs,
+        children: children
+    });
 };
 
 export { ComponentWrapperPreview as default };

package/dist/esm/components/Empty.js

@@ -1,3 +1,3 @@
-const Empty = () => null;
+const Empty = ()=>null;
 
 export { Empty as default };

package/dist/esm/components/Render.js

@@ -6,19 +6,56 @@ import { useBuilderStore } from '../contexts/BuilderContext.js';
 import ComponentWrapper from './ComponentWrapper.js';
 import RenderSectionMemo from './RenderSection.js';
 
-const Render = ({ uid, ...passProps }) => {
-    const item = useBuilderStore((s) => s.getItem(uid));
-    const Component = useBuilderComponent(item?.tag);
-    if (!item)
-        return null;
-    if (item?.type === 'section') {
-        return jsx(RenderSectionMemo, { sectionId: item.uid });
-    }
-    else {
-        return (jsx(ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (jsxs(Fragment, { children: [jsx("span", { "aria-label": "Error message", children: error.message }), jsx("button", { type: "button", onClick: resetErrorBoundary, children: "Try again" })] })), children: jsx(ComponentWrapper, { ...item, children: item?.childrens?.length ? (jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps, children: item.childrens.map((id) => (jsx(RenderMemo, { uid: id }, id))) })) : (jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps })) }) }, item.uid));
-    }
-};
-const RenderMemo = memo(Render);
+const Render = ({ uid , ...passProps })=>{
+    const item = useBuilderStore((s)=>s.getItem(uid));
+    const Component = useBuilderComponent(item?.tag);
+    if (!item) return null;
+    if (item?.type === 'section') {
+        return /*#__PURE__*/ jsx(RenderSectionMemo, {
+            sectionId: item.uid
+        });
+    } else {
+        return /*#__PURE__*/ jsx(ErrorBoundary, {
+            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            "aria-label": "Error message",
+                            children: error.message
+                        }),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            onClick: resetErrorBoundary,
+                            children: "Try again"
+                        })
+                    ]
+                }),
+            children: /*#__PURE__*/ jsx(ComponentWrapper, {
+                ...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(RenderMemo, {
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
+                })
+            })
+        }, item.uid);
+    }
+};
+const RenderMemo = /*#__PURE__*/ memo(Render);
 RenderMemo.displayName = 'RenderMemo';
 
 export { RenderMemo as default };