@gem-sdk/components 17.0.0-dev.14 → 17.0.0-dev.141

package/dist/cjs/product/components/product-images-v3/components/gallery-grid/GalleryGrid.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("@gem-sdk/system"),a=require("../../../../../image/components/Modal3d.liquid.js"),t=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),o=require("../../../../../video/components/HTML5Embed.liquid.js"),d=require("../../../../helpers/function.js"),r=require("../../common/common.js"),l=require("../../common/productFeaturedImage.js"),m=require("../../common/productGallery.js"),p=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesStyles.js");exports.default=({builderPropUID:u,wrapperStyle:c,children:n,enableLazyLoadImage:y,...h})=>{let{galleryItemClasses:f,galleryGridWrapperClasses:v}=p.getProductImagesClassName(h),{galleryGridStyles:C,galleryGridItemStyles:L}=g.getProductImagesStyles(h),w=m.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom,shapeForInside:h.shapeForInside},h.position),q=(i=!1)=>{let a={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let s=e.getResponsiveValueByScreen(h?.position,t)||"",o="one-col"===s||"two-col"===s;a[t]=(i?!o:o)?"block":"none"}),e.makeStyleResponsive("d",a)},_=()=>q(),b=()=>q(!0),I=(a,s)=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("@gem-sdk/system"),a=require("../../../../../image/components/Modal3d.liquid.js"),t=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),d=require("../../../../../video/components/HTML5Embed.liquid.js"),o=require("../../../../helpers/function.js"),r=require("../../common/common.js"),l=require("../../common/productFeaturedImage.js"),m=require("../../common/productGallery.js"),p=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesStyles.js");exports.default=({builderPropUID:u,wrapperStyle:c,children:n,enableLazyLoadImage:y,...f})=>{let{galleryItemClasses:h,galleryGridWrapperClasses:v}=p.getProductImagesClassName(f),{galleryGridStyles:C,galleryGridItemStyles:L}=g.getProductImagesStyles(f),w=m.getShapeByLayout({shape:f.shape,shapeForBottom:f.shapeForBottom,shapeFor1Col:f.shapeFor1Col,shapeFor2Col:f.shapeFor2Col,shapeForFtOnly:f.shapeForFtOnly,shapeForInsideBottom:f.shapeForInsideBottom,shapeForInside:f.shapeForInside},f.position),q=(i=!1)=>{let a={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let s=e.getResponsiveValueByScreen(f?.position,t)||"",d="one-col"===s||"two-col"===s;a[t]=(i?!d:d)?"block":"none"}),e.makeStyleResponsive("d",a)},_=()=>q(),b=()=>q(!0),I=(a,s)=>e.template`
       ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",baseSrc:"{{media.preview_image | image_url}}",setting:a,style:s,className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage:y})}
-      ${i.If(h?.galleryHoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none gp-w-full gp-h-full",l.getZoomImageClass())}">
+      ${i.If(f?.galleryHoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none gp-w-full gp-h-full",l.getZoomImageClass())}">
           ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",baseSrc:"{{media.preview_image | image_url}}",alt:"{{media.alt | escape}}",setting:a,style:s,className:"!gp-rounded-none gp-w-full gp-h-full",customLazyload:!1,enableLazyLoadImage:y})}
           </div>`," ")}
-      ${i.If(h?.galleryHoverEffect=="zoom"&&h?.galleryZoomType=="glasses",`<div class="${e.cls("zoom-lens-element",l.getZoomLenClass())}" style="opacity: 0; background-image: url('{{media.preview_image | product_img_url: '1024x1024'}}')">
+      ${i.If(f?.galleryHoverEffect=="zoom"&&f?.galleryZoomType=="glasses",`<div class="${e.cls("zoom-lens-element",l.getZoomLenClass())}" style="opacity: 0; background-image: url({{media.preview_image | product_img_url: '1024x1024'}})">
             </div>
           `," ")}
-    `,$=()=>a.default({src:i.LiquidIf("media.sources.first.url contains '.glb'","{{ media.sources.first.url }}","{{media.sources.last.url}}"),alt:"{{media.preview_image.alt}}",poster:"{{media.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%",height:"100%"},aspectRatio:r.getAspectRatio(w)}),x=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{media.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),S=()=>o.default({src:"{{mediaSourceVideo}}",title:"{{media.alt | escape}}",autoplay:!1,controls:!0,style:{width:"100%","max-height":"100%"}}),F=()=>e.template`
+    `,$=()=>a.default({src:i.LiquidIf("media.sources.first.url contains '.glb'","{{ media.sources.first.url }}","{{media.sources.last.url}}"),alt:"{{media.preview_image.alt}}",poster:"{{media.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%",height:"100%"},aspectRatio:r.getAspectRatio(w)}),x=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{media.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),S=()=>d.default({src:"{{mediaSourceVideo}}",title:"{{media.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{media.preview_image.src | product_img_url: '1024x1024'}}",poster:{altText:"{{media.alt | escape}}"},style:{width:"100%","max-height":"100%"}}),F=()=>e.template`
       ${i.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'",`<div class="gp-absolute gp-pb-1 gp-pr-1 gp-right-0 gp-bottom-0" >
           <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
