@gem-sdk/components 19.0.0-staging.8 → 19.1.0-dev.0

package/dist/cjs/product/components/product-list/ProductListGridLayout.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/styles.js"),i=require("./common/classes.js"),s=require("./common/attrs.js"),r=require("./ProductListGridItem.liquid.js"),d=require("../../../helpers.js");exports.default=o=>{let{setting:a,builderProps:l,styles:n,productListId:u,productSrc:c}=o,{gridLayoutStyle:p}=t.getStyle(o),{gridLayoutClass:g}=i.getClass(o),{productListAttr:m}=s.getAttr(o),f=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/styles.js"),i=require("./common/classes.js"),s=require("./common/attrs.js"),r=require("./ProductListGridItem.liquid.js"),d=require("../../../helpers.js");exports.default=o=>{let{setting:a,builderProps:l,styles:n,productListId:c,productSrc:u}=o,{gridLayoutStyle:p}=t.getStyle(o),{gridLayoutClass:g}=i.getClass(o),{productListAttr:m}=s.getAttr(o),f=()=>e.template`
       {%- assign count = 0 -%}
       {%- for product in products limit: limit -%}
       {%- if product.id != empty -%}
@@ -8,8 +8,8 @@
         ${r.default({...o})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${u?.length} == 0 -%}
-        {% if '${c}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${c?.length} == 0 -%}
+        {% if '${u}' == 'RelatedProduct' -%}
           <div>${d.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${d.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +25,9 @@
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:l?.builderData?.childrens?.[0],slidesToShow:a?.slidesToShow,rowGap:n?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:l?.builderData?.childrens?.[0],slidesToShow:a?.slidesToShow,rowGap:n?.horizontalGutter})}
+        </script>
         ${`${f()}`}
       </gp-same-height>
     `)}

