@gem-sdk/core 2.0.0-dev.896 → 2.0.0

package/dist/esm/components/ComponentWrapper.js

@@ -1 +1,57 @@
-import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{isValidElement as r}from"react";import{composeAdvanceStyle as s}from"../helpers/compose-advance-style.js";import{disableWrap as n}from"./constant.js";import o from"./RenderCustomCode.js";import i from"./animation/AnimationWrapper.js";let ComponentWrapper=({children:d,pageType:m,...p})=>{if("section"===p.type)return null;let l=s(p.advanced,p.tag,m),c=p.advanced,{animation:u}=c??{},f=u?.desktop?.enabled||u?.tablet?.enabled||u?.mobile?.enabled,C=a("div",{style:l,className:`${p.uid} ${c?.cssClass}`,children:d});return n.includes(p.tag)&&r(d)&&(C=a(d.type,{className:c?.cssClass,...d.props,style:l,advanced:c})),f&&(C=a(i,{children:C,settings:u,tag:p.tag})),e(t,{children:[a(o,{uid:p.uid,advanced:c}),C]})};export{ComponentWrapper as default};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
+import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
+import { disableWrap } from './constant.js';
+import RenderCustomCode from './RenderCustomCode.js';
+
+const ComponentWrapper = ({ children, pageType, ...props })=>{
+    if (props.type === 'section') return null;
+    const style = composeAdvanceStyle(props.advanced, props.tag, pageType);
+    const advanced = props.advanced;
+    const interactionAttributes = ()=>{
+        let result = {};
+        if (props.advanced?.displayInitInteraction !== undefined) {
+            result = {
+                'display-init': props.advanced?.displayInitInteraction === false ? 'hide' : 'show',
+                'gp-interaction-wrapper': ''
+            };
+        }
+        return result;
+    };
+    if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(RenderCustomCode, {
+                    uid: props.uid,
+                    advanced: advanced
+                }),
+                /*#__PURE__*/ jsx(children.type, {
+                    className: advanced?.cssClass,
+                    ...children.props,
+                    style,
+                    advanced,
+                    builderAttrs: {
+                        ...children.props.builderAttrs,
+                        ...interactionAttributes()
+                    }
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(RenderCustomCode, {
+                uid: props.uid,
+                advanced: advanced
+            }),
+            /*#__PURE__*/ jsx("div", {
+                style: style,
+                ...interactionAttributes(),
+                className: `${props.uid} ${advanced?.cssClass}`,
+                children: children
+            })
+        ]
+    });
+};
+
+export { ComponentWrapper as default };

package/dist/esm/components/ComponentWrapperPreview.js

