@gem-sdk/core 3.0.0-pre-production.15 → 3.0.6

package/dist/cjs/components/ComponentWrapper.js

@@ -1,61 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
-var constant = require('./constant.js');
-var RenderCustomCode = require('./RenderCustomCode.js');
-
-const ComponentWrapper = ({ children, pageType, ...props })=>{
-    if (props.type === 'section') return null;
-    const style = composeAdvanceStyle.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 (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
-        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
-                    uid: props.uid,
-                    advanced: advanced
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx(children.type, {
-                    className: advanced?.cssClass,
-                    ...children.props,
-                    style,
-                    advanced,
-                    builderAttrs: {
-                        ...children.props.builderAttrs,
-                        ...interactionAttributes()
-                    }
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
-                uid: props.uid,
-                advanced: advanced
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                style: style,
-                ...interactionAttributes(),
-                className: `${props.uid} ${advanced?.cssClass}`,
-                children: children
-            })
-        ]
-    });
-};
-
-exports.default = ComponentWrapper;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js");const ComponentWrapper=({children:e,pageType:t,...s})=>{if("section"===s.type)return null;let n=composeAdvanceStyle.composeAdvanceStyle(s.advanced,s.tag,t),r=s.advanced,a=()=>{let e={};return s.advanced?.displayInitInteraction!==void 0&&(e={"display-init":s.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return constant.disableWrap.includes(s.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:s.uid,advanced:r}),jsxRuntime.jsx(e.type,{className:r?.cssClass,...e.props,style:n,advanced:r,builderAttrs:{...e.props.builderAttrs,...a()}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:s.uid,advanced:r}),jsxRuntime.jsx("div",{style:n,...a(),className:`${s.uid} ${r?.cssClass}`,children:e})]})};exports.default=ComponentWrapper;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -1,213 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
-var useInteraction = require('../hooks/useInteraction.js');
-var constant = require('./constant.js');
-var RenderCustomCode = require('./RenderCustomCode.js');
-var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
-require('zustand');
-var cls = require('../helpers/cls.js');
-require('swr');
-require('../helpers/convert.js');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-var shop = require('../hooks/shop.js');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
-var ComponentAnimation = require('./ComponentAnimation.js');
-
-const ComponentWrapperPreview = ({ children, ...props })=>{
-    react.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.useInteraction();
-    const animationByInteraction = getAnimationByUid(props.uid);
-    if (animationByInteraction) {
-        currentProps.advanced = {
-            ...currentProps.advanced,
-            animation: {
-                desktop: animationByInteraction,
-                tablet: animationByInteraction,
-                mobile: animationByInteraction
-            }
-        };
-    }
-    const pageType = shop.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.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__*/ jsxRuntime.jsxs("div", {
-            className: cls.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__*/ jsxRuntime.jsxs("svg", {
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.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__*/ jsxRuntime.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__*/ jsxRuntime.jsx("span", {
-                    className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
-                    children: name
-                })
-            ]
-        });
-    };
-    if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
-        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
-                    ...currentProps
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
-                    uid: props.uid,
-                    advanced: advanced
-                }),
-                /*#__PURE__*/ jsxRuntime.jsxs(children.type, {
-                    className: advanced?.cssClass,
-                    ...children.props,
-                    style,
-                    builderAttrs,
-                    advanced,
-                    children: [
-                        props.isShopifySection ? /*#__PURE__*/ jsxRuntime.jsx(ShopifySection, {
-                            name: props.name ?? '',
-                            visibility: !!props.isShopifyVisibility
-                        }) : children.props['children'],
-                        /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.default, {
-                            ...props
-                        })
-                    ]
-                })
-            ]
-        });
-    }
-    // Render
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
-                ...currentProps
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
-                uid: props.uid,
-                advanced: advanced
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                style: !constant.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: [
-                    !constant.excludeApplyStyle.includes(props.tag) && children,
-                    /*#__PURE__*/ react.isValidElement(children) && constant.excludeApplyStyle.includes(props.tag) && /*#__PURE__*/ jsxRuntime.jsx(children.type, {
-                        ...children.props,
-                        style,
-                        advanced
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.default, {
-                        ...props
-                    })
-                ]
-            })
-        ]
-    });
-};
-var ComponentWrapperPreview$1 = /*#__PURE__*/ react.memo(ComponentWrapperPreview);
-
-exports.default = ComponentWrapperPreview$1;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),useInteraction=require("../hooks/useInteraction.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js"),ComponentToolbarPreview=require("./ComponentToolbarPreview.js");require("zustand");var cls=require("../helpers/cls.js");require("swr"),require("../helpers/convert.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../hooks/shop.js");require("swr/infinite"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../hooks/useStickyStore.js");var ComponentAnimation=require("./ComponentAnimation.js");const ComponentWrapperPreview=({children:e,...t})=>{react.useEffect(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:t.uid}});window.dispatchEvent(e)},[t.uid]);let{getAnimationByUid:n}=useInteraction.useInteraction(),o=n(t.uid);o&&(t.advanced={...t.advanced,animation:{desktop:o,tablet:o,mobile:o}});let a=shop.usePageType();if("section"===t.type)return null;let i={};if("Section"===t.tag&&t.isThemeSection&&(i["data-theme-section"]=!0),"Section"===t.tag&&t.isShopifySection&&(i["data-shopify-section"]=!0,i["data-toolbar-wrap"]=!0),t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(i["data-placeholder-not-append-before-after"]=!0),e.toolbar?.parent&&(i["data-toolbar-parent"]=!0),e.component?.noDelete&&(i["data-component-no-delete"]=!0),e.component?.noDuplicate&&(i["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(i["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(i["data-component-no-setting"]=!0),e.component?.isThirdParty&&(i["data-component-is-third-party"]=!0),e.toolbar?.hide&&(i["data-toolbar-hide"]=!0),e.slots?.children&&(i["data-slots-children"]=!0),e.toolbar?.hide||(i["data-toolbar-wrap"]=!0)}t?.editorConfigs?.toolbar?.hide||(i["data-toolbar-wrap"]=!0);let s=e=>"GP_FUNNEL_PAGE"===a&&["ProductList","Header"].includes(e),r=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag,a),d=t.advanced,l={...i,"data-uid":t.uid,"data-component-type":"component","data-component-tag":t.tag,"data-component-label":t.label,"data-not-droppable":s(t.tag)},p=({name:e,visibility:t})=>jsxRuntime.jsxs("div",{className:cls.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":!t}),children:[jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"})]}),jsxRuntime.jsx("span",{className:"gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",children:e})]});return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComponentAnimation.default,{...t}),jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:d}),jsxRuntime.jsxs(e.type,{className:d?.cssClass,...e.props,style:r,builderAttrs:l,advanced:d,children:[t.isShopifySection?jsxRuntime.jsx(p,{name:t.name??"",visibility:!!t.isShopifyVisibility}):e.props.children,jsxRuntime.jsx(ComponentToolbarPreview.default,{...t})]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComponentAnimation.default,{...t}),jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:d}),jsxRuntime.jsxs("div",{style:constant.excludeApplyStyle.includes(t.tag)?{"--mb":r?.["--mb"],"--mb-tablet":r?.["--mb-tablet"],"--mb-mobile":r?.["--mb-mobile"]}:r,className:`${t.uid} ${t.advanced?.cssClass?t.advanced?.cssClass:""}`,...l,children:[!constant.excludeApplyStyle.includes(t.tag)&&e,react.isValidElement(e)&&constant.excludeApplyStyle.includes(t.tag)&&jsxRuntime.jsx(e.type,{...e.props,style:r,advanced:d}),jsxRuntime.jsx(ComponentToolbarPreview.default,{...t})]})]})};var ComponentWrapperPreview$1=react.memo(ComponentWrapperPreview);exports.default=ComponentWrapperPreview$1;

package/dist/cjs/components/Empty.js

@@ -1,7 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const Empty = ()=>null;
-
-exports.default = Empty;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const Empty=()=>null;exports.default=()=>null;

package/dist/cjs/components/InteractionSuffix.js

@@ -1,42 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('zustand');
-require('react');
-var PageContext = require('../contexts/PageContext.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('swr');
-require('swr/infinite');
-require('classnames');
-require('dayjs');
-var index = require('../helpers/interaction/index.js');
-require('../helpers/convert.js');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
-
-const InteractionSuffix = ({ uid })=>{
-    const { closeSelectOnPage, selectInteractionElement } = index.useInteraction();
-    const settingType = PageContext.usePageStore((s)=>s.interactionData?.settingType || '');
-    const isSelectOnPage = PageContext.usePageStore((s)=>s.interactionData?.isSelectOnPage);
-    const onClick = (e)=>{
-        selectInteractionElement({
-            $target: e.target,
-            componentUid: uid,
-            settingType
-        });
-        closeSelectOnPage();
-    };
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: isSelectOnPage && /*#__PURE__*/ jsxRuntime.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'
-        })
-    });
-};
-
-exports.InteractionSuffix = InteractionSuffix;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime");require("zustand"),require("react");var PageContext=require("../contexts/PageContext.js");require("react-transition-group"),require("@gem-sdk/core"),require("swr"),require("swr/infinite"),require("classnames"),require("dayjs");var index=require("../helpers/interaction/index.js");require("../helpers/convert.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../hooks/useStickyStore.js");const InteractionSuffix=({uid:e})=>{let{closeSelectOnPage:t,selectInteractionElement:r}=index.useInteraction(),i=PageContext.usePageStore(e=>e.interactionData?.settingType||""),n=PageContext.usePageStore(e=>e.interactionData?.isSelectOnPage),a=n=>{r({$target:n.target,componentUid:e,settingType:i}),t()};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:n&&jsxRuntime.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:a,"data-setup-interaction":!0,children:"TRIGGER"===i?"Set as trigger":"Set as target"})})};exports.InteractionSuffix=InteractionSuffix;

