@gem-sdk/core 1.13.38 → 1.14.0-moon.208

package/dist/cjs/components/AddOn.js

@@ -1,18 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var AddonContext = require('../contexts/AddonContext.js');
-var shop = require('../hooks/shop.js');
-
-const AddOn = ({ name  })=>{
-    const Comp = AddonContext.useAddon(name);
-    const plugins = shop.usePluginEnable();
-    if (!plugins?.includes(name)) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxRuntime.jsx(Comp, {});
-};
-
-exports.default = AddOn;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),AddonContext=require("../contexts/AddonContext.js"),shop=require("../hooks/shop.js");const AddOn=({name:e})=>{let t=AddonContext.useAddon(e),n=shop.usePluginEnable();return n?.includes(e)?jsxRuntime.jsx(t,{}):null};exports.default=AddOn;

package/dist/cjs/components/ComponentWrapper.js

@@ -1,28 +1 @@
-'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');
-
-const ComponentWrapper = ({ children , ...props })=>{
-    if (props.type === 'section') return null;
-    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
-    const advanced = props.advanced;
-    if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
-        return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
-            ...children.props,
-            style,
-            advanced
-        });
-    }
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: style,
-        className: `${props.uid}`,
-        children: children
-    });
-};
-
-exports.default = ComponentWrapper;
+"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");const ComponentWrapper=({children:e,...t})=>{if("section"===t.type)return null;let r=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag),s=t.advanced;return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,style:r,advanced:s}):jsxRuntime.jsx("div",{style:r,className:`${t.uid}`,children:e})};exports.default=ComponentWrapper;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -1,72 +1 @@
-'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');
-
-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.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;
-        }
-    }
-    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
-    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
-    };
-    if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
-        return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
-            ...children.props,
-            style,
-            builderAttrs,
-            advanced
-        });
-    }
-    // Render
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        style: style,
-        className: `${props.uid}`,
-        ...builderAttrs,
-        children: children
-    });
-};
-
-exports.default = ComponentWrapperPreview;
+"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 ComponentWrapperPreview=({children:e,...t})=>{if("section"===t.type)return null;let n={};if(t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(n["data-placeholder-not-append-before-after"]=!0),e.toolbar?.parent&&(n["data-toolbar-parent"]=!0),e.component?.noDelete&&(n["data-component-no-delete"]=!0),e.component?.noDuplicate&&(n["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(n["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(n["data-component-no-setting"]=!0),e.component?.isThirdParty&&(n["data-component-is-third-party"]=!0),e.toolbar?.hide&&(n["data-toolbar-hide"]=!0),e.slots?.children&&(n["data-slots-children"]=!0)}let o=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag),a=t.advanced,r={...n,"data-uid":t.uid,"data-component-type":"component","data-component-tag":t.tag,"data-component-label":t.label};return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{props:t}),jsxRuntime.jsx(e.type,{...e.props,style:o,builderAttrs:r,advanced:a})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{props:t}),jsxRuntime.jsx("div",{style:o,className:`${t.uid}`,...r,children:e})]})};exports.default=ComponentWrapperPreview;

package/dist/cjs/components/Empty.js

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

package/dist/cjs/components/Render.js

@@ -1,65 +1 @@
-'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);
-    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,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    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
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
-                })
-            })
-        }, item.uid);
-    }
-};
-const RenderMemo = /*#__PURE__*/ react.memo(Render);
-RenderMemo.displayName = 'RenderMemo';
-
-exports.default = RenderMemo;
+"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);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,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderMemo,{uid:e},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r})})},t.uid):null},RenderMemo=react.memo(Render);RenderMemo.displayName="RenderMemo",exports.default=RenderMemo;

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