@@ -19,10 +19,10 @@
             <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z" fill="#F9F9F9"/>
           </svg>
         </div>`)}
-      ${I({aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},{width:"100%",height:"100%"})}
+      ${I({aspectRatio:r.getAspectRatio(w),layout:f?.layout,qualityType:f?.qualityType,qualityPercent:f?.qualityPercent},{width:"100%",height:"100%"})}
 
       <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
-        style="${d.getStyleOfObject(m.getZoomDisplay(h?.clickOpenLightBox))}" >
+        style="${o.getStyleOfObject(m.getZoomDisplay(f?.clickOpenLightBox))}" >
         <svg
           height="100%"
           width="100%"
@@ -53,19 +53,21 @@
       external-id="{{media.external_id}}"
       grid-index="{{forloop.index}}"
       data-outline="none"
-      class="${f(`gem-slider-item-${u}-{{product.id}} gp-gallery-image-item ${a??""} data-[outline=deactive]:after:!gp-border-transparent`)}"
-      style="${d.getStyleOfObject(L)}"
+      class="${h(`gem-slider-item-${u}-{{product.id}} gp-gallery-image-item ${a??""} data-[outline=deactive]:after:!gp-border-transparent`)}"
+      style="${o.getStyleOfObject(L)}"
       >
       ${i.LiquidIf("media.media_type == 'external_video' or media.media_type == 'video' or media.media_type == 'model'","{% assign isMedia = true %}")}
 
       ${i.LiquidIf("media.media_type == 'external_video' or media.media_type == 'video'","{% assign isVideo = true %}")}
 
-      <div class="gp-h-full gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",d.getStyleOfObject({...b()}))}">
-        ${i.LiquidIf("media != null",F(),V())}
+      ${i.LiquidIf("media.media_type == 'model'","{% assign isModel = true %}")}
+
+      <div class="gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isMedia",o.getStyleOfObject({...b()}))}">
+        ${i.LiquidIf("media != null",F(),M())}
       </div>
 
-      <div class="${i.LiquidIf("isMedia","gp-flex gp-justify-center gp-items-center")}"
-      style="${i.LiquidIf("isMedia",d.getStyleOfObject({...e.makeStyleResponsive("aspect",r.getAspectRatio(w))}))} ${d.getStyleOfObject({..._()})}"
+      <div class="${i.LiquidIf("isMedia","gp-flex gp-justify-center gp-items-center")} ${i.LiquidIf("isModel","gp-w-full")}"
+      style="${i.LiquidIf("isMedia",o.getStyleOfObject({...e.makeStyleResponsive("aspect",r.getAspectRatio(w))}))} ${o.getStyleOfObject({..._()})}"
       >
         {% case media.media_type %}
           {% when 'external_video' %}
@@ -80,14 +82,15 @@
       </div>
       {% assign isVideo= false %}
       {% assign isMedia= false %}
-    </div>`,V=()=>e.template`
-    ${t.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage:y})}`;return i.Liquid(`
+      {% assign isModel= false %}
+    </div>`,M=()=>e.template`
+    ${t.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{aspectRatio:r.getAspectRatio(w),layout:f?.layout,qualityType:f?.qualityType,qualityPercent:f?.qualityPercent},className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage:y})}`;return i.Liquid(`
   <div type="grid-gallery"
     class="${v}"
-    style="${d.getStyleOfObject(C)}}"
+    style="${o.getStyleOfObject(C)}}"
   >
     ${i.LiquidFor("media in product.media",`${i.LiquidIf("media.media_type == 'image'",i.LiquidFor("image in product.images",i.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
-      ${i.LiquidIf("media.id == product.featured_media.id ",j(h?.borderActive?.border!=="none"?"active":""),j())}`)}
+      ${i.LiquidIf("media.id == product.featured_media.id ",j(f?.borderActive?.border!=="none"?"active":""),j())}`)}
     ${i.LiquidIf("product.media.size > 0",n)}
     ${i.LiquidIf("product.media.size < 1",j())}
   </div>`)};

package/dist/cjs/product/components/product-images-v3/components/lightbox/ProductImagesLightBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("react");require("../../../../../modal/components/confirm.js");var l=require("../../../../../modal/components/Modal.js"),o=require("./LightBoxCarousel.js"),p=require("./LightBoxGalleryCarousel.js"),i=require("./LightBoxImageZoom.js");exports.default=({builderPropUID:r,productImages:g,open:n,onHandleClose:a})=>{let u=s.useFeaturedImageGlobal(),[c,d]=t.useState(!1),[m,x]=t.useState(0),f=t.useMemo(()=>(g||[]).map((e,s)=>({...e,id:e.id||`gp-lightbox-${s}`,src:e.src||e.previewImage,alt:e.alt||"Product image"})),[g]),j=t.useMemo(()=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(f[m]?.contentType||""),[f,m]),h=t.useMemo(()=>{let e=f.findIndex(e=>e.id===u?.id);return e&&e>0?e:0},[f,u]);t.useEffect(()=>{n&&(d(!1),x(h))},[n]);let I=()=>{d(e=>!e)};return e.jsx(l.default,{setting:{open:n},styles:{width:"calc(100% + 2rem)"},closeOnClickOutside:!0,closeOnEscape:!0,onKeypressEscape:()=>a(),onClose:()=>{a()},lockBodyScroll:!0,disableIframeClickEvent:!0,contentClass:"!gp--mx-4 !gp-my-auto !gp-h-screen !gp-max-w-none !gp-rounded-none !gp-bg-[#0F0F10] !gp-px-0 !gp-py-0 !gp-text-white",zoomButton:{isShowButton:j,isZoomIn:c,onToggleZoom:I},closeButtonClassName:"gp-top-[34px] gp-text-[#AAAAAA] gp-scale-125",wrapperContentClasses:"gp-size-full",children:e.jsx("div",{className:"gp-flex gp-gap-2 gp-size-full gp-min-w-0 gp-flex-col gp-items-center gp-justify-center",children:c?e.jsx(i.default,{image:f[m],onExitZoom:I}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gp-flex gp-w-full gp-min-w-0 gp-flex-1 gp-items-center gp-justify-center gp-overflow-hidden gp-px-[52px] gp-mt-[52px] mobile:gp-px-0",children:e.jsx(o.default,{builderPropUID:r,displayImages:f,activeIndex:m,imageActiveIndex:h,onChangeSlide:x,onToggleZoom:I})}),e.jsx("div",{className:"gp-flex gp-justify-center gp-w-full gp-pb-2 mobile:gp-pb-5 gp-px-[52px] mobile:gp-px-0",children:e.jsx(p.default,{builderPropUID:r,displayImages:f,activeIndex:m,onChangeSlide:x})})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("../../../../../carousel-v3/components/root/Carousel.js"),i=require("../../../../../carousel-v3/components/item/CarouselItem.js"),l=require("../../../../../image/components/NextImage.js");require("../../../../../modal/components/confirm.js");var s=require("../../../../../modal/components/Modal.js"),d=require("react"),r=require("../../common/productFeaturedImage.js"),n=require("../child/ProductFeatureVideo.js"),a=require("../child/MediaIcon.js");exports.default=({builderPropUID:u,productImages:p,open:c,imageRatio:m,onHandleClose:g})=>{let h=t.useFeaturedImageGlobal(),b=d.useMemo(()=>{let e=p?.findIndex(e=>e.id===h?.id);return e&&e>0?e:0},[p,h]),j={desktop:p&&p.length>1,mobile:p&&p?.length>1,tablet:p&&p?.length>1},f=t.useEditorMode(),x=e=>"edit"!==f&&["VIDEO","EXTERNAL_VIDEO"].includes(e?.contentType||"");return e.jsx(s.default,{setting:{open:c},styles:{width:"80%"},closeOnClickOutside:!0,onClose:()=>{g(),console.log("onHandleClose")},disableIframeClickEvent:!0,contentClass:"mobile:!gp-w-[100%] gp-px-2 gp-pb-10",children:e.jsx(o.default,{setting:{loop:{desktop:!1,mobile:!1,tablet:!1},slidesToShow:{desktop:1,tablet:1,mobile:1},defaultCurrentSlider:b,dot:{desktop:!0,mobile:!0,tablet:!0},dotStyle:{desktop:"outside",mobile:"outside",tablet:"outside"},dotColor:{desktop:"#E2E2E2",mobile:"#E2E2E2",tablet:"#E2E2E2"},dotActiveColor:{desktop:"#121212",mobile:"#121212",tablet:"#121212"},dotSize:{desktop:12},dotGapToCarousel:{desktop:12},navigationEnable:j,navigationStyle:{desktop:"outside"},arrowIconSize:{desktop:24},initialSlide:b},styles:{sizeSetting:{desktop:{height:"80vh"},tablet:{height:"80vh"},mobile:{height:"60vh"}},playSpeed:0},moveToIdx:b,hiddenDotWhenOnlyOne:!0,isHiddenArrowWhenDisabled:!0,isDisableResetSlide:!0,builderProps:{uid:u},fullHeight:!0,children:p?.map(o=>e.jsx(i.default,{className:`gem-slider-item gem-slider-item-${u} gp-flex gp-items-center gp-justify-center gp-px-4`,children:x(o)?e.jsx(n.default,{type:o?.contentType,url:o.src??"",thumbnail:o?.previewImage,aspectRatio:m}):e.jsxs(e.Fragment,{children:[e.jsx(l.default,{src:r.isFeatureMedia(o?.contentType)?o?.previewImage:o?.src,width:o?.width,height:o?.height,alt:o?.alt,"content-type":o?.contentType,setting:{aspectRatio:m},className:t.cls("gp-h-full gp-w-full gp-object-contain")},o?.id),e.jsx(a.default,{contentType:o?.contentType??""})]})},o?.id))})})};

package/dist/cjs/product/components/product-images-v3/composables/getProductImagesClassName.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system"),s=require("../common/classes.js"),a=require("../common/common.js");exports.galleryItemClasses=(a,r,l)=>e.createClass(s.getGalleryItemClasses({extraClass:`${l} ${a===r?"gp-border-[#5EA2FF] gp-border-[3px]":"gp-border-white/20 hover:gp-border-white/60"}`})),exports.getProductImagesClassName=r=>{let{setting:l,style:t}=r,g=a.setDefaultWhenUndefineSetting(r),{builderProps:C,advanced:p}=g,d=p?.cssClass,u=e.createClass(s.getWrapperClasses({extraClass:`${C?.uid} ${d??""} `,isAddOverFlowClass:a.checkAddOverFlowClass(t)})),c=e.createClass(s.getGalleryWrapperClasses({})),m=e.createClass(s.getGalleryGridWrapperClasses({})),i=e.createClass(s.getFtImageWithGalleryClasses({extraClass:`gp-product-images-feature--${C?.uid}`})),o=e.createClass(s.getImageGalleryWrapperClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),y=e.createClass(s.getFeaturedImageCarouselClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),x=e.createClass(s.getFeaturedImageGalleryClasses({settings:l})),n=e.createClass(s.getFeaturedImageClasses({setting:l,extraClass:`gp-flex gp-relative gp-product-images-gallery-${C?.uid} gp-overflow-hidden gp-flex gp-w-full gp-items-center gp-justify-center `}));return{wrapperClasses:u,productImagesGalleryClasses:c,galleryGridWrapperClasses:m,galleryItemClasses:a=>e.createClass(s.getGalleryItemClasses({extraClass:`${a??""}`})),ftImageGalleryClasses:i,imageGalleryWrapperClasses:o,featuredImageCarouselClasses:y,featuredImageGalleryClasses:x,featureImageOnlyOneImageClasses:n,featuredCarouselItemClasses:a=>e.createClass(s.getFeaturedCarouselItemClasses({extraClass:`${a??""}`}))}};
+"use strict";var e=require("@gem-sdk/system"),s=require("../common/classes.js"),a=require("../common/common.js");exports.getProductImagesClassName=l=>{let{setting:r,style:t}=l,g=a.setDefaultWhenUndefineSetting(l),{builderProps:C,advanced:u}=g,c=u?.cssClass,d=e.createClass(s.getWrapperClasses({extraClass:`${C?.uid} ${c??""} `,isAddOverFlowClass:a.checkAddOverFlowClass(t)})),m=e.createClass(s.getGalleryWrapperClasses({})),p=e.createClass(s.getGalleryGridWrapperClasses({})),i=e.createClass(s.getFtImageWithGalleryClasses({extraClass:`gp-product-images-feature--${C?.uid}`})),o=e.createClass(s.getImageGalleryWrapperClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),n=e.createClass(s.getFeaturedImageCarouselClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),y=e.createClass(s.getFeaturedImageGalleryClasses({settings:r})),x=e.createClass(s.getFeaturedImageClasses({setting:r,extraClass:`gp-flex gp-relative gp-product-images-gallery-${C?.uid} gp-overflow-hidden gp-flex gp-w-full gp-items-center gp-justify-center `}));return{wrapperClasses:d,productImagesGalleryClasses:m,galleryGridWrapperClasses:p,galleryItemClasses:a=>e.createClass(s.getGalleryItemClasses({extraClass:`${a??""}`})),ftImageGalleryClasses:i,imageGalleryWrapperClasses:o,featuredImageCarouselClasses:n,featuredImageGalleryClasses:y,featureImageOnlyOneImageClasses:x,featuredCarouselItemClasses:a=>e.createClass(s.getFeaturedCarouselItemClasses({extraClass:`${a??""}`}))}};

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

package/dist/cjs/product/components/product-list/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/ProductListCarouselItem.liquid.js

@@ -1,15 +1,14 @@
-"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"),e=require("./common/classes.js");exports.default=n=>{let{pageContext:o,children: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>
-          ${r}
+          ${a}
         {%- endform -%}
       </gp-product>
   `};

package/dist/cjs/product/components/product-list/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/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"),s=require("@gem-sdk/core"),l=require("../SalePageProductListWarning.js"),d=require("next/head"),a=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),u=require("./common/styles.js"),n=require("@gem-sdk/system"),c=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js"),h=require("./hooks/useProductsQuery.js"),P=require("./hooks/useCollectionQuery.js"),f=require("./hooks/useProductRelatedQuery.js"),p=require("./hooks/useMainRelatedProductQuery.js");const y=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:j,styles:k,builderProps:x,setting:I,builderAttrs:S}=t,{isRelatedProduct:v,productSetting:q}=g.getData(t),{isEditMode:T}=s.useRenderMode(),b=s.useCurrentDevice(),C=s.usePageType(),w=s.usePageStore(e=>e.dynamicCollection),[L,M]=o.useState(1),[G,O]=o.useState(!0),A=o.useRef(),N="GP_FUNNEL_PAGE"===C;"GP_COLLECTION"==C&&(q.productSrc="DynamicCollection",q.collectionId=w?.collectionId??"latest");let B=q?.productSrc??"Collection",{mainRelatedProduct:D,relatedProductIdAssigned:E}=p.default({productSrc:B,relatedProductId:q.relatedProductId}),Q=q.relatedTag&&q.relatedTag[0],F=q.relatedTag&&"tags"===q.relatedTag[0]&&(!D?.tags||D?.tags.length===0),R=q.relatedTag&&"collection"===q.relatedTag[0]&&(!D?.collections?.edges||D?.collections.edges.length===0),_=q.relatedTag&&"vendor"===q.relatedTag[0]&&!D?.vendor,{isNotFoundRelatedProduct:z,relatedProducts:H}=f.default({isRelatedProduct:v,productSetting:q,setting:I,mainRelatedProduct:D,productSrc:B}),W=h.useProductsQuery({productIds:q?.productIds,defaultSelectedProductCount:q?.numOfSelectedProducts,productSrc:B}),$=P.useCollectionQuery({productSrc:B,collectionID:q?.collectionId??"latest",numberOfProducts:I?.numberOfProducts??4,orderBy:I?.orderBy??"none"}),V="PickProduct"===B?W.isLoading:$.isLoading,U="PickProduct"===B?W.error:$.error,J="PickProduct"===B?W.isValidating:$.isValidating,K=$.data?.collections?.edges?.[0]?.node,X="PickProduct"===B?s.flattenConnection(W.data?.products):s.flattenConnection(K?.products),Y=s.usePageStore(e=>e.assignedProductIds),Z=s.usePageStore(e=>e.isApplyAllProducts),ee=o.useMemo(()=>(Y??[]).length>0&&!Z||Z,[Y,Z]),et=H?.data?.products&&ee?s.flattenConnection(H?.data?.products):[],er=v?et:"PickProduct"===B&&q?.productIds?.length?q?.productIds?.map(e=>X?.find(t=>t?.baseID===e)).filter(Boolean)??X:"PickProduct"!==B?X:X.filter((e,t)=>t<(q?.numOfSelectedProducts??4)),eo=o.useMemo(()=>z&&v&&T||!er.length&&!V&&G&&T,[G,V,z,v,T,er.length]),es=o.useMemo(()=>!er||z&&v,[z,v,er]),el=o.useMemo(()=>{if(!I?.sameHeight)return[];let e=0,t=Math.ceil((er?.length??0)/+(I?.slidesToShow?.[b]??1));return Array.from(Array(er?.length??0)).map((r,o)=>(o>=+(I?.slidesToShow?.[b]??1)*(e+1)&&++e,{gridRow:`${1+L*e}/${L+1+L*e}`,marginBottom:e+1<t?m.getPropertyByDevice(k?.horizontalGutter,b):void 0}))},[I?.sameHeight,I?.slidesToShow,L,er?.length,b,k?.horizontalGutter]),ed=o.useMemo(()=>J||V||U||!er||z&&v,[U,V,z,v,J,er]);o.useEffect(()=>{if(!ed&&!V&&!J)return A.current=setTimeout(()=>{let{builderData:e}=x??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&M(r.childElementCount||1)},T?0:500),()=>{clearTimeout(A.current)}},[x,ed,T,V,J,er]);let ea=o.useMemo(()=>({collection:K,products:er,settings:{loop:I?.loop??{desktop:!1},scrollMode:I?.scrollMode??{desktop:"snap"},slidesToShow:I?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:k?.layout,dot:I?.dot,dotStyle:I?.dotStyle,arrow:I?.arrow,controlOverContent:I?.controlOverContent},styles:{horizontalGutter:k?.horizontalGutter,verticalGutter:k?.verticalGutter,fullWidth:k?.fullWidth,spacing:k?.spacing,width:k?.width,height:k?.height}}),[K,er,I,k]);if(x?.isPreview&&N)return e.jsx(e.Fragment,{});if(eo)return e.jsx(e.Fragment,{children:n.If(G,e.jsx(y,{builderAttrs:S,collectionHandle:K?.handle,productSrc:B,onClose:()=>O(!1),children:j,relatedTagString:Q,assignProductNoTags:F||R||_,noAssignedProduct:!E}))});let{productListWrapStyle:ei,productListContentStyle:eu,productListWrapAlignStyle:en}=u.getStyle(t),{productListWrapClass:ec}=c.getClass(t);return e.jsxs("div",{...S,className:ec,style:ei,children:[!!k?.preloadBgImage&&e.jsxs(d,{children:[!!k.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage.desktop.image.src,as:"image"}),!!k.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.tablet?.image?.src,as:"image"}),!!k.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.mobile?.image?.src,as:"image"})]}),V||J?e.jsx(r.default,{}):U?e.jsxs("div",{children:["Error: ",U?.message]}):es?e.jsx("div",{children:"Products not found"}):e.jsx(s.ProductListProvider,{...ea,children:e.jsx("div",{className:"gp-flex gp-w-full",style:en,children:e.jsxs("div",{style:eu,children:[N&&e.jsx(l.default,{}),e.jsx(e.Fragment,{children:n.If(k?.layout==="grid",e.jsx(a.default,{...t,productSortedById:er,generateGridRowArray:el}),e.jsx(i.default,{...t,productSortedById:er}))})]})})}),s.filterToolbarPreview(j,!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"),s=require("@gem-sdk/core"),i=require("../SalePageProductListWarning.js"),l=require("next/head"),d=require("./ProductListGridLayout.js"),u=require("./ProductListCarouselLayout.js"),n=require("./common/styles.js"),a=require("@gem-sdk/system"),c=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js"),P=require("./hooks/useProductsQuery.js"),h=require("./hooks/useCollectionQuery.js"),C=require("./hooks/useProductRelatedQuery.js"),f=require("./constants/index.js"),p=require("./hooks/useRelatedProductIDAssigned.js");const y=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:O,styles:S,builderProps:j,setting:R,builderAttrs:k}=t,{isRelatedProduct:T,productSetting:U}=g.getData(t),{isEditMode:x}=s.useRenderMode(),D=s.useCurrentDevice(),I=s.usePageType(),q=s.usePageStore(e=>e.dynamicCollection),[b,E]=o.useState(1),[_,v]=o.useState(!0),L=o.useRef(),w="GP_FUNNEL_PAGE"===I;"GP_COLLECTION"!=I||[f.PRODUCT_SOURCE.Collection,f.PRODUCT_SOURCE.DynamicCollection].includes(U?.productSrc)||(U.productSrc=f.PRODUCT_SOURCE.DynamicCollection);let N=U?.productSrc??f.PRODUCT_SOURCE.Collection;N===f.PRODUCT_SOURCE.DynamicCollection&&(U.collectionId=q?.collectionId||"latest");let{relatedProductIdAssigned:M}=p.default({productSetting:U}),{isNotFoundRelatedProduct:G,relatedProducts:A,isNoRelatedProductData:B,relatedTagString:F,isLoading:H}=C.default({setting:R,productSetting:U,isRelatedProduct:T,relatedProductIdAssigned:M}),Q=P.useProductsQuery({productIds:U?.productIds,defaultSelectedProductCount:U?.numOfSelectedProducts,productSrc:N}),z=Number(R?.numberOfProducts),W=h.useCollectionQuery({productSrc:N,collectionID:U?.collectionId??"latest",numberOfProducts:Number.isNaN(z)?f.DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS:z,orderBy:R?.orderBy??"none"}),$=H||(N===f.PRODUCT_SOURCE.PickProduct?Q.isLoading:W.isLoading),V=N===f.PRODUCT_SOURCE.PickProduct?Q.error:W.error,J=N===f.PRODUCT_SOURCE.PickProduct?Q.isValidating:W.isValidating,K=W.data?.collections?.edges?.[0]?.node,X=N===f.PRODUCT_SOURCE.PickProduct?s.flattenConnection(Q.data?.products):s.flattenConnection(K?.products),Y=s.usePageStore(e=>e.assignedProductIds),Z=s.usePageStore(e=>e.isApplyAllProducts),ee=o.useMemo(()=>(Y??[]).length>0&&!Z||Z,[Y,Z]),et=A?.data?.products&&ee?s.flattenConnection(A?.data?.products):[],er=T?et:N===f.PRODUCT_SOURCE.PickProduct&&U?.productIds?.length?U?.productIds?.map(e=>X?.find(t=>t?.baseID===e)).filter(Boolean)??X:N!==f.PRODUCT_SOURCE.PickProduct?X:X.filter((e,t)=>t<(U?.numOfSelectedProducts??4)),eo=o.useMemo(()=>G&&T&&x||!er.length&&!$&&_&&x,[_,$,G,T,x,er.length]),es=o.useMemo(()=>!er||G&&T,[G,T,er]),ei=o.useMemo(()=>{if(!R?.sameHeight)return[];let e=0,t=Math.ceil((er?.length??0)/+(R?.slidesToShow?.[D]??1));return Array.from(Array(er?.length??0)).map((r,o)=>(o>=+(R?.slidesToShow?.[D]??1)*(e+1)&&++e,{gridRow:`${1+b*e}/${b+1+b*e}`,marginBottom:e+1<t?m.getPropertyByDevice(S?.horizontalGutter,D):void 0}))},[R?.sameHeight,R?.slidesToShow,b,er?.length,D,S?.horizontalGutter]),el=o.useMemo(()=>J||$||V||!er||G&&T,[V,$,G,T,J,er]);o.useEffect(()=>{if(!el&&!$&&!J)return L.current=setTimeout(()=>{let{builderData:e}=j??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},x?0:500),()=>{clearTimeout(L.current)}},[j,el,x,$,J,er]);let ed=o.useMemo(()=>({collection:K,products:er,settings:{loop:R?.loop??{desktop:!1},scrollMode:R?.scrollMode??{desktop:"snap"},slidesToShow:R?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:S?.layout,dot:R?.dot,dotStyle:R?.dotStyle,arrow:R?.arrow,controlOverContent:R?.controlOverContent,sameHeight:R?.sameHeight},styles:{horizontalGutter:S?.horizontalGutter,verticalGutter:S?.verticalGutter,fullWidth:S?.fullWidth,spacing:S?.spacing,width:S?.width,height:S?.height}}),[K,er,R,S]);if(j?.isPreview&&w)return e.jsx(e.Fragment,{});if(eo)return e.jsx(e.Fragment,{children:a.If(_,e.jsx(y,{builderAttrs:k,collectionHandle:K?.handle,productSrc:N,onClose:()=>v(!1),children:O,relatedTagString:F,assignProductNoTags:B,noAssignedProduct:!M}))});let{productListWrapStyle:eu,productListContentStyle:en,productListWrapAlignStyle:ea}=n.getStyle(t),{productListWrapClass:ec}=c.getClass(t);return e.jsxs("div",{...k,className:ec,style:eu,children:[!!S?.preloadBgImage&&e.jsxs(l,{children:[!!S.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:S.backgroundImage.desktop.image.src,as:"image"}),!!S.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:S.backgroundImage?.tablet?.image?.src,as:"image"}),!!S.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:S.backgroundImage?.mobile?.image?.src,as:"image"})]}),$||J?e.jsx(r.default,{}):V?e.jsxs("div",{children:["Error: ",V?.message]}):es?e.jsx("div",{children:"Products not found"}):e.jsx(s.ProductListProvider,{...ed,children:e.jsx("div",{className:"gp-flex gp-w-full",style:ea,children:e.jsxs("div",{style:en,children:[w&&e.jsx(i.default,{}),e.jsx(e.Fragment,{children:a.If(S?.layout==="grid",e.jsx(d.default,{...t,productSortedById:er,generateGridRowArray:ei}),e.jsx(u.default,{...t,productSortedById:er}))})]})})}),s.filterToolbarPreview(O,!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:$,isGrid:P,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"),a=require("./ProductListGridLayout.liquid.js"),d=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:$,isGrid:P,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}=d.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}">
@@ -135,16 +135,17 @@
         `;return e.template`
       {%- liquid
         assign productHandles = '${y.toString()}'| split: ','
-        assign collection_handle = ${x}
+        assign collection_handle = '${x}'
         assign products = null
         assign target_collection = null
         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
-          if productSrc == 'Collection' and collection_handle != empty
+          if productSrc == 'Collection' and collection_handle != blank
               ${t}
           elsif target_collection == empty or target_collection == null
             if '${m.toLowerCase()}' == 'latest'
@@ -153,7 +154,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
@@ -168,7 +169,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
@@ -180,7 +181,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
@@ -189,7 +190,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 %}
@@ -197,7 +198,7 @@
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If(P,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${s.If(P,e.template`${a.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/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-list-v3/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),o=e.createClass({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:o,carouselClass:c,productListWrapClass:p,gpProductClass:d}};
+"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),o=e.createClass({"gp-contents [&>*>div]:gp-contents [&>*>div>div[gp-el-wrapper]]:gp-h-fit [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:o,carouselClass:c,productListWrapClass:p,gpProductClass:d}};

package/dist/cjs/product/components/product-list-v3/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("../../../helpers/product.js"),t=require("../../product-images/common/productFeaturedImage.js"),o=require("../../../../carousel-v3/components/dot/common/helpers.js");const r="gid://shopify/Collection/",d="gid://shopify/Product/";exports.PREFIX_COLLECTION_ID=r,exports.PREFIX_PRODUCT_ID=d,exports.getData=t=>{let{setting:r,styles:d}=t,c=r?.productSetting??{},l="RelatedProduct"===c.productSrc,i=o.getUpdatedDotStyle(r?.dot,r?.dotStyle),u={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...r};delete u.childItem;let n={...d,sizeSetting:{...e.getSizeSetting({adaptiveHeight:d?.adaptiveHeight,height:d?.height,fullWidth:{desktop:!0}})},spacing:d?.spacing};return delete n.backgroundColor,delete n.backgroundImage,{isRelatedProduct:l,productSetting:c,dotStyle:i,carouselConfigSetting:u,carouselConfigStyle:n}},exports.getDataLiquid=e=>{let{setting:o,styles:c}=e,l=o?.productSetting,i=l?.relatedTag,u=l?.hasRelatedExclude,n=(i&&"collection"===i[0]?l?.relatedCollectionExclude:l?.relatedTagsExclude)??"",a=n?.split(",").map(e=>e.trim()).toString(),p=l?.productSrc??"Collection",s=l?.collectionId?.replace(r,"")??"latest",g=l?.productSrc==="PickProduct"&&l?.productIds?.length===0,h=c?.layout==="grid",m=t.convertUnitToNumber(o?.numberOfProducts,4),S="PickProduct"===p&&l?.productIds?.length?l?.productIds.map(e=>e.replace(d,"")):[],P="PickProduct"===p&&l?.productHandles?.length?l?.productHandles:[],I=o?.orderBy&&o?.orderBy!=="none",C=(l?.productSrc==="Collection"||l?.productSrc==="DynamicCollection")&&I?o?.orderBy?.split("_"):"none",k=I&&C?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",y=C?.[C.length-1]==="DESC";return{hasRelatedExclude:u,relatedExcludeTrim:a,collectionID:s,isLatestProducts:g,isGrid:h,numberOfProducts:m,productListId:S,productListHandles:P,sortedBy:k,isReverse:y,productSrc:p,productSetting:l,isSorted:I,relatedTag:i,productNumber:"PickProduct"===p?g?4:l?.numOfSelectedProducts??4:m,collectionHandle:l?.collectionHandle}};
+"use strict";var e=require("../../../helpers/product.js"),t=require("../../product-images/common/productFeaturedImage.js"),o=require("../../../../carousel-v3/components/dot/common/helpers.js"),r=require("../constants/index.js");const d="gid://shopify/Collection/",c="gid://shopify/Product/";exports.PREFIX_COLLECTION_ID=d,exports.PREFIX_PRODUCT_ID=c,exports.getData=t=>{let{setting:d,styles:c}=t,l=d?.productSetting??{},i=l.productSrc===r.PRODUCT_SOURCE.RelatedProduct,n=o.getUpdatedDotStyle(d?.dot,d?.dotStyle),u={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...d};delete u.childItem;let a={...c,sizeSetting:{...e.getSizeSetting({adaptiveHeight:c?.adaptiveHeight,height:c?.height,fullWidth:{desktop:!0}})},spacing:c?.spacing};return delete a.backgroundColor,delete a.backgroundImage,{isRelatedProduct:i,productSetting:l,dotStyle:n,carouselConfigSetting:u,carouselConfigStyle:a}},exports.getDataLiquid=e=>{let{setting:o,styles:l}=e,i=o?.productSetting,n=i?.relatedTag,u=i?.hasRelatedExclude,a=(n&&n[0]===r.RELATED_TAG_PRODUCT_SETTING.Collection?i?.relatedCollectionExclude:i?.relatedTagsExclude)??"",s=a?.split(",").map(e=>e.trim()).toString(),p=i?.productSrc??r.PRODUCT_SOURCE.Collection,g=i?.collectionId?.replace(d,"")??"latest",C=i?.productSrc===r.PRODUCT_SOURCE.PickProduct&&i?.productIds?.length===0,S=l?.layout==="grid",P=t.convertUnitToNumber(o?.numberOfProducts,4),R=p===r.PRODUCT_SOURCE.PickProduct&&i?.productIds?.length?i?.productIds.map(e=>e.replace(c,"")):[],O=p===r.PRODUCT_SOURCE.PickProduct&&i?.productHandles?.length?i?.productHandles:[],T=o?.orderBy&&o?.orderBy!=="none",U=(i?.productSrc===r.PRODUCT_SOURCE.Collection||i?.productSrc===r.PRODUCT_SOURCE.DynamicCollection)&&T?o?.orderBy?.split("_"):"none",h=T&&U?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",E=U?.[U.length-1]==="DESC";return{hasRelatedExclude:u,relatedExcludeTrim:s,collectionID:g,isLatestProducts:C,isGrid:S,numberOfProducts:P,productListId:R,productListHandles:O,sortedBy:h,isReverse:E,productSrc:p,productSetting:i,isSorted:T,relatedTag:n,productNumber:p===r.PRODUCT_SOURCE.PickProduct?C?4:i?.numOfSelectedProducts??4:P,collectionHandle:i?.collectionHandle}};