@gem-sdk/core 1.5.15 → 1.5.22

package/dist/esm/components/Render.liquid.js

@@ -5,63 +5,87 @@ import '../helpers/convert.js';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
-const Render = ({ uid, builder, components, ...passProps }) => {
-    const item = builder[uid];
-    const Component = components[item?.tag];
-    if (!Component) {
-        console.log('Miss component: ', item);
-        return '';
-    }
-    if (!item)
-        return null;
-    if (item?.type === 'section') {
-        return '';
-    }
-    else {
-        const style = composeAdvanceStyle(item.advanced, item.tag);
-        if (disableWrap.includes(item.tag)) {
-            return RenderIf(item?.childrens?.length, () => {
-                return Component({
-                    builderProps: { uid, builderData: item },
-                    styles: item.styles,
-                    setting: item.settings,
-                    style,
-                    ...passProps,
-                    rawChildren: item.childrens.map((id) => {
-                        return { ...builder[id], uid: id, builder, components };
-                    }),
-                    children: item.childrens
-                        .map((id) => Render({ uid: id, builder, components }))
-                        .join(''),
-                });
-            }, () => Component({
-                builderProps: { uid, builderData: item },
-                styles: item.styles,
-                setting: item.settings,
-                style,
-                ...passProps,
-            }));
-        }
-        return template `<div style="${style}" class="${item.uid}">
-    ${RenderIf(item?.childrens?.length, () => Component({
-            builderProps: { uid, builderData: item },
-            styles: item.styles,
-            setting: item.settings,
-            ...passProps,
-            rawChildren: item.childrens.map((id) => {
-                return { ...builder[id], uid: id, builder, components };
-            }),
-            children: item.childrens
-                .map((id) => Render({ uid: id, builder, components }))
-                .join(''),
-        }), () => Component({
-            builderProps: { uid, builderData: item },
-            styles: item.styles,
-            setting: item.settings,
-            ...passProps,
-        }))}
-    </div>`;
-    }
+const Render = ({ uid , builder , components , ...passProps })=>{
+    const item = builder[uid];
+    const Component = components[item?.tag];
+    if (!Component) {
+        console.log('Miss component: ', item);
+        return '';
+    }
+    if (!item) return null;
+    if (item?.type === 'section') {
+        return '';
+    } else {
+        const style = composeAdvanceStyle(item.advanced, item.tag);
+        if (disableWrap.includes(item.tag)) {
+            return RenderIf(item?.childrens?.length, ()=>{
+                return Component({
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    style,
+                    ...passProps,
+                    rawChildren: item.childrens.map((id)=>{
+                        return {
+                            ...builder[id],
+                            uid: id,
+                            builder,
+                            components
+                        };
+                    }),
+                    children: item.childrens.map((id)=>Render({
+                            uid: id,
+                            builder,
+                            components
+                        })).join('')
+                });
+            }, ()=>Component({
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    style,
+                    ...passProps
+                }));
+        }
+        return template`<div style="${style}" class="${item.uid}">
+    ${RenderIf(item?.childrens?.length, ()=>Component({
+                builderProps: {
+                    uid,
+                    builderData: item
+                },
+                styles: item.styles,
+                setting: item.settings,
+                ...passProps,
+                rawChildren: item.childrens.map((id)=>{
+                    return {
+                        ...builder[id],
+                        uid: id,
+                        builder,
+                        components
+                    };
+                }),
+                children: item.childrens.map((id)=>Render({
+                        uid: id,
+                        builder,
+                        components
+                    })).join('')
+            }), ()=>Component({
+                builderProps: {
+                    uid,
+                    builderData: item
+                },
+                styles: item.styles,
+                setting: item.settings,
+                ...passProps
+            }))}
+    </div>`;
+    }
 };
 
 export { Render as default };

package/dist/esm/components/RenderBlock.js

@@ -5,13 +5,46 @@ import { useBuilderComponent } from '../contexts/BuilderComponent.js';
 import { useBuilderStore } from '../contexts/BuilderContext.js';
 import ComponentWrapper from './ComponentWrapper.js';
 
-const RenderBlock = ({ uid }) => {
-    const item = useBuilderStore((s) => s.getItem(uid));
-    const Component = useBuilderComponent(item?.tag);
-    if (!item || item.type === 'section')
-        return null;
-    return (jsx(ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (jsxs(ComponentWrapper, { ...item, 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 }, styles: item.styles ?? {}, setting: item.settings ?? {}, children: item?.childrens?.map((id) => (jsx(RenderBlockMemo, { uid: id }, id))) })) : (jsx(Component, { builderProps: { uid }, styles: item.styles ?? {}, setting: item.settings ?? {} })) }) }, item.uid));
-};
-const RenderBlockMemo = memo(RenderBlock);
+const RenderBlock = ({ uid  })=>{
+    const item = useBuilderStore((s)=>s.getItem(uid));
+    const Component = useBuilderComponent(item?.tag);
+    if (!item || item.type === 'section') return null;
+    return /*#__PURE__*/ jsx(ErrorBoundary, {
+        fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxs(ComponentWrapper, {
+                ...item,
+                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
+                },
+                styles: item.styles ?? {},
+                setting: item.settings ?? {},
+                children: item?.childrens?.map((id)=>/*#__PURE__*/ jsx(RenderBlockMemo, {
+                        uid: id
+                    }, id))
+            }) : /*#__PURE__*/ jsx(Component, {
+                builderProps: {
+                    uid
+                },
+                styles: item.styles ?? {},
+                setting: item.settings ?? {}
+            })
+        })
+    }, item.uid);
+};
+const RenderBlockMemo = /*#__PURE__*/ memo(RenderBlock);
 
 export { RenderBlockMemo as default };