@@ -1 +1,209 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{memo as a,useEffect as n,isValidElement as i}from"react";import{composeAdvanceStyle as p}from"../helpers/compose-advance-style.js";import{disableWrap as r,excludeApplyStyle as d}from"./constant.js";import l from"./RenderCustomCode.js";import s from"./ComponentToolbarPreview.js";import m from"../hooks/animation/useApplyAnimation.js";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as c}from"../hooks/shop.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import{cls as C}from"../helpers/cls.js";import"../helpers/convert.js";let ComponentWrapperPreview=({children:a,...h})=>{n(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:h.uid}});window.dispatchEvent(e)},[h.uid]),m({props:h});let g=c();if("section"===h.type)return null;let f={};if("Section"===h.tag&&h.isThemeSection&&(f["data-theme-section"]=!0),"Section"===h.tag&&h.isShopifySection&&(f["data-shopify-section"]=!0,f["data-toolbar-wrap"]=!0),h.editorConfigs){let e=h.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(f["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(f["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(f["data-toolbar-parent"]=!0),e.component?.noDelete&&(f["data-component-no-delete"]=!0),e.component?.noDuplicate&&(f["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(f["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(f["data-component-no-setting"]=!0),e.component?.isThirdParty&&(f["data-component-is-third-party"]=!0),e.toolbar?.hide&&(f["data-toolbar-hide"]=!0),e.slots?.children&&(f["data-slots-children"]=!0),e.toolbar?.hide||(f["data-toolbar-wrap"]=!0)}h?.editorConfigs?.toolbar?.hide||(f["data-toolbar-wrap"]=!0);let b=e=>"GP_FUNNEL_PAGE"===g&&["ProductList","Header"].includes(e),u=p(h.advanced,h.tag,g),v=h.advanced,w={...f,"data-uid":h.uid,"data-component-type":"component","data-component-tag":h.tag,"data-component-label":h.label,"data-not-droppable":b(h.tag)},y=({name:t,visibility:a})=>e("div",{className:C("gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]",{"gp-opacity-60":!a}),children:[e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{d:"M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",fill:"#95BF47"}),o("path",{d:"M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",fill:"#5E8E3E"}),o("path",{d:"M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",fill:"white"})]}),o("span",{className:"gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",children:t})]});return r.includes(h.tag)&&i(a)?e(t,{children:[o(l,{uid:h.uid,advanced:v}),e(a.type,{className:v?.cssClass,...a.props,style:u,builderAttrs:w,advanced:v,children:[h.isShopifySection?o(y,{name:h.name??"",visibility:!!h.isShopifyVisibility}):a.props.children,o(s,{...h})]})]}):e(t,{children:[o(l,{uid:h.uid,advanced:v}),e("div",{style:d.includes(h.tag)?{"--mb":u?.["--mb"],"--mb-tablet":u?.["--mb-tablet"],"--mb-mobile":u?.["--mb-mobile"]}:u,className:`${h.uid} ${h.advanced?.cssClass?h.advanced?.cssClass:""}`,...w,children:[!d.includes(h.tag)&&a,i(a)&&d.includes(h.tag)&&o(a.type,{...a.props,style:u,advanced:v}),o(s,{...h})]})]})};var ComponentWrapperPreview$1=a(ComponentWrapperPreview);export{ComponentWrapperPreview$1 as default};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { memo, useEffect, isValidElement } from 'react';
+import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
+import { useInteraction } from '../hooks/useInteraction.js';
+import { disableWrap, excludeApplyStyle } from './constant.js';
+import RenderCustomCode from './RenderCustomCode.js';
+import ComponentToolbarPreview from './ComponentToolbarPreview.js';
+import 'zustand';
+import { cls } from '../helpers/cls.js';
+import 'swr';
+import '../helpers/convert.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import { usePageType } from '../hooks/shop.js';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+import ComponentAnimation from './ComponentAnimation.js';
+
+const ComponentWrapperPreview = ({ children, ...props })=>{
+    useEffect(()=>{
+        const event = new CustomEvent('editor:component:render', {
+            bubbles: true,
+            detail: {
+                componentUid: props.uid
+            }
+        });
+        window.dispatchEvent(event);
+    }, [
+        props.uid
+    ]);
+    const currentProps = props;
+    const { getAnimationByUid } = useInteraction();
+    const animationByInteraction = getAnimationByUid(props.uid);
+    if (animationByInteraction) {
+        currentProps.advanced = {
+            ...currentProps.advanced,
+            animation: {
+                desktop: animationByInteraction,
+                tablet: animationByInteraction,
+                mobile: animationByInteraction
+            }
+        };
+    }
+    const pageType = usePageType();
+    if (props.type === 'section') {
+        return null;
+    }
+    const customProps = {};
+    if (props.tag === 'Section' && props.isThemeSection) {
+        customProps['data-theme-section'] = true;
+    }
+    if (props.tag === 'Section' && props.isShopifySection) {
+        customProps['data-shopify-section'] = true;
+        customProps['data-toolbar-wrap'] = true;
+    }
+    // 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.component?.isThirdParty) {
+            customProps['data-component-is-third-party'] = true;
+        }
+        if (editorConfigs.toolbar?.hide) {
+            customProps['data-toolbar-hide'] = true;
+        }
+        if (editorConfigs.slots?.children) {
+            customProps['data-slots-children'] = true;
+        }
+        if (!editorConfigs.toolbar?.hide) {
+            customProps['data-toolbar-wrap'] = true;
+        }
+    }
+    // Show toolbar wrapper
+    if (!props?.editorConfigs?.toolbar?.hide) {
+        customProps['data-toolbar-wrap'] = true;
+    }
+    const isNotDroppable = (tag)=>{
+        return pageType === 'GP_FUNNEL_PAGE' ? [
+            'ProductList',
+            'Header'
+        ].includes(tag) : false;
+    };
+    const style = composeAdvanceStyle(props.advanced, props.tag, pageType);
+    const advanced = props.advanced;
+    const builderAttrs = {
+        ...customProps,
+        'data-uid': props.uid,
+        'data-component-type': 'component',
+        'data-component-tag': props.tag,
+        'data-component-label': props.label,
+        'data-not-droppable': isNotDroppable(props.tag)
+    };
+    const ShopifySection = ({ name, visibility })=>{
+        return /*#__PURE__*/ jsxs("div", {
+            className: cls('gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]', {
+                'gp-opacity-60': !visibility
+            }),
+            children: [
+                /*#__PURE__*/ jsxs("svg", {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",
+                            fill: "#95BF47"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",
+                            fill: "#5E8E3E"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",
+                            fill: "white"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
+                    children: name
+                })
+            ]
+        });
+    };
+    if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(ComponentAnimation, {
+                    ...currentProps
+                }),
+                /*#__PURE__*/ jsx(RenderCustomCode, {
+                    uid: props.uid,
+                    advanced: advanced
+                }),
+                /*#__PURE__*/ jsxs(children.type, {
+                    className: advanced?.cssClass,
+                    ...children.props,
+                    style,
+                    builderAttrs,
+                    advanced,
+                    children: [
+                        props.isShopifySection ? /*#__PURE__*/ jsx(ShopifySection, {
+                            name: props.name ?? '',
+                            visibility: !!props.isShopifyVisibility
+                        }) : children.props['children'],
+                        /*#__PURE__*/ jsx(ComponentToolbarPreview, {
+                            ...props
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    // Render
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(ComponentAnimation, {
+                ...currentProps
+            }),
+            /*#__PURE__*/ jsx(RenderCustomCode, {
+                uid: props.uid,
+                advanced: advanced
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                style: !excludeApplyStyle.includes(props.tag) ? style : {
+                    '--mb': style?.['--mb'],
+                    '--mb-tablet': style?.['--mb-tablet'],
+                    '--mb-mobile': style?.['--mb-mobile']
+                },
+                className: `${props.uid} ${props.advanced?.cssClass ? props.advanced?.cssClass : ''}`,
+                ...builderAttrs,
+                children: [
+                    !excludeApplyStyle.includes(props.tag) && children,
+                    /*#__PURE__*/ isValidElement(children) && excludeApplyStyle.includes(props.tag) && /*#__PURE__*/ jsx(children.type, {
+                        ...children.props,
+                        style,
+                        advanced
+                    }),
+                    /*#__PURE__*/ jsx(ComponentToolbarPreview, {
+                        ...props
+                    })
+                ]
+            })
+        ]
+    });
+};
+var ComponentWrapperPreview$1 = /*#__PURE__*/ memo(ComponentWrapperPreview);
+
+export { ComponentWrapperPreview$1 as default };

package/dist/esm/components/Empty.js

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

package/dist/esm/components/InteractionSuffix.js

@@ -0,0 +1,40 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import 'zustand';
+import 'react';
+import { usePageStore } from '../contexts/PageContext.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'swr';
+import 'swr/infinite';
+import 'classnames';
+import 'dayjs';
+import { useInteraction } from '../helpers/interaction/index.js';
+import '../helpers/convert.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+
+const InteractionSuffix = ({ uid })=>{
+    const { closeSelectOnPage, selectInteractionElement } = useInteraction();
+    const settingType = usePageStore((s)=>s.interactionData?.settingType || '');
+    const isSelectOnPage = usePageStore((s)=>s.interactionData?.isSelectOnPage);
+    const onClick = (e)=>{
+        selectInteractionElement({
+            $target: e.target,
+            componentUid: uid,
+            settingType
+        });
+        closeSelectOnPage();
+    };
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: isSelectOnPage && /*#__PURE__*/ jsx("button", {
+            className: "gp-bg-[#F4F4F4]  gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element ",
+            onClick: onClick,
+            "data-setup-interaction": true,
+            children: settingType === 'TRIGGER' ? 'Set as trigger' : 'Set as target'
+        })
+    });
+};
+
+export { InteractionSuffix };

package/dist/esm/components/Render.js

@@ -1 +1,71 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{memo as n,useMemo as o}from"react";import{ErrorBoundary as i}from"react-error-boundary";import{useBuilderComponent as s}from"../contexts/BuilderComponent.js";import{useBuilderStore as d}from"../contexts/BuilderContext.js";import l from"./ComponentWrapper.js";import a from"./RenderSection.js";let Render=({uid:n,...m})=>{let p=d(e=>e.getItem(n)),c=s(p?.tag),u=d(e=>e.getIsPostPurchase()),g=d(e=>e.getIsPreview()),h=o(()=>u?"POST_PURCHASE":void 0,[u]);return p?p?.type==="section"?e(a,{sectionId:p.uid}):e(i,{fallbackRender:({error:n,resetErrorBoundary:o})=>r(t,{children:[e("span",{"aria-label":"Error message",children:n.message}),e("button",{type:"button",onClick:o,children:"Try again"})]}),children:e(l,{...p,pageType:h,children:p?.childrens?.length?e(c,{builderProps:{uid:n,builderData:p,isPreview:g},styles:p.styles,setting:p.settings,...m,children:p.childrens.map(r=>e(RenderMemo,{uid:r},r))}):e(c,{builderProps:{uid:n,builderData:p,isPreview:g},styles:p.styles,setting:p.settings,...m})})},p.uid):null},RenderMemo=n(Render);RenderMemo.displayName="RenderMemo";export{RenderMemo as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { memo, useMemo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { useBuilderComponent } from '../contexts/BuilderComponent.js';
+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);
+    const isPostPurchase = useBuilderStore((s)=>s.getIsPostPurchase());
+    const isPreview = useBuilderStore((s)=>s.getIsPreview());
+    const pageType = useMemo(()=>{
+        return isPostPurchase ? 'POST_PURCHASE' : undefined;
+    }, [
+        isPostPurchase
+    ]);
+    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,
+                pageType: pageType,
+                children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item,
+                        isPreview
+                    },
+                    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,
+                        isPreview
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
+                })
+            })
+        }, item.uid);
+    }
+};
+const RenderMemo = /*#__PURE__*/ memo(Render);
+RenderMemo.displayName = 'RenderMemo';
+
+export { RenderMemo as default };