@gem-sdk/core 1.14.0-next.156 → 1.14.0-next.162

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

@@ -1,3 +1,3 @@
-"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={},...i})=>{let l=r[e],s=t[l?.tag];if(!s)return console.log("Miss component: ",l),{liquid:"",extraFiles:d};if(!l||l?.type==="section")return{liquid:"",extraFiles:d};{let d={extraFiles:{}},a=composeAdvanceStyle.composeAdvanceStyle(l.advanced,l.tag),o="";return{liquid:o=constant.disableWrap.includes(l.tag)?render.RenderIf(l?.childrens?.length,()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,style:a,advanced:l.advanced,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,...i,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d})),children:WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag})))}),()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:l.advanced,style:a,isText:!!componentTexts.includes(l.tag)||null,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,...i})):render.template`<div style="${a}" class="${l.uid} ${l?.childrens?.length||"IconListItemHoz"!==l.tag?"":"hidden"}">
-      ${render.RenderIf(l?.childrens?.length,()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,...i,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d})),children:WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag})))}),()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,isText:!!componentTexts.includes(l.tag)||null,...i}))}
-      </div>`,extraFiles:d.extraFiles}}},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,l=new TextEncoder,s=t?l.encode(t).length:0;if(Math.ceil(s/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;
+"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:t,components:r,parentId:n,extraFiles:d={},...i})=>{let l=t[e],s=r[l?.tag];if(!s)return console.log("Miss component: ",l),{liquid:"",extraFiles:d};if(!l||l?.type==="section")return{liquid:"",extraFiles:d};{let d={extraFiles:{}},a=composeAdvanceStyle.composeAdvanceStyle(l.advanced,l.tag),o="";return{liquid:o=constant.disableWrap.includes(l.tag)?render.RenderIf(l?.childrens?.length,()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,style:a,advanced:l.advanced,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,...i,rawChildren:l.childrens.map(e=>({...t[e],uid:e,builder:t,components:r,customProps:d})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:t,components:r,customProps:d,parentTag:l.tag})))}),()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:l.advanced,style:a,isText:!!componentTexts.includes(l.tag)||null,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,...i})):render.template`<div style="${a}" class="${l.uid} ${l?.childrens?.length||"IconListItemHoz"!==l.tag?"":"hidden"}">
+      ${render.RenderIf(l?.childrens?.length,()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,...i,rawChildren:l.childrens.map(e=>({...t[e],uid:e,builder:t,components:r,customProps:d})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:t,components:r,customProps:d,parentTag:l.tag})))}),()=>s({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,isText:!!componentTexts.includes(l.tag)||null,...i}))}
+      </div>`,extraFiles:d.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id  %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let d=0;d<r.length;d++){let i=r[d];if(i){let r=n+i,l=new TextEncoder,s=r?l.encode(r).length:0;if(Math.ceil(s/1024)>=180){let r=`gp-section-snippet-${e+d}`;t.extraFiles[r]=i,n+=`{% render '${r}', 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/constant.js

@@ -1 +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/esm/components/Render.liquid.js

@@ -1,3 +1,3 @@
-import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n}from"./constant.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:i,builder:d,components:l,parentId:s,extraFiles:a={},...o})=>{let c=d[i],p=l[c?.tag];if(!p)return console.log("Miss component: ",c),{liquid:"",extraFiles:a};if(!c||c?.type==="section")return{liquid:"",extraFiles:a};{let a={extraFiles:{}},u=r(c.advanced,c.tag),h="";return{liquid:h=n.includes(c.tag)?e(c?.childrens?.length,()=>p({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,style:u,advanced:c.advanced,parentId:componentsRenderWithParentId.includes(c.tag)?s:null,...o,rawChildren:c.childrens.map(e=>({...d[e],uid:e,builder:d,components:l,customProps:a})),children:WrapRenderChildren({uid:i,customProps:a},c.childrens.map(e=>RenderChildren({uid:e,builder:d,components:l,customProps:a,parentTag:c.tag})))}),()=>p({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,advanced:c.advanced,style:u,isText:!!componentTexts.includes(c.tag)||null,parentId:componentsRenderWithParentId.includes(c.tag)?s:null,...o})):t`<div style="${u}" class="${c.uid} ${c?.childrens?.length||"IconListItemHoz"!==c.tag?"":"hidden"}">
-      ${e(c?.childrens?.length,()=>p({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,...o,rawChildren:c.childrens.map(e=>({...d[e],uid:e,builder:d,components:l,customProps:a})),children:WrapRenderChildren({uid:i,customProps:a},c.childrens.map(e=>RenderChildren({uid:e,builder:d,components:l,customProps:a,parentTag:c.tag})))}),()=>p({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,isText:!!componentTexts.includes(c.tag)||null,...o}))}
-      </div>`,extraFiles:a.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id  %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let i=0;i<r.length;i++){let d=r[i];if(d){let r=n+d,l=new TextEncoder,s=r?l.encode(r).length:0;if(Math.ceil(s/1024)>=180){let r=`gp-section-snippet-${e+i}`;t.extraFiles[r]=d,n+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id  %}`}else n+=d}}return n};export{RenderChildren,WrapRenderChildren,Render as default};
+import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n,customRenderChildren as i}from"./constant.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:d,builder:l,components:s,parentId:a,extraFiles:o={},...c})=>{let p=l[d],u=s[p?.tag];if(!u)return console.log("Miss component: ",p),{liquid:"",extraFiles:o};if(!p||p?.type==="section")return{liquid:"",extraFiles:o};{let o={extraFiles:{}},h=r(p.advanced,p.tag),g="";return{liquid:g=n.includes(p.tag)?e(p?.childrens?.length,()=>u({builderProps:{uid:d,builderData:p},styles:p.styles,setting:p.settings,style:h,advanced:p.advanced,parentId:componentsRenderWithParentId.includes(p.tag)?a:null,...c,rawChildren:p.childrens.map(e=>({...l[e],uid:e,builder:l,components:s,customProps:o})),children:i.includes(p.tag)?"":WrapRenderChildren({uid:d,customProps:o},p.childrens.map(e=>RenderChildren({uid:e,builder:l,components:s,customProps:o,parentTag:p.tag})))}),()=>u({builderProps:{uid:d,builderData:p},styles:p.styles,setting:p.settings,advanced:p.advanced,style:h,isText:!!componentTexts.includes(p.tag)||null,parentId:componentsRenderWithParentId.includes(p.tag)?a:null,...c})):t`<div style="${h}" class="${p.uid} ${p?.childrens?.length||"IconListItemHoz"!==p.tag?"":"hidden"}">
+      ${e(p?.childrens?.length,()=>u({builderProps:{uid:d,builderData:p},styles:p.styles,setting:p.settings,...c,rawChildren:p.childrens.map(e=>({...l[e],uid:e,builder:l,components:s,customProps:o})),children:i.includes(p.tag)?"":WrapRenderChildren({uid:d,customProps:o},p.childrens.map(e=>RenderChildren({uid:e,builder:l,components:s,customProps:o,parentTag:p.tag})))}),()=>u({builderProps:{uid:d,builderData:p},styles:p.styles,setting:p.settings,isText:!!componentTexts.includes(p.tag)||null,...c}))}
+      </div>`,extraFiles:o.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id  %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let i=0;i<r.length;i++){let d=r[i];if(d){let r=n+d,l=new TextEncoder,s=r?l.encode(r).length:0;if(Math.ceil(s/1024)>=180){let r=`gp-section-snippet-${e+i}`;t.extraFiles[r]=d,n+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id  %}`}else n+=d}}return n};export{RenderChildren,WrapRenderChildren,Render as default};

package/dist/esm/components/constant.js

@@ -1 +1 @@
-let 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"];export{disableWrap};
+let 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"];export{customRenderChildren,disableWrap};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-next.156",
+  "version": "1.14.0-next.162",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.12.0",
-    "@gem-sdk/styles": "1.14.0-next.139"
+    "@gem-sdk/styles": "1.14.0-next.160"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",