package/dist/cjs/product/components/product-list-v3/ProductList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),s=require("../SalePageProductListWarning.js"),a=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:b}=t,{isRelatedProduct:v,productSetting:I}=g.getData(t),T=I.relatedTag&&I.relatedTag[0],{isEditMode:j,isPreviewSharePageMode:x}=d.useRenderMode(),S=d.useCurrentDevice(),k=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[M,q]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===k;"GP_COLLECTION"==k&&(I.productSrc="DynamicCollection",I.collectionId=O?.collectionId??"latest");let Q=I?.productSrc??"Collection",A=C?.productId&&C?.productId!==I.relatedProductId?C?.productId:I.relatedProductId,B=d.useFetchHandle(),D=d.usePageStore(e=>e.publicStoreFrontData),_=o.useMemo(()=>d.hasPublicStoreFrontData(D)?d.createStoreFrontFetcher(D):B,[D]),{data:z}=d.useProductQuery(v&&A?A:void 0,{revalidateOnMount:j||x},_),H=I.relatedTag&&"tags"===I.relatedTag[0]&&(!z?.tags||z?.tags.length===0),R=I.relatedTag&&"collection"===I.relatedTag[0]&&(!z?.collections?.edges||z?.collections.edges.length===0),$=I.relatedTag&&"vendor"===I.relatedTag[0]&&!z?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:j||x},_),U=j||x,J=d.useProductsQuery("PickProduct"===Q?I?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:I?.numOfSelectedProducts}),K=o.useMemo(()=>({id:I?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[I?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(v&&z&&I.relatedTag&&"recommended-product"!==I.relatedType){let e;switch(F(!1),I.hasRelatedExclude&&(e=I?.relatedExclude&&I.relatedExclude.split(",").map(e=>e.trim())),I.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:I.relatedTag&&"vendor"===I.relatedTag[0]?z?.vendor:"",idNEQ:z.id}});break;case"collection":{let t=z?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!z.tags||0===z.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags}]}]}})}}},[z,I.relatedType,I.relatedTag,y?.numberOfProducts,I.relatedExclude,I.hasRelatedExclude,v]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=d.usePageStore(e=>e.assignedProductIds),ed=d.usePageStore(e=>e.isApplyAllProducts),es=o.useMemo(()=>(eo??[]).length>0&&!ed||ed,[eo,ed]),ea=V?.data?.products&&es?d.flattenConnection(V?.data?.products):[],el=v?ea:"PickProduct"===Q&&I?.productIds?.length?I?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(I?.numOfSelectedProducts??4)),ei=o.useMemo(()=>W&&v&&j||!el.length&&!Z&&M&&j,[M,Z,W,v,j,el.length]),ec=o.useMemo(()=>!el||W&&v,[W,v,el]),en=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((el?.length??0)/+(y?.slidesToShow?.[S]??1));return Array.from(Array(el?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[S]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,S):void 0}))},[y?.sameHeight,y?.slidesToShow,w,el?.length,S,f?.horizontalGutter]),eu=o.useMemo(()=>Y||Z||ee||!el||W&&v,[ee,Z,W,v,Y,el]),eg=z?.collections?.edges.map(e=>e.node?.id)??[];o.useEffect(()=>{eu||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},j?0:500)},[p,eu,j,eg]);let em=o.useMemo(()=>({collection:et,products:el,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,el,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ei)return e.jsx(e.Fragment,{children:n.If(M,e.jsx(h,{builderAttrs:b,collectionHandle:et?.handle,productSrc:Q,onClose:()=>q(!1),children:P,relatedTagString:T,assignProductNoTags:H||R||$,noAssignedProduct:!A}))});let{productListWrapStyle:eh,productListContentStyle:eP,productListWrapAlignStyle:ef}=c.getStyle(t),{productListWrapClass:ep}=u.getClass(t);return e.jsxs("div",{...b,className:ep,style:eh,children:[!!f?.preloadBgImage&&e.jsxs(a,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):ec?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...em,children:e.jsx("div",{className:"gp-flex gp-w-full",style:ef,children:e.jsxs("div",{style:eP,children:[G&&e.jsx(s.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:el,generateGridRowArray:en}),e.jsx(i.default,{...t,productSortedById:el}))})]})})}),d.filterToolbarPreview(P,!0)]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),s=require("../SalePageProductListWarning.js"),a=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:b}=t,{isRelatedProduct:v,productSetting:I}=g.getData(t),T=I.relatedTag&&I.relatedTag[0],{isEditMode:j,isPreviewSharePageMode:x}=d.useRenderMode(),S=d.useCurrentDevice(),k=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[M,q]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===k;"GP_COLLECTION"==k&&(I.productSrc="DynamicCollection",I.collectionId=O?.collectionId??"latest");let Q=I?.productSrc??"Collection",A=C?.productId&&C?.productId!==I.relatedProductId?C?.productId:I.relatedProductId,B=d.useFetchHandle(),D=d.usePageStore(e=>e.publicStoreFrontData),H=o.useMemo(()=>d.hasPublicStoreFrontData(D)?d.createStoreFrontFetcher(D):B,[D]),{data:_}=d.useProductQuery(v&&A?A:void 0,{revalidateOnMount:j||x},H),z=I.relatedTag&&"tags"===I.relatedTag[0]&&(!_?.tags||_?.tags.length===0),R=I.relatedTag&&"collection"===I.relatedTag[0]&&(!_?.collections?.edges||_?.collections.edges.length===0),$=I.relatedTag&&"vendor"===I.relatedTag[0]&&!_?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:j||x},H),U=j||x,J=d.useProductsQuery("PickProduct"===Q?I?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:I?.numOfSelectedProducts}),K=o.useMemo(()=>({id:I?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[I?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(v&&_&&I.relatedTag&&"recommended-product"!==I.relatedType){let e;switch(F(!1),I.hasRelatedExclude&&(e=I?.relatedExclude&&I.relatedExclude.split(",").map(e=>e.trim())),I.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:I.relatedTag&&"vendor"===I.relatedTag[0]?_?.vendor:"",idNEQ:_.id}});break;case"collection":{let t=_?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!_.tags||0===_.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags}]}]}})}}},[_,I.relatedType,I.relatedTag,y?.numberOfProducts,I.relatedExclude,I.hasRelatedExclude,v]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=d.usePageStore(e=>e.assignedProductIds),ed=d.usePageStore(e=>e.isApplyAllProducts),es=o.useMemo(()=>(eo??[]).length>0&&!ed||ed,[eo,ed]),ea=V?.data?.products&&es?d.flattenConnection(V?.data?.products):[],el=v?ea:"PickProduct"===Q&&I?.productIds?.length?I?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(I?.numOfSelectedProducts??4)),ei=o.useMemo(()=>W&&v&&j||!el.length&&!Z&&M&&j,[M,Z,W,v,j,el.length]),ec=o.useMemo(()=>!el||W&&v,[W,v,el]),en=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((el?.length??0)/+(y?.slidesToShow?.[S]??1));return Array.from(Array(el?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[S]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,S):void 0}))},[y?.sameHeight,y?.slidesToShow,w,el?.length,S,f?.horizontalGutter]),eu=o.useMemo(()=>Y||Z||ee||!el||W&&v,[ee,Z,W,v,Y,el]),eg=_?.collections?.edges.map(e=>e.node?.id)??[];o.useEffect(()=>{eu||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},j?0:500)},[p,eu,j,eg]);let em=o.useMemo(()=>({collection:et,products:el,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent,sameHeight:y?.sameHeight},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,el,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ei)return e.jsx(e.Fragment,{children:n.If(M,e.jsx(h,{builderAttrs:b,collectionHandle:et?.handle,productSrc:Q,onClose:()=>q(!1),children:P,relatedTagString:T,assignProductNoTags:z||R||$,noAssignedProduct:!A}))});let{productListWrapStyle:eh,productListContentStyle:eP,productListWrapAlignStyle:ef}=c.getStyle(t),{productListWrapClass:ep}=u.getClass(t);return e.jsxs("div",{...b,className:ep,style:eh,children:[!!f?.preloadBgImage&&e.jsxs(a,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):ec?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...em,children:e.jsx("div",{className:"gp-flex gp-w-full",style:ef,children:e.jsxs("div",{style:eP,children:[G&&e.jsx(s.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:el,generateGridRowArray:en}),e.jsx(i.default,{...t,productSortedById:el}))})]})})}),d.filterToolbarPreview(P,!0)]})};