package/dist/esm/components/RenderPreview.js

@@ -6,19 +6,57 @@ import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import ComponentWrapperPreview from './ComponentWrapperPreview.js';
 import RenderSectionMemo from './RenderSection.js';
 
-const RenderPreview = ({ uid, ...passProps }) => {
-    const item = useBuilderPreviewStore((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(ComponentWrapperPreview, { ...item, children: [jsx("span", { "aria-label": "Error message", children: error.message }), jsx("button", { type: "button", onClick: resetErrorBoundary, children: "Try again" })] })), children: jsx(ComponentWrapperPreview, { ...item, children: item?.childrens?.length ? (jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps, children: item.childrens.map((id) => (jsx(RenderPreviewMemo, { uid: id }, id))) })) : (jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps })) }) }, item.uid));
-    }
-};
-const RenderPreviewMemo = memo(RenderPreview);
+const RenderPreview = ({ uid , ...passProps })=>{
+    const item = useBuilderPreviewStore((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(ComponentWrapperPreview, {
+                    ...item,
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            "aria-label": "Error message",
+                            children: error.message
+                        }),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            onClick: resetErrorBoundary,
+                            children: "Try again"
+                        })
+                    ]
+                }),
+            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, {
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
+                })
+            })
+        }, item.uid);
+    }
+};
+const RenderPreviewMemo = /*#__PURE__*/ memo(RenderPreview);
 RenderPreviewMemo.displayName = 'RenderPreviewMemo';
 
 export { RenderPreviewMemo as default };

package/dist/esm/components/RenderSection.js

@@ -4,12 +4,16 @@ import { BuilderProvider } from '../contexts/BuilderContext.js';
 import { useSection } from '../contexts/SectionContext.js';
 import RenderBlockMemo from './RenderBlock.js';
 
-const RenderSection = ({ sectionId }) => {
-    const state = useSection(sectionId);
-    if (!state)
-        return null;
-    return (jsx(BuilderProvider, { state: state, children: jsx(RenderBlockMemo, { uid: sectionId }) }, sectionId));
-};
-const RenderSectionMemo = memo(RenderSection);
+const RenderSection = ({ sectionId  })=>{
+    const state = useSection(sectionId);
+    if (!state) return null;
+    return /*#__PURE__*/ jsx(BuilderProvider, {
+        state: state,
+        children: /*#__PURE__*/ jsx(RenderBlockMemo, {
+            uid: sectionId
+        })
+    }, sectionId);
+};
+const RenderSectionMemo = /*#__PURE__*/ memo(RenderSection);
 
 export { RenderSectionMemo as default };

package/dist/esm/components/constant.js

@@ -1,27 +1,27 @@
-const disableWrap = [
-    'Col',
-    'Row',
-    'Section',
-    'Image',
-    'Text',
-    'Button',
-    'ProductButton',
-    'Cart',
-    'Tabs',
-    'TabItem',
-    'Carousel',
-    'CarouselItem',
-    'ShopPayButton',
-    'AccordionItem',
-    'Video',
-    'Header',
-    'HeroBanner',
-    'Icon',
-    'IconList',
-    'HTMLCode',
-    'IconListHoz',
-    'IconListItem',
-    'CSSCode',
+const disableWrap = [
+    'Col',
+    'Row',
+    'Section',
+    'Image',
+    'Text',
+    'Button',
+    'ProductButton',
+    'Cart',
+    'Tabs',
+    'TabItem',
+    'Carousel',
+    'CarouselItem',
+    'ShopPayButton',
+    'AccordionItem',
+    'Video',
+    'Header',
+    'HeroBanner',
+    'Icon',
+    'IconList',
+    'HTMLCode',
+    'IconListHoz',
+    'IconListItem',
+    'CSSCode'
 ];
 
 export { disableWrap };

package/dist/esm/contexts/AddonContext.js

@@ -1,21 +1,32 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useMemo } from 'react';
+import { useContext, useMemo, createContext } from 'react';
 import Empty from '../components/Empty.js';
 