@@ -1,158 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('swr');
-var render = require('../helpers/render.js');
-require('../helpers/convert.js');
-var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
-var constant = require('./constant.js');
-
-const componentsRenderWithParentId = [
-    'CarouselItem'
-];
-const componentTexts = [
-    'Text',
-    'Heading'
-];
-const Render = ({ uid , builder , components , parentId , extraFiles ={} , ...passProps })=>{
-    const item = builder[uid];
-    const Component = components[item?.tag];
-    if (!Component) {
-        console.log('Miss component: ', item);
-        return {
-            liquid: '',
-            extraFiles
-        };
-    }
-    if (!item) {
-        return {
-            liquid: '',
-            extraFiles
-        };
-    }
-    if (item?.type === 'section') {
-        return {
-            liquid: '',
-            extraFiles
-        };
-    } else {
-        const customProps = {
-            extraFiles: {}
-        };
-        const style = composeAdvanceStyle.composeAdvanceStyle(item.advanced, item.tag);
-        let liquid = '';
-        if (constant.disableWrap.includes(item.tag)) {
-            liquid = render.RenderIf(item?.childrens?.length, ()=>{
-                return Component({
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    style,
-                    advanced: item.advanced,
-                    parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
-                    ...passProps,
-                    rawChildren: item.childrens.map((id)=>{
-                        return {
-                            ...builder[id],
-                            uid: id,
-                            builder,
-                            components,
-                            customProps
-                        };
-                    }),
-                    children: item.childrens.map((id)=>RenderChildren({
-                            uid: id,
-                            builder,
-                            components,
-                            customProps
-                        })).join('')
-                });
-            }, ()=>{
-                return Component({
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    advanced: item.advanced,
-                    style,
-                    isText: componentTexts.includes(item.tag) ? true : null,
-                    parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
-                    ...passProps
-                });
-            });
-        } else {
-            liquid = render.template`<div style="${style}" class="${item.uid}">
-      ${render.RenderIf(item?.childrens?.length, ()=>{
-                return Component({
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    rawChildren: item.childrens.map((id)=>{
-                        return {
-                            ...builder[id],
-                            uid: id,
-                            builder,
-                            components,
-                            customProps
-                        };
-                    }),
-                    children: item.childrens.map((id)=>RenderChildren({
-                            uid: id,
-                            builder,
-                            components,
-                            customProps
-                        })).join('')
-                });
-            }, ()=>{
-                return Component({
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    isText: componentTexts.includes(item.tag) ? true : null,
-                    ...passProps
-                });
-            })}
-      </div>`;
-        }
-        return {
-            liquid,
-            extraFiles: customProps.extraFiles
-        };
-    }
-};
-const RenderChildren = (props)=>{
-    const data = Render(props);
-    // Append to prop parent
-    for(const key in data.extraFiles){
-        if (Object.prototype.hasOwnProperty.call(data.extraFiles, key)) {
-            const value = data.extraFiles[key];
-            props.customProps.extraFiles[key] = value;
-        }
-    }
-    // Fix limit 256kb
-    const textEncoder = new TextEncoder();
-    const size = data?.liquid ? textEncoder.encode(data.liquid).length : 0;
-    if (Math.ceil(size / 1024) >= 180) {
-        const fileName = `gp-section-snippet-${props.uid}`;
-        props.customProps.extraFiles[fileName] = data.liquid;
-        return `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
-    }
-    return data.liquid;
-};
-
-exports.RenderChildren = RenderChildren;
-exports.default = Render;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:r,components:t,parentId:n,extraFiles:d={},pageContext:i,...s})=>{let l=r[e],a=t[l?.tag];if(!a)return console.log("Miss component: ",l),{liquid:"",extraFiles:d};if(!l||l?.type==="section")return{liquid:"",extraFiles:d};{let d={extraFiles:{}},o=composeAdvanceStyle.composeAdvanceStyle(l.advanced,l.tag),c="";c=constant.disableWrap.includes(l.tag)?render.RenderIf(l?.childrens?.length,()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,style:o,advanced:l.advanced,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,pageContext:i,...s,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:i})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag,pageContext:i})))}),()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:l.advanced,style:o,isText:!!componentTexts.includes(l.tag)||null,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,pageContext:i,...s})):render.template`<div style="${o}" class="${l.uid} ${l?.childrens?.length||"IconListItemHoz"!==l.tag?"":"hidden"}">
+      ${render.RenderIf(l?.childrens?.length,()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,pageContext:i,...s,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:i})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag,pageContext:i})))}),()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,pageContext:i,isText:!!componentTexts.includes(l.tag)||null,...s}))}
+      </div>`;let{cssCode:u,jsCode:p}=RenderCustomCode(l);return u&&(c+=u),p&&(c+=p),{liquid:c,extraFiles:d.extraFiles}}},RenderCustomCode=e=>{let{css:r,javascript:t}=e.advanced?.editorData||{},n=render.RenderIf(!!r,render.template`
+      <style
+        id="${`custom-css-${e?.uid}`}"
+      >${r}</style>
+    `),d=render.RenderIf(!!t,render.template`
+      <script
+        id="${`custom-js-${e?.uid}`}"
+      >
+        try {
+          ${t}
+        } catch(err){}
+      </script>
+    `);return{cssCode:n,jsCode:d}},RenderChildren=e=>{let r=Render(e);for(let t in r.extraFiles)if(Object.prototype.hasOwnProperty.call(r.extraFiles,t)){let n=r.extraFiles[t];e.customProps.extraFiles[t]=n}let t=new TextEncoder,n=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id  %}`}return r.liquid},WrapRenderChildren=({uid:e,customProps:r},t)=>{let n="";if(t?.length)for(let d=0;d<t.length;d++){let i=t[d];if(i){let t=n+i,s=new TextEncoder,l=t?s.encode(t).length:0;if(Math.ceil(l/1024)>=180){let t=`gp-section-snippet-${e+d}`;r.extraFiles[t]=i,n+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id  %}`}else n+=i}}return n};exports.RenderChildren=RenderChildren,exports.WrapRenderChildren=WrapRenderChildren,exports.default=Render;

package/dist/cjs/components/RenderBlock.js

@@ -1,54 +1 @@
-'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');
-
-const RenderBlock = ({ uid  })=>{
-    const item = BuilderContext.useBuilderStore((s)=>s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    if (!item || item.type === 'section') return null;
-    return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
-        fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapper.default, {
-                ...item,
-                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,
-            children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                builderProps: {
-                    uid
-                },
-                styles: item.styles ?? {},
-                setting: item.settings ?? {},
-                children: item?.childrens?.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderBlockMemo, {
-                        uid: id
-                    }, id))
-            }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                builderProps: {
-                    uid
-                },
-                styles: item.styles ?? {},
-                setting: item.settings ?? {}
-            })
-        })
-    }, item.uid);
-};
-const RenderBlockMemo = /*#__PURE__*/ react.memo(RenderBlock);
-
-exports.default = RenderBlockMemo;
+"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");const RenderBlock=({uid:e})=>{let r=BuilderContext.useBuilderStore(r=>r.getItem(e)),t=BuilderComponent.useBuilderComponent(r?.tag);return r&&"section"!==r.type?jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:t})=>jsxRuntime.jsxs(ComponentWrapper.default,{...r,children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:t,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapper.default,{...r,children:r?.childrens?.length?jsxRuntime.jsx(t,{builderProps:{uid:e},styles:r.styles??{},setting:r.settings??{},children:r?.childrens?.map(e=>jsxRuntime.jsx(RenderBlockMemo,{uid:e},e))}):jsxRuntime.jsx(t,{builderProps:{uid:e},styles:r.styles??{},setting:r.settings??{}})})},r.uid):null},RenderBlockMemo=react.memo(RenderBlock);exports.default=RenderBlockMemo;

package/dist/cjs/components/RenderCustomCode.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),Script=require("next/script"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../hooks/shop.js");require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../helpers/convert.js");const RenderCustomCode=({props:e})=>{let r=shop.useEditorMode(),{css:s,javascript:t}=e?.advanced?.editorData||{},i={css:`custom-css-${e?.uid}`,javascript:`custom-js-${e?.uid}`},u=react.useMemo(()=>`
+      try {
+        ${t}
+      } catch(err){}
+    `,[t]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:!!s&&jsxRuntime.jsx("style",{id:i.css,dangerouslySetInnerHTML:{__html:s}})}),!!t&&"edit"!==r&&jsxRuntime.jsx(Script,{id:i.javascript,dangerouslySetInnerHTML:{__html:u}})]})};exports.default=RenderCustomCode;

package/dist/cjs/components/RenderPreview.js

@@ -1,66 +1 @@
-'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 BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
-var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
-var RenderSection = require('./RenderSection.js');
-
-const RenderPreview = ({ uid , ...passProps })=>{
-    const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    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(ComponentWrapperPreview.default, {
-                    ...item,
-                    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(ComponentWrapperPreview.default, {
-                ...item,
-                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps,
-                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
-                            uid: id
-                        }, id))
-                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    builderProps: {
-                        uid,
-                        builderData: item
-                    },
-                    styles: item.styles,
-                    setting: item.settings,
-                    ...passProps
-                })
-            })
-        }, item.uid);
-    }
-};
-const RenderPreviewMemo = /*#__PURE__*/ react.memo(RenderPreview);
-RenderPreviewMemo.displayName = 'RenderPreviewMemo';
-
-exports.default = RenderPreviewMemo;
+"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"),BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ComponentWrapperPreview=require("./ComponentWrapperPreview.js"),RenderSection=require("./RenderSection.js");const RenderPreview=({uid:e,...r})=>{let t=BuilderPreviewContext.useBuilderPreviewStore(r=>r.getItem(e)),n=BuilderComponent.useBuilderComponent(t?.tag);return t?t?.type==="section"?jsxRuntime.jsx(RenderSection.default,{sectionId:t.uid}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:r})=>jsxRuntime.jsxs(ComponentWrapperPreview.default,{...t,children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:r,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapperPreview.default,{...t,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderPreviewMemo,{uid:e},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t},styles:t.styles,setting:t.settings,...r})})},t.uid):null},RenderPreviewMemo=react.memo(RenderPreview);RenderPreviewMemo.displayName="RenderPreviewMemo",exports.default=RenderPreviewMemo;

package/dist/cjs/components/RenderSection.js

@@ -1,23 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var BuilderContext = require('../contexts/BuilderContext.js');
-var SectionContext = require('../contexts/SectionContext.js');
-var RenderBlock = require('./RenderBlock.js');
-
-const RenderSection = ({ sectionId  })=>{
-    const state = SectionContext.useSection(sectionId);
-    if (!state) return null;
-    return /*#__PURE__*/ jsxRuntime.jsx(BuilderContext.BuilderProvider, {
-        state: state,
-        children: /*#__PURE__*/ jsxRuntime.jsx(RenderBlock.default, {
-            uid: sectionId
-        })
-    }, sectionId);
-};
-const RenderSectionMemo = /*#__PURE__*/ react.memo(RenderSection);
-
-exports.default = RenderSectionMemo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),BuilderContext=require("../contexts/BuilderContext.js"),SectionContext=require("../contexts/SectionContext.js"),RenderBlock=require("./RenderBlock.js");const RenderSection=({sectionId:e})=>{let t=SectionContext.useSection(e);return t?jsxRuntime.jsx(BuilderContext.BuilderProvider,{state:t,children:jsxRuntime.jsx(RenderBlock.default,{uid:e})},e):null},RenderSectionMemo=react.memo(RenderSection);exports.default=RenderSectionMemo;

package/dist/cjs/components/constant.js

@@ -1,39 +1 @@
-'use strict';
-
-const disableWrap = [
-    'Col',
-    'CollectionBanner',
-    'Row',
-    'Section',
-    'Image',
-    'Text',
-    'Button',
-    'ProductButton',
-    'Cart',
-    'Tabs',
-    'TabItem',
-    'Carousel',
-    'CarouselItem',
-    'ShopPayButton',
-    'AccordionItem',
-    'Video',
-    'Header',
-    'HeroBanner',
-    'Icon',
-    'IconList',
-    'HTMLCode',
-    'IconListHoz',
-    'IconListItem',
-    'CSSCode',
-    'FormEmail',
-    'FormDropdown',
-    'SubmitButton',
-    'Dialog',
-    'TextField',
-    'FormTextarea',
-    'ProductPrice',
-    'Product',
-    'ProductImages'
-];
-
-exports.disableWrap = disableWrap;
+"use strict";const disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","IconList","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductImages"],customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs"];exports.customRenderChildren=customRenderChildren,exports.disableWrap=disableWrap;

package/dist/cjs/contexts/AddonContext.js

@@ -1,36 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Empty = require('../components/Empty.js');
-
-const AddonContext = /*#__PURE__*/ react.createContext(null);
-const AddonProvider = ({ children , components , ...passProps })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.Provider, {
-        ...passProps,
-        value: {
-            components
-        },
-        children: children
-    });
-};
-const useAddons = ()=>{
-    const context = react.useContext(AddonContext);
-    if (!context) {
-        throw new Error('useAddons must be used within an AddonProvider');
-    }
-    return react.useMemo(()=>context.components, [
-        context.components
-    ]);
-};
-const useAddon = (id)=>{
-    const addons = useAddons();
-    return react.useMemo(()=>id ? addons[id] ?? Empty.default : Empty.default, [
-        id,
-        addons
-    ]);
-};
-
-exports.AddonProvider = AddonProvider;
-exports.useAddon = useAddon;
-exports.useAddons = useAddons;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),Empty=require("../components/Empty.js");const AddonContext=react.createContext(null),AddonProvider=({children:e,components:t,...d})=>jsxRuntime.jsx(AddonContext.Provider,{...d,value:{components:t},children:e}),useAddons=()=>{let e=react.useContext(AddonContext);if(!e)throw Error("useAddons must be used within an AddonProvider");return react.useMemo(()=>e.components,[e.components])},useAddon=e=>{let t=useAddons();return react.useMemo(()=>e?t[e]??Empty.default:Empty.default,[e,t])};exports.AddonProvider=AddonProvider,exports.useAddon=useAddon,exports.useAddons=useAddons;