package/dist/cjs/product/components/product-list-v3/ProductList.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:u}=o,g=u?.pageType==="GP_FUNNEL_PAGE";if(g)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:_,productListId:h,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:g}=o,u=g?.pageType==="GP_FUNNEL_PAGE";if(u)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:h,productListId:_,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
     ${e.RenderIf("RelatedProduct"===S,`
         assign relatedTag = '${b}'
         assign assignProduct = product
@@ -91,11 +91,11 @@
               endfor
             assign products = products | uniq
         endcase
-        paginate products by ${_||4}
+        paginate products by ${h||4}
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:j}=r.getClass(o);return e.template`
+  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:H}=r.getClass(o);return e.template`
     ${e.RenderIf(e.isLocalEnv,`
         <script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${l?.sameHeight?`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -106,7 +106,7 @@
 
     ${e.RenderIf(!!c?.preloadBgImage,`${e.RenderIf(!!c?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      class="${j}"
+      class="${H}"
       style="${A}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
@@ -140,6 +140,7 @@
         assign productSrc = '${S}'
         assign c = 0
         assign limit = ${k??4}
+        assign isSettingSameHeightProductList = ${l?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -150,7 +151,7 @@
               ${t}
             endif
           endif
-          paginate target_collection.products by ${_||4}
+          paginate target_collection.products by ${h||4}
             assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
           endpaginate
         else
@@ -165,7 +166,7 @@
               endfor
               assign limit = products.length
             else
-              if ${h.length} == 0
+              if ${_.length} == 0
                 paginate collections.all.products by 100000
                   assign products = collections.all.products  | sort : "created_at"  | reverse
                 endpaginate
@@ -177,7 +178,7 @@
             else
               ${t}
             endif
-            paginate target_collection.products by ${_||4}
+            paginate target_collection.products by ${h||4}
               assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
             endpaginate
           endif
@@ -186,7 +187,7 @@
     `})()}
           ${e.template`
     {%- if products == null -%}
-    {%- if count == 0 and ${h.length} == 0 -%}
+    {%- if count == 0 and ${_.length} == 0 -%}
       {% if '${S}' == 'RelatedProduct' -%}
           <div>${t.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
@@ -194,7 +195,7 @@
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If($,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${s.If($,e.template`${d.default({...o,productListId:_,productSrc:S})}`,e.template`${i.default({...o,productListId:_,productSrc:S})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}

package/dist/cjs/product/components/product-list-v3/ProductListCarouselItem.liquid.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,children:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),n=require("./common/classes.js");exports.default=e=>{let{pageContext:a,children:o}=e,{productItemClass:r,gpProductClass:i}=n.getClass(e);return t.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity | default: 0 }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(n.filterPageContext(o))}}'
-        class="${c}"
-
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity }},  "formId": "{{ product_form_id }}"}'
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(a)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${r}
+          ${o}
         {%- endform -%}
       </gp-product>
   `};

package/dist/cjs/product/components/product-list-v3/ProductListCarouselLayout.liquid.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../carousel-v3/components/item/CarouselItem.liquid.js"),r=require("../../../carousel-v3/components/root/Carousel.liquid.js"),i=require("./common/helpers.js"),o=require("./common/classes.js"),s=require("./common/styles.js"),d=require("../../../helpers.js"),u=require("./ProductListCarouselItem.liquid.js");exports.default=a=>{let{builderProps:l,advanced:c,productSrc:n,productListId:p}=a,{carouselConfigSetting:m,carouselConfigStyle:f}=i.getData(a),{carouselItemStyle:g}=s.getStyle(a),{carouselClass:v}=o.getClass(a);return e.template`
-    ${r.default({advanced:c,builderProps:{...l},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${l?.uid}`,rootClass:v,setting:m,styles:f,isProductList:!0,children:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../carousel-v3/components/item/CarouselItem.liquid.js"),r=require("../../../carousel-v3/components/root/Carousel.liquid.js"),i=require("./common/helpers.js"),o=require("./common/classes.js"),s=require("./common/styles.js"),d=require("../../../helpers.js"),u=require("./ProductListCarouselItem.liquid.js");exports.default=l=>{let{builderProps:a,advanced:c,productSrc:n,productListId:p}=l,{carouselConfigSetting:m,carouselConfigStyle:f}=i.getData(l),{carouselItemStyle:g}=s.getStyle(l),{carouselClass:_}=o.getClass(l);return e.template`
+    ${r.default({advanced:c,builderProps:{...a},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${a?.uid}`,rootClass:_,setting:m,styles:f,isProductList:!0,children:`
         {%- assign count = 0 -%}
         {%- for product in products limit: limit -%}
         {%- if product.id != empty -%}
         {%- assign count = count | plus: 1 -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
-        {%- assign product_form_id = 'product-form-' | append: "${l?.uid}" | append: product.id -%}
-        ${t.default({builderProps:{...l},style:g,parentId:`product-list-carousel-${l?.uid} gp-child-item-${l?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
-            ${u.default({...a})}
+        {%- assign product_form_id = 'product-form-' | append: "${a?.uid}" | append: product.id -%}
+        ${t.default({builderProps:{...a},style:g,parentId:`product-list-carousel-${a?.uid} gp-child-item-${a?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
+            ${u.default({...l})}
           `})}
         {%- endif -%}
         {% endfor %}
@@ -18,5 +18,5 @@
               <div>${d.getStaticLocale("ProductList","no_products_found")}</div>
           {%- endif -%}
         {%- endif -%}
-      `})}
+      `,carouselType:"product_list"})}
   `};

package/dist/cjs/product/components/product-list-v3/ProductListGridItem.liquid.js

@@ -1,17 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),n=require("../../../helpers.js");exports.default=a=>{let{pageContext:o,rawChildren:r}=a,{productItemClass:i,gpProductClass:c}=t.getClass(a);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("./common/classes.js");exports.default=n=>{let{pageContext:o,rawChildren:a}=n,{productItemClass:r,gpProductClass:i}=e.getClass(n);return t.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity | default: 0 }},  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(n.filterPageContext(o))}}'
-        class="${c}"
-
+        class="${i}"
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(o)}}</script>
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${e.template`
-      ${r?.map((t,n)=>{if(t)return e.template`
-            ${e.RenderChildren({...t,index:n})}
+          ${t.template`
+      ${a?.map((e,n)=>{if(e)return t.template`
+            ${t.RenderChildren({...e,index:n})}
           `}).join("")}
     `}
         {%- endform -%}

package/dist/cjs/product/components/product-list-v3/ProductListGridLayout.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/styles.js"),i=require("./common/classes.js"),s=require("./common/attrs.js"),r=require("./ProductListGridItem.liquid.js"),d=require("../../../helpers.js");exports.default=o=>{let{setting:a,builderProps:l,styles:n,productListId:u,productSrc:c}=o,{gridLayoutStyle:p}=t.getStyle(o),{gridLayoutClass:g}=i.getClass(o),{productListAttr:m}=s.getAttr(o),f=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/styles.js"),i=require("./common/classes.js"),s=require("./common/attrs.js"),r=require("./ProductListGridItem.liquid.js"),d=require("../../../helpers.js");exports.default=o=>{let{setting:a,builderProps:l,styles:n,productListId:c,productSrc:u}=o,{gridLayoutStyle:p}=t.getStyle(o),{gridLayoutClass:g}=i.getClass(o),{productListAttr:m}=s.getAttr(o),f=()=>e.template`
       {%- assign count = 0 -%}
       {%- for product in products limit: limit -%}
       {%- if product.id != empty -%}
@@ -8,8 +8,8 @@
         ${r.default({...o})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${u?.length} == 0 -%}
-        {% if '${c}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${c?.length} == 0 -%}
+        {% if '${u}' == 'RelatedProduct' -%}
           <div>${d.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${d.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +25,9 @@
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:l?.builderData?.childrens?.[0],slidesToShow:a?.slidesToShow,rowGap:n?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:l?.builderData?.childrens?.[0],slidesToShow:a?.slidesToShow,rowGap:n?.horizontalGutter})}
+        </script>
         ${`${f()}`}
       </gp-same-height>
     `)}

package/dist/cjs/product/components/product-price/ProductPrice.liquid.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),c=require("./common/classes.js"),o=require("./common/attrs.js"),p=require("./common/helpers.js");const a=a=>{let{style:i,setting:u,builderProps:l,pageContext:d}=a,n=s.createClass(c.getWrapperClasses(a)),m=s.createAttr(o.getAttrs(a)),g=p.getTextProps(a),y=s.createStateOrContext({priceType:u?.priceType,uid:l?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${d?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return s.Liquid(e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),c=require("./common/classes.js"),p=require("./common/attrs.js"),o=require("./common/helpers.js");const a=a=>{let{style:i,setting:l,builderProps:u,pageContext:n}=a,d=s.createClass(c.getWrapperClasses(a)),m=s.createAttr(p.getAttrs(a)),y=o.getTextProps(a),g=s.createStateOrContext({priceType:l?.priceType,uid:u?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${n?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return s.Liquid(e.template`
       <gp-product-price
         ${m}
-        class="${n}"
+        class="${d}"
         style="${i}"
-        gp-data='${e.dataStringify(y)}'
       >
-        ${t.default({...g})}
+        <script gp-data type="application/json">${e.dataStringify(g)}</script>
+        ${t.default({...y})}
       </gp-product-price>
       ${(()=>{let t=e.isLocalEnv?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
   `)};exports.ProductPrice=a,exports.default=a;

package/dist/cjs/product/components/product-sku/Sku.liquid.js

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system");exports.default=({setting:a,styles:l,advanced:u,builderProps:i})=>{let d=l?.typo?.attrs?.transform==="capitalize",o=a?.label&&a.label.trim().length?`${d?a.label.toString().toLocaleLowerCase():a.label}`:"";return l?.disableHoverColor&&delete l.underlineLink,e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system");exports.default=({setting:a,styles:l,advanced:i,builderProps:u})=>{let o=l?.typo?.attrs?.transform==="capitalize",n=a?.label&&a.label.trim().length?`${o?a.label.toString().toLocaleLowerCase():a.label}`:"";return l?.disableHoverColor&&delete l.underlineLink,e.template`
     ${s.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
-      <gp-product-sku gp-data='${JSON.stringify({label:o})}'>
-        ${r.default({styles:l,setting:{...a,text:`${s.LiquidIf("currentVariant.sku.size > 0 ",`${o} ${s.If(d,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:u,builderProps:i,className:"gp-product-sku"})}
+      <gp-product-sku>
+        <script gp-data type="application/json">${JSON.stringify({label:n})}</script>
+        ${r.default({styles:l,setting:{...a,text:`${s.LiquidIf("currentVariant.sku.size > 0 ",`${n} ${s.If(o,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:i,builderProps:u,className:"gp-product-sku"})}
       </gp-product-sku>
       ${(()=>{let r=e.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}`)}`};

package/dist/cjs/product/components/product-title/ProductTitle.liquid.js

@@ -1,10 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),l=require("./common/helpers.js");exports.default=i=>{let{setting:p,builderProps:a}=i,u=`<p>${t.getStaticLocale("ProductTitle","product_not_found")}</p>`,d=()=>r.default(l.getTextProps(i)),o=s.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),c=p?.linkProduct,n=s.createClass({"gp-product-title-link-wrapper":!0}),g=s.createStateOrContext({setting:{linkProduct:p?.linkProduct},uid:a?.uid});return s.LiquidUnless("product",`${u}`,e.template`
-      <gp-product-title
-        gp-data='${e.dataStringify(g)}'
-      >
-        ${s.If(c,e.template`<a ${o} class="${n}">
-            ${d()}
-            </a>`,e.template`${d()}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),i=require("./common/helpers.js");exports.default=p=>{let{setting:l,builderProps:a}=p,c=`<p>${e.getStaticLocale("ProductTitle","product_not_found")}</p>`,o=()=>r.default(i.getTextProps(p)),u=s.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),d=l?.linkProduct,n=s.createClass({"gp-product-title-link-wrapper":!0}),g=s.createStateOrContext({setting:{linkProduct:l?.linkProduct},uid:a?.uid});return s.LiquidUnless("product",`${c}`,t.template`
+      <gp-product-title>
+        <script gp-data type="application/json">${t.dataStringify(g)}</script>
+        ${s.If(d,t.template`<a ${u} class="${n}">
+            ${o()}
+            </a>`,t.template`${o()}`)}
       </gp-product-title>
-      ${(()=>{let r=e.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
+      ${(()=>{let r=t.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${t.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${e.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
     `)};

package/dist/cjs/product/components/product-variants/OptionVariantsNewFormat.liquid.js

@@ -2,6 +2,16 @@
     ${i.Liquid("{%- assign optionRendered = false -%}")}
     ${i.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
 
+    ${i.Liquid(`{%- assign variantPresetString = "${r}" -%}
+      {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
+      {%- assign items = variantPresetString | split: '($2)' -%}
+      {%- assign type = 'dropdown' -%}
+      {% for item in items %}
+        {%- assign itemPreset = item | split: '($1)' -%}
+        {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
+        {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
+      {% endfor %}`)}
+
     ${i.Liquid(`{% for swatch in swatches %}
       {%- assign optionTitle = swatch.optionTitle -%}
       {%- assign optionType = swatch.optionType -%}
@@ -21,21 +31,10 @@
       {%- assign imageUrls = imageUrlsString | split: '${s.OPTION_VALUES_DELIMITER}' | slice: 0, imageUrlsString.size -%}
 
       {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${r}" -%}
-        {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
-        {%- assign items = variantPresetString | split: '($2)' -%}
-        {%- assign type = 'dropdown' -%}
-
-        {% for item in items %}
-          {%- assign itemPreset = item | split: '($1)' -%}
-          {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
-          {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
-        {% endfor %}
         {%- assign optionRendered = true -%}
-
         ${t({showDropdown:!0})}
       {% endif %}
     {% endfor %}`)}
 
-    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+    ${i.LiquidIf("optionRendered == false",t({showDropdown:!0,isRenderDefault:!0,typeOfOption:"optionType"}))}
   `};

package/dist/cjs/product/components/product-variants/OptionVariantsOldFormat.liquid.js

@@ -3,6 +3,16 @@
     ${i.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
     ${i.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
 
+    ${i.Liquid(`{%- assign variantPresetString = "${a}" -%}
+      {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
+      {%- assign items = variantPresetString | split: '($2)' -%}
+      {%- assign type = 'dropdown' -%}
+      {% for item in items %}
+        {%- assign itemPreset = item | split: '($1)' -%}
+        {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
+        {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
+      {% endfor %}`)}
+
     ${i.LiquidFor("swatchesItem in swatchesItems",`
       ${i.Liquid('{%- assign colorArraysString = "" -%}')}
       ${i.Liquid('{%- assign labelsString = "" -%}')}
@@ -48,19 +58,10 @@
       ${i.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
 
       ${i.LiquidIf("optionTitle == option.name",`
-        ${i.Liquid(`{%- assign variantPresetString = "${a}" -%}`)}
-        ${i.Liquid('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
-        ${i.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${i.Liquid("{%- assign type = 'dropdown' -%}")}
-        ${i.LiquidFor("item in items",`
-            ${i.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
-            ${i.LiquidIf("itemPreset[0] == optionName",i.Liquid("{%- assign type = itemPreset[1] -%}"))}
-            ${i.LiquidIf('itemPreset[0] == "base"',i.Liquid("{%- assign type = itemPreset[1] -%}"))}
-          `)}
         ${i.Liquid("{%- assign optionRendered = true -%}")}
         ${t({showDropdown:!0})}
       `)}
     `)}
 
-    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+    ${i.LiquidIf("optionRendered == false",t({showDropdown:!0,isRenderDefault:!0,typeOfOption:"optionType"}))}
   `};

package/dist/cjs/product/components/product-variants/ProductVariants.liquid.js

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js"),i=require("./components/variants/index.liquid.js"),s=require("./components/dropdown-swatches/Dropdown.liquid.js"),a=require("./components/dropdown-group/DropdownGroup.liquid.js"),o=require("../../../helpers.js"),n=require("./utils/mappingVariantStyles.js"),r=require("@gem-sdk/system"),p=require("./common/main/getAttr.js"),l=require("./common/main/styles.js"),d=require("./common/main/classes.js"),u=require("./common/main/getData.js"),c=require("./common/variants/classes.js"),m=require("../../helpers/function.js"),v=require("./common/variants/styles.js"),f=require("./common/const.js"),g=require("./OptionVariantsNewFormat.liquid.js"),_=require("./OptionVariantsOldFormat.liquid.js");const $={desktop:!0,tablet:!0,mobile:!0};exports.default=q=>{let{builderProps:y,styles:h,setting:j,advanced:S}=q,{align:L,swatchItemWidth:O,dropdownItemWidth:w,swatchSpacing:V,optionTypo:b,marginBottom:P}=h??{},{label:D,optionType:I,showAsSwatches:N,layout:x,hasPreSelected:A}=j??{},C=S?.d??$,{uid:E}=y??{},T=()=>{let t={};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(O,i);t[i]="auto"===s}),t},F=()=>{let t={};return e.DEVICES.forEach(e=>{t[e]=w?.[e]==="fill"}),t},G=j?.variantPresets?n.mappingVariantStyles(j?.variantPresets,h):[],k=G?.map(e=>(e.presets={[e.optionType]:e.presets[e.optionType]},e)),W={...j,variantPresets:k},z=e=>{let t={"'":"'",'"':"""},i=e;for(let s in t)e.indexOf(s)>=0&&(i=i.replaceAll(s,t[s]));return i},M=({showDropdown:t,isRenderDefault:a,typeOfOption:o})=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js"),i=require("./components/variants/index.liquid.js"),s=require("./components/dropdown-swatches/Dropdown.liquid.js"),a=require("./components/dropdown-group/DropdownGroup.liquid.js"),o=require("../../../helpers.js"),n=require("./utils/mappingVariantStyles.js"),r=require("@gem-sdk/system"),l=require("./common/main/getAttr.js"),p=require("./common/main/styles.js"),d=require("./common/main/classes.js"),u=require("./common/main/getData.js"),c=require("./common/variants/classes.js"),m=require("../../helpers/function.js"),v=require("./common/variants/styles.js"),f=require("./common/const.js"),g=require("./OptionVariantsNewFormat.liquid.js"),_=require("./OptionVariantsOldFormat.liquid.js");const $={desktop:!0,tablet:!0,mobile:!0};exports.default=q=>{let{builderProps:y,styles:h,setting:j,advanced:S}=q,{align:L,swatchItemWidth:O,dropdownItemWidth:w,swatchSpacing:V,optionTypo:b,marginBottom:P}=h??{},{label:D,optionType:I,showAsSwatches:N,layout:x,hasPreSelected:A}=j??{},C=S?.d??$,{uid:E}=y??{},T=()=>{let t={};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(O,i);t[i]="auto"===s}),t},F=()=>{let t={};return e.DEVICES.forEach(e=>{t[e]=w?.[e]==="fill"}),t},G=j?.variantPresets?n.mappingVariantStyles(j?.variantPresets,h):[],k=G?.map(e=>(e.presets={[e.optionType]:e.presets[e.optionType]},e)),W={...j,variantPresets:k},z=e=>{let t={"'":"'",'"':"""},i=e;for(let s in t)e.indexOf(s)>=0&&(i=i.replaceAll(s,t[s]));return i},M=({showDropdown:t,isRenderDefault:a,typeOfOption:o})=>e.template`
     ${r.LiquidFor("value in values",i.default({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:N,uid:E,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:A?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:o,activeClass:A?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...h,...W,swatchAutoWidth:T(),optionTypo:b,isRenderDefault:a}))}
-      ${r.LiquidIf(t?'type == "dropdown"':"false",s.default({...h,...W,swatchAutoWidth:F(),optionTypo:b}))}`,R=j?.variantPresets?.map(e=>({name:z(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),J={renderVariantItem:M,variantPresetsLiquid:R??""},U=r.createClass(d.getVariantOptionGroupClass(L)),B=r.createStyle(l.getVariantOptionGroupStyle(V,V)),H=u.getTextVariantTitleData(q,"Liquid"),K=r.createClass(c.getWrapVariantOptionClass(x,L)),Q=r.createClass(d.getWrapDropdownClass(L)),Y=u.getDropdownGroupData(q),X=r.createAttr(p.getAttrs({uid:E,hasPreSelected:A,cssClass:S?.cssClass})),Z=r.createStyle(l.getWrapperStyle(q)),ee=r.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.template`
+      ${r.LiquidIf(t?'type == "dropdown"':"false",s.default({...h,...W,swatchAutoWidth:F(),optionTypo:b}))}`,R=j?.variantPresets?.map(e=>({name:z(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),J={renderVariantItem:M,variantPresetsLiquid:R??""},U=r.createClass(d.getVariantOptionGroupClass(L)),B=r.createStyle(p.getVariantOptionGroupStyle(V,V)),H=u.getTextVariantTitleData(q,"Liquid"),K=r.createClass(c.getWrapVariantOptionClass(x,L)),Q=r.createClass(d.getWrapDropdownClass(L)),Y=u.getDropdownGroupData(q),X=r.createAttr(l.getAttrs({uid:E,hasPreSelected:A,cssClass:S?.cssClass})),Z=r.createStyle(p.getWrapperStyle(q)),ee=r.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.template`
     ${r.Liquid("{%- assign total_combinations = 1 -%}")}
     ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
-    <gp-product-variants
-      ${X}
-      gp-data='{
-        "setting":${JSON.stringify(W)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(h)},
-        "variants":{{product.variants | json | escape}},
-        "optionsWithValues": {{product.options_with_values | json | escape}},
-        "variantSelected": {{ variant | json | escape }},
-        "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json | escape}},
-        "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json | escape}},
-        "moneyFormat": {{shop.money_format | json | escape}},
-        "productId": {{product.id | json | escape}},
-        "productUrl": {{product.url | json | escape}},
-        "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify(C)},
-        "totalVariantCombinations": {{total_combinations}},
-        "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
-      }
-    '>
+    <gp-product-variants ${X}>
+      <script gp-data type="application/json">
+        {
+          "setting":${JSON.stringify(W)?.replaceAll("'","&#039;")},
+          "styles":${JSON.stringify(h)},
+          "variants":{{product.variants | json}},
+          "optionsWithValues": {{product.options_with_values | json}},
+          "variantSelected": {{ variant | json }},
+          "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json }},
+          "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json }},
+          "moneyFormat": {{shop.money_format | json }},
+          "productId": {{product.id | json }},
+          "productUrl": {{product.url | json }},
+          "productHandle": {{product.handle | json }},
+          "displayState": ${JSON.stringify(C)},
+          "totalVariantCombinations": {{total_combinations}},
+          "firstAvailableVariant": {{product.selected_or_first_available_variant | json }}
+        }
+      </script>
       <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
       ${r.Liquid("{%- assign options = product.options_with_values -%}")}
       ${r.Liquid("{%- assign variants = product.variants -%}")}
@@ -36,11 +36,11 @@
     `,e.template`
       ${r.Liquid(`{%- assign presets = "${j?.variantPresets?.map(e=>`${z(e.optionName)}($2)${e.optionType}`).join("($1)")}" | split: '($1)' -%}`)}
       ${r.Liquid(`{% assign hiddenPresetOptions = "${j?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(",")}" | split: ',' %}`)}
-      
+
       ${r.Liquid(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
       {% assign delimiter = '||' %}
-      
+
       {% for item_name in all_option_names %}
         {% assign is_excluded = false %}
         {% for exclude_name in hiddenPresetOptions %}
@@ -48,7 +48,7 @@
             {% assign is_excluded = true %}
           {% endif %}
         {% endfor %}
-        
+
         {% unless is_excluded %}
           {% if filtered_options_string == '' %}
             {% assign filtered_options_string = item_name %}
@@ -57,11 +57,11 @@
           {% endif %}
         {% endunless %}
       {% endfor %}
-      
+
       {% assign filtered_options_array = filtered_options_string | split: delimiter %}`)}
-      
+
       ${r.Liquid("{% assign last_option_name = filtered_options_array | last %}")}
-      
+
       ${r.LiquidFor("option in options",`
         <div
         option-name="{{option.name | escape}}"

package/dist/cjs/product/components/product-wrap/Product.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("../../../grid/components/row/Row.liquid.js"),i=require("@gem-sdk/system"),r=require("../../../helpers.js"),a=require("./common/helpers.js");exports.default=d=>{let{children:o,setting:n,style:s,builderProps:c,rawChildren:l,advanced:p}=d,{isSyncProduct:u,productSetting:f}=n??{},g=f?.hasPreSelected??!1,{rowSetting:m,rowStyles:_,formatVariantId:v,formatProductId:y,productStatus:$,preSelectedOptionIds:S,productHandle:I,advancedStyle:q}=a.getData(d);return t.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("../../../grid/components/row/Row.liquid.js"),i=require("@gem-sdk/system"),r=require("../../../helpers.js"),a=require("./common/helpers.js");exports.default=d=>{let{children:n,setting:o,style:s,builderProps:c,rawChildren:l,advanced:p}=d,{isSyncProduct:u,productSetting:f}=o??{},g=f?.hasPreSelected??!1,{rowSetting:m,rowStyles:_,formatVariantId:v,formatProductId:y,productStatus:$,preSelectedOptionIds:S,productHandle:I,advancedStyle:P}=a.getData(d);return t.template`
     ${t.template`
       {%- assign gpBkProduct = product -%}
       ${i.If($==a.DYNAMIC_PRODUCT_STATUS,t.template`
@@ -73,21 +73,24 @@
       {%-if variant == empty or variant == null -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
       {%- endif -%}
+      {% unless isSettingSameHeightProductList %}
+        {%- assign isSettingSameHeightProductList = false -%}
+      {% endunless %}
     `}
       <gp-product
         data-uid="${c?.uid}"
         data-id="${c?.uid}"
-        style="${q}"
+        style="${P}"
         class="${p?.cssClass}"
         gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${S}], "isSyncProduct": "${u}", "hasPreSelected": ${g}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }}}</script>
         <product-form class="product-form">
           {%- form 'product', product, id: product_form_id, class: 'form contents', data-type: 'add-to-cart-form', autocomplete: 'off'  -%}
             <input type="hidden" name="id" value="{{ variant.id }}" />
             <input type="hidden" name="quantity" value="{{ quantity }}" />
             <button type="submit" onclick="return false;" style="display:none;"></button>
-            ${e.default({builderProps:{...c,uid:c?.uid,uidInteraction:`${c?.uid}-row`},style:s,styles:_,setting:m,children:o,rawChildren:l})}
+            ${e.default({builderProps:{...c,uid:c?.uid,uidInteraction:`${c?.uid}-row`},style:s,styles:_,setting:m,children:n,rawChildren:l})}
           {%- endform -%}
         </product-form>
       </gp-product>

package/dist/cjs/product/index.js

@@ -1 +1 @@
-"use strict";var e=require("./components/product-wrap/Product.js");require("react/jsx-runtime"),require("next/link"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("../notification/components/Notifications.js"),require("../notification/components/Notice.js"),require("./components/product-button/types.js"),require("./components/product-variants/components/variants/index.js"),require("next/image"),require("../modal/components/confirm.js"),require("react-dom"),require("../video/components/Video.js"),require("@gem-sdk/keen-slider/react");var t=require("./components/product-quick-view/QuickView.js");require("./components/constants/product-bundle.js");var r=require("./components/product-list-v3/ProductList.js"),u=require("./components/product-list/ProductList.js");require("./components/product-bundle/common/styles.js"),require("./components/product-bundle/common/classes.js"),require("./components/product-badge/constants.js"),require("./components/product-badge/types.js"),require("./components/product-badge/utils/shape.js");var s=require("./settings/Product.js"),o=require("./settings/ProductQuantity.js"),i=require("./settings/ProductTitle.js"),d=require("./settings/ProductButton.js"),c=require("./settings/ProductPrice.js"),n=require("./settings/ProductVariants.js"),a=require("./settings/ProductImages.js"),p=require("./settings/product-image-v3/ProductImages.js"),l=require("./settings/product-image-v2/ProductImages.js"),P=require("./settings/ProductDescription.js"),q=require("./settings/ProductProperties.js"),m=require("./settings/ProductTag.js"),g=require("./settings/ProductListV3.js"),j=require("./settings/ProductList.js"),f=require("./settings/DynamicCheckout.js"),V=require("./settings/Vendor.js"),k=require("./settings/Sku.js"),v=require("./components/product-bundle/setting/ProductBundleDiscount.js"),x=require("./components/product-bundle/setting/ProductBundleDiscountItem.js"),b=require("./settings/ProductViewMore.js"),y=require("./settings/ProductBadge.js"),B=require("./components/file-upload/settings/index.js");const D={Product:s.default,ProductQuantity:o.default,ProductTitle:i.default,ProductButton:d.default,ProductPrice:c.default,ProductVariants:n.default,ProductImages:a.default,ProductImagesV2:l.default,ProductImagesV3:p.default,ProductDescription:P.default,ProductProperties:q.default,ProductTag:m.default,ProductListV3:g.default,ProductList:j.default,DynamicCheckout:f.default,ProductVendor:V.default,ProductSku:k.default,ProductBundleDiscount:v.default,ProductBundleDiscountItem:x.default,ProductViewMore:b.default,ProductBadge:y.default,FileUpload:B.default};exports.Product=e.default,exports.ProductQuickView=t.default,exports.ProductListV3=r.default,exports.ProductList=u.default,exports.productSetting=D;
+"use strict";var e=require("./components/product-wrap/Product.js");require("react/jsx-runtime"),require("next/link"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("../notification/components/Notifications.js"),require("../notification/components/Notice.js"),require("./components/product-button/types.js"),require("./components/product-variants/components/variants/index.js"),require("next/image"),require("../carousel-v3/components/swiper/Swiper.js"),require("../modal/components/confirm.js"),require("react-dom"),require("../video/components/Video.js"),require("@gem-sdk/keen-slider/react");var t=require("./components/product-quick-view/QuickView.js");require("./components/constants/product-bundle.js");var r=require("./components/product-list-v3/ProductList.js"),u=require("./components/product-list/ProductList.js");require("./components/product-bundle/common/styles.js"),require("./components/product-bundle/common/classes.js"),require("./components/product-badge/constants.js"),require("./components/product-badge/types.js"),require("./components/product-badge/utils/shape.js");var s=require("./settings/Product.js"),o=require("./settings/ProductQuantity.js"),i=require("./settings/ProductTitle.js"),c=require("./settings/ProductButton.js"),d=require("./settings/ProductPrice.js"),n=require("./settings/ProductVariants.js"),a=require("./settings/ProductImages.js"),p=require("./settings/product-image-v3/ProductImages.js"),l=require("./settings/product-image-v2/ProductImages.js"),P=require("./settings/ProductDescription.js"),q=require("./settings/ProductProperties.js"),m=require("./settings/ProductTag.js"),g=require("./settings/ProductListV3.js"),j=require("./settings/ProductList.js"),f=require("./settings/DynamicCheckout.js"),V=require("./settings/Vendor.js"),k=require("./settings/Sku.js"),v=require("./components/product-bundle/setting/ProductBundleDiscount.js"),x=require("./components/product-bundle/setting/ProductBundleDiscountItem.js"),b=require("./settings/ProductViewMore.js"),w=require("./settings/ProductBadge.js"),y=require("./components/file-upload/settings/index.js");const B={Product:s.default,ProductQuantity:o.default,ProductTitle:i.default,ProductButton:c.default,ProductPrice:d.default,ProductVariants:n.default,ProductImages:a.default,ProductImagesV2:l.default,ProductImagesV3:p.default,ProductDescription:P.default,ProductProperties:q.default,ProductTag:m.default,ProductListV3:g.default,ProductList:j.default,DynamicCheckout:f.default,ProductVendor:V.default,ProductSku:k.default,ProductBundleDiscount:v.default,ProductBundleDiscountItem:x.default,ProductViewMore:b.default,ProductBadge:w.default,FileUpload:y.default};exports.Product=e.default,exports.ProductQuickView=t.default,exports.ProductListV3=r.default,exports.ProductList=u.default,exports.productSetting=B;