package/dist/cjs/components/Render.js

@@ -1,75 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactErrorBoundary = require('react-error-boundary');
-var BuilderComponent = require('../contexts/BuilderComponent.js');
-var BuilderContext = require('../contexts/BuilderContext.js');
-var ComponentWrapper = require('./ComponentWrapper.js');
-var RenderSection = require('./RenderSection.js');
-
-const Render = ({ uid, ...passProps })=>{
-    const item = BuilderContext.useBuilderStore((s)=>s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    const isPostPurchase = BuilderContext.useBuilderStore((s)=>s.getIsPostPurchase());
-    const isPreview = BuilderContext.useBuilderStore((s)=>s.getIsPreview());
-    const pageType = react.useMemo(()=>{
-        return isPostPurchase ? 'POST_PURCHASE' : undefined;
-    }, [
-        isPostPurchase
-    ]);
-    if (!item) return null;
-    if (item?.type === 'section') {
-        return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
-            sectionId: item.uid
-        });
-    } else {
-        return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
-            fallbackRender: ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            "aria-label": "Error message",
-                            children: error.message
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("button", {
-                            type: "button",
-                            onClick: resetErrorBoundary,
-                            children: "Try again"
-                        })
-                    ]
-                }),
-            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapper.default, {
-                ...item,
-                pageType: pageType,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item,
-                        isPreview
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderMemo, {
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item,
-                        isPreview
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
-                })
-            })
-        }, item.uid);
-    }
-};
-const RenderMemo = /*#__PURE__*/ react.memo(Render);
-RenderMemo.displayName = 'RenderMemo';
-
-exports.default = RenderMemo;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactErrorBoundary=require("react-error-boundary"),BuilderComponent=require("../contexts/BuilderComponent.js"),BuilderContext=require("../contexts/BuilderContext.js"),ComponentWrapper=require("./ComponentWrapper.js"),RenderSection=require("./RenderSection.js");const Render=({uid:e,...r})=>{let t=BuilderContext.useBuilderStore(r=>r.getItem(e)),n=BuilderComponent.useBuilderComponent(t?.tag),s=BuilderContext.useBuilderStore(e=>e.getIsPostPurchase()),i=BuilderContext.useBuilderStore(e=>e.getIsPreview()),d=react.useMemo(()=>s?"POST_PURCHASE":void 0,[s]);return t?t?.type==="section"?jsxRuntime.jsx(RenderSection.default,{sectionId:t.uid}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:r})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:r,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapper.default,{...t,pageType:d,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderMemo,{parentStyle:r?.parentStyle,uid:e},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r})})},t.uid):null},RenderMemo=react.memo(Render);RenderMemo.displayName="RenderMemo",exports.default=RenderMemo;