-const AddonContext = createContext(null);
-const AddonProvider = ({ children, components, ...passProps }) => {
-    return (jsx(AddonContext.Provider, { ...passProps, value: { components }, children: children }));
-};
-const useAddons = () => {
-    const context = useContext(AddonContext);
-    if (!context) {
-        throw new Error('useAddons must be used within an AddonProvider');
-    }
-    return useMemo(() => context.components, [context.components]);
-};
-const useAddon = (id) => {
-    const addons = useAddons();
-    return useMemo(() => (id ? addons[id] ?? Empty : Empty), [id, addons]);
+const AddonContext = /*#__PURE__*/ createContext(null);
+const AddonProvider = ({ children , components , ...passProps })=>{
+    return /*#__PURE__*/ jsx(AddonContext.Provider, {
+        ...passProps,
+        value: {
+            components
+        },
+        children: children
+    });
+};
+const useAddons = ()=>{
+    const context = useContext(AddonContext);
+    if (!context) {
+        throw new Error('useAddons must be used within an AddonProvider');
+    }
+    return useMemo(()=>context.components, [
+        context.components
+    ]);
+};
+const useAddon = (id)=>{
+    const addons = useAddons();
+    return useMemo(()=>id ? addons[id] ?? Empty : Empty, [
+        id,
+        addons
+    ]);
 };
 
 export { AddonProvider, useAddon, useAddons };

package/dist/esm/contexts/BuilderComponent.js

@@ -1,27 +1,31 @@
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 import Empty from '../components/Empty.js';
 
-const BuilderComponentContext = createContext(null);
-const createBuilderComponentStore = (components) => createStore((_, get) => ({
-    components,
-    getItem: (id) => {
-        return get().components[id];
-    },
-}));
-const BuilderComponentProvider = ({ children, components, ...passProps }) => {
-    return (jsx(BuilderComponentContext.Provider, { ...passProps, value: createBuilderComponentStore(components), children: children }));
-};
-// export const useBuilderComponent = (id?: string) => {
-//   return useStore((s) => (id ? s.getItem(id) ?? Empty : Empty));
-// };
-const useBuilderComponent = (id) => {
-    const store = useContext(BuilderComponentContext);
-    if (!store) {
-        throw new Error('useBuilderComponent must be used within a BuilderComponentProvider');
-    }
-    return useStore(store, (s) => (id ? s.getItem(id) ?? Empty : Empty));
+const BuilderComponentContext = /*#__PURE__*/ createContext(null);
+const createBuilderComponentStore = (components)=>createStore((_, get)=>({
+            components,
+            getItem: (id)=>{
+                return get().components[id];
+            }
+        }));
+const BuilderComponentProvider = ({ children , components , ...passProps })=>{
+    return /*#__PURE__*/ jsx(BuilderComponentContext.Provider, {
+        ...passProps,
+        value: createBuilderComponentStore(components),
+        children: children
+    });
+};
+// export const useBuilderComponent = (id?: string) => {
+//   return useStore((s) => (id ? s.getItem(id) ?? Empty : Empty));
+// };
+const useBuilderComponent = (id)=>{
+    const store = useContext(BuilderComponentContext);
+    if (!store) {
+        throw new Error('useBuilderComponent must be used within a BuilderComponentProvider');
+    }
+    return useStore(store, (s)=>id ? s.getItem(id) ?? Empty : Empty);
 };
 
 export { BuilderComponentProvider, useBuilderComponent };

package/dist/esm/contexts/BuilderContext.js

@@ -1,26 +1,32 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, Suspense, Fragment } from 'react';
+import { useContext, createContext, Suspense, Fragment } from 'react';
 import { useStore, createStore } from 'zustand';
 
-const BuilderContext = createContext(null);
-const createBuilderProvider = (data) => createStore((_, get) => ({
-    state: data,
-    getItem: (id) => {
-        return get().state[id];
-    },
-}));
-const BuilderProvider = ({ children, state, lazy, priority, ...passProps }) => {
-    const Component = lazy ? Suspense : Fragment;
-    const store = createBuilderProvider(state);
-    return (jsx(Component, { children: jsx(BuilderContext.Provider, { ...passProps, value: store, children: children }) }));
-};
-// export const useBuilderStore = useStore;
-const useBuilderStore = (selector, equalityFn) => {
-    const store = useContext(BuilderContext);
-    if (!store) {
-        throw new Error('useBuilderStore must be used within a BuilderProvider');
-    }
-    return useStore(store, selector, equalityFn);
+const BuilderContext = /*#__PURE__*/ createContext(null);
+const createBuilderProvider = (data)=>createStore((_, get)=>({
+            state: data,
+            getItem: (id)=>{
+                return get().state[id];
+            }
+        }));
+const BuilderProvider = ({ children , state , lazy , priority , ...passProps })=>{
+    const Component = lazy ? Suspense : Fragment;
+    const store = createBuilderProvider(state);
+    return /*#__PURE__*/ jsx(Component, {
+        children: /*#__PURE__*/ jsx(BuilderContext.Provider, {
+            ...passProps,
+            value: store,
+            children: children
+        })
+    });
+};
+// export const useBuilderStore = useStore;
+const useBuilderStore = (selector, equalityFn)=>{
+    const store = useContext(BuilderContext);
+    if (!store) {
+        throw new Error('useBuilderStore must be used within a BuilderProvider');
+    }
+    return useStore(store, selector, equalityFn);
 };
 
 export { BuilderProvider, useBuilderStore };