@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

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

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

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

package/dist/cjs/product/components/product-list/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),o=require("../../../../grid/components/row/common/helpers.js"),r=require("../../../../carousel/common/helpers.js");exports.getStyle=a=>{let{setting:l,styles:s,style:i}=a,{background:n}=l??{},[d,c]=e.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],i),m=e.makeGlobalSize(s?.itemPadding),S=t.createStyle({...d}),g=t.createStyle({...e.makeStyleResponsive("jc",s?.align||{desktop:"center"})}),p=t.createStyle({...c,...e.makeStyleResponsive("w",o.createStyleObject(s?.width).content),...e.getBgByDevice({backgroundColor:s?.backgroundColor,backgroundImage:s?.backgroundImage})}),y=t.createStyle({...!l?.sameHeight&&e.makeStyleResponsive("rg",s?.horizontalGutter),...e.makeStyleResponsive("cg",s?.verticalGutter),...e.makeStyleResponsive("gtc",{desktop:`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:l?.slidesToShow?.tablet&&`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:l?.slidesToShow?.mobile&&`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),b=t.createStyle({...r.getInitialWidthForCarouselItem({spacing:s?.spacing,slidesToShow:l?.slidesToShow})}),u={...m&&m.padding,...e.makeStyle({bs:s?.borderContent?.border,bw:s?.borderContent?.width,bc:e.getSingleColorVariable(s?.borderContent?.color)}),...e.getRadiusStyleActiveState({...s?.roundedContent,active:{...s?.roundedContent||{},radiusType:"custom"}}),...e.getStyleShadow({value:s?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:s?.hasActiveShadow}),...e.getStyleBackgroundByDevice(n),...e.getGradientBgrStyleByDevice(n,{desktop:!0,tablet:!0,mobile:!0})},h=t.createStyle({...u});return{gridLayoutStyle:y,carouselItemStyle:b,productListWrapStyle:S,productListContentStyle:p,productListWrapAlignStyle:g,productItemStyle:h}};
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../grid/components/row/common/helpers.js"),helpers$1=require("../../../../carousel/common/helpers.js");const getStyle=e=>{let{setting:t,styles:o,style:r}=e,{background:s}=t??{},[l,a]=core.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],r),c=core.makeGlobalSize(o?.itemPadding),i=system.createStyle({...l}),n=system.createStyle({...core.makeStyleResponsive("jc",o?.align||{desktop:"center"})}),d=system.createStyle({...a,...core.makeStyleResponsive("w",helpers.createStyleObject(o?.width).content),...core.getBgByDevice({backgroundColor:o?.backgroundColor,backgroundImage:o?.backgroundImage})}),m=system.createStyle({...!t?.sameHeight&&core.makeStyleResponsive("rg",o?.horizontalGutter),...core.makeStyleResponsive("cg",o?.verticalGutter),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slidesToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slidesToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),S=system.createStyle({...helpers$1.getInitialWidthForCarouselItem({spacing:o?.spacing,slidesToShow:t?.slidesToShow})}),y={...c&&c.padding,...core.makeStyle({bs:o?.borderContent?.border,bw:o?.borderContent?.width,bc:core.getSingleColorVariable(o?.borderContent?.color)}),...core.getRadiusStyleActiveState({...o?.roundedContent,active:{...o?.roundedContent||{},radiusType:"custom"}}),...core.getStyleShadow({value:o?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:o?.hasActiveShadow}),...core.getStyleBackgroundByDevice(s),...core.getGradientBgrStyleByDevice(s,{desktop:!0,tablet:!0,mobile:!0})},g=system.createStyle({...y});return{gridLayoutStyle:m,carouselItemStyle:S,productListWrapStyle:i,productListContentStyle:d,productListWrapAlignStyle:n,productItemStyle:g}};exports.getStyle=getStyle;

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

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

@@ -1,6 +1,6 @@
-"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`
-    ${e.RenderIf("RelatedProduct"===S,`
-        assign relatedTag = '${b}'
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),ProductListCarouselLayout_liquid=require("./ProductListCarouselLayout.liquid.js"),ProductListGridLayout_liquid=require("./ProductListGridLayout.liquid.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const ProductList=e=>{let{setting:s,styles:t,pageContext:i}=e,r=i?.pageType==="GP_FUNNEL_PAGE";if(r)return"";let{hasRelatedExclude:d,relatedExcludeTrim:a,collectionID:o,isLatestProducts:c,isGrid:l,numberOfProducts:n,productListId:u,productListHandles:g,sortedBy:p,isReverse:f,productSrc:m,productNumber:P,isSorted:$,relatedTag:h,collectionHandle:y}=helpers.getDataLiquid(e),_=()=>core.template`
+    ${core.RenderIf("RelatedProduct"===m,`
+        assign relatedTag = '${h}'
         assign assignProduct = product
         assign idAssignProduct = assignProduct.id
         paginate collections.all.products by 10000
@@ -9,9 +9,9 @@
         assign handleAssignProduct = assignProduct.handle
         case relatedTag
           when 'collection'
-            assign hasRelatedExclude = ${p}
+            assign hasRelatedExclude = ${d}
             if hasRelatedExclude
-              assign relatedExclude = '${f}'
+              assign relatedExclude = '${a}'
             else
               assign relatedExclude = ''
             endif
@@ -63,9 +63,9 @@
             endfor
           when 'tags'
             assign tagsAssignProduct = assignProduct.tags
-            assign hasRelatedExclude = ${p}
+            assign hasRelatedExclude = ${d}
             if hasRelatedExclude
-              assign relatedExclude = '${f}'
+              assign relatedExclude = '${a}'
             else
               assign relatedExclude = ''
             endif
@@ -91,35 +91,15 @@
               endfor
             assign products = products | uniq
         endcase
-        paginate products by ${_||4}
+        paginate products by ${n||4}
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:j}=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>`:""}
-        `,`
-        <script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
-        ${l?.sameHeight?`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
-        `)}
-
-    ${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}"
-      style="${A}"
-    >
-      <div class='gp-flex gp-w-full' style="${q}">
-        <div
-          style="${I}"
-        >
-          {%- assign gpBkProduct = product -%}
-          {%- assign gpBkProducts = products -%}
-          ${(()=>{let t=x?`
-          assign target_collection = collections['${x}']
+  `,L=()=>{let e=y?`
+          assign target_collection = collections['${y}']
           if target_collection == empty
             for collection in collections
-              if collection.id == ${m}
+              if collection.id == ${o}
                 assign target_collection = collection
                 break
               endif
@@ -127,40 +107,37 @@
           endif
         `:`
           for collection in collections
-            if collection.id == ${m}
+            if collection.id == ${o}
               assign target_collection = collection
               break
             endif
           endfor
-        `;return e.template`
+        `;return core.template`
       {%- liquid
-        assign productHandles = '${y.toString()}'| split: ','
-        assign collection_handle = ${x}
+        assign productHandles = '${g.toString()}'| split: ','
         assign products = null
         assign target_collection = null
-        assign productSrc = '${S}'
+        assign productSrc = '${m}'
         assign c = 0
-        assign limit = ${k??4}
+        assign limit = ${P??4}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
-          if productSrc == 'Collection' and collection_handle != empty
-              ${t}
-          elsif target_collection == empty or target_collection == null
-            if '${m.toLowerCase()}' == 'latest'
-              assign target_collection = collections | sort: 'updated_at' ${E?"| reverse":""} | first
+          if target_collection == empty or target_collection == null
+            if '${o.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
             else
-              ${t}
+              ${e}
             endif
           endif
-          paginate target_collection.products by ${_||4}
-            assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
+          paginate target_collection.products by ${n||4}
+            assign products = target_collection.products ${$?p:""} ${f?"| reverse":""}
           endpaginate
         else
           if productSrc == 'RelatedProduct'
-            ${R()}
+            ${_()}
           elsif productSrc == 'PickProduct'
-            unless ${$}
+            unless ${c}
               assign products = null | sort
               for handle in productHandles
                 assign productH = all_products[handle] | sort
@@ -168,41 +145,61 @@
               endfor
               assign limit = products.length
             else
-              if ${h.length} == 0
+              if ${u.length} == 0
                 paginate collections.all.products by 100000
                   assign products = collections.all.products  | sort : "created_at"  | reverse
                 endpaginate
               endif
             endunless
           else
-            if '${m.toLowerCase()}' == 'latest'
-              assign target_collection = collections | sort: 'updated_at' ${E?"| reverse":""} | first
+            if '${o.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
             else
-              ${t}
+              ${e}
             endif
-            paginate target_collection.products by ${_||4}
-              assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
+            paginate target_collection.products by ${n||4}
+              assign products = target_collection.products ${$?p:""} ${f?"| reverse":""}
             endpaginate
           endif
         endif
       -%}
-    `})()}
-          ${e.template`
+    `},{productListWrapStyle:v,productListContentStyle:E,productListWrapAlignStyle:S}=styles.getStyle(e),{productListWrapClass:k}=classes.getClass(e),b=()=>core.template`
     {%- if products == null -%}
-    {%- if count == 0 and ${h.length} == 0 -%}
-      {% if '${S}' == 'RelatedProduct' -%}
-          <div>${t.getStaticLocale("ProductList","no_related_products")}</div>
+    {%- if count == 0 and ${u.length} == 0 -%}
+      {% if '${m}' == 'RelatedProduct' -%}
+          <div>${helpers$1.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
-          <div>${t.getStaticLocale("ProductList","no_products_found")}</div>
+          <div>${helpers$1.getStaticLocale("ProductList","no_products_found")}</div>
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If(P,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${system.If(l,core.template`${ProductListGridLayout_liquid.default({...e,productListId:u,productSrc:m})}`,core.template`${ProductListCarouselLayout_liquid.default({...e,productListId:u,productSrc:m})}`)}
     {%- endif -%}
-    `}
+    `;return core.template`
+    ${core.RenderIf(core.isLocalEnv,`
+        <script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
+        ${s?.sameHeight?`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
+        `,`
+        <script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+        ${s?.sameHeight?`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
+        `)}
+
+    ${core.RenderIf(!!t?.preloadBgImage,`${core.RenderIf(!!t?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
+    <div
+      class="${k}"
+      style="${v}"
+    >
+      <div class='gp-flex gp-w-full' style="${S}">
+        <div
+          style="${E}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${L()}
+          ${b()}
           {%- assign product = gpBkProduct -%}
           {%- assign products = gpBkProducts -%}
         </div>
       </div>
     </div>
-  `};
+  `};exports.default=ProductList;

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 core=require("@gem-sdk/core"),classes=require("./common/classes.js"),helpers=require("../../../helpers.js");const ProductListItem=e=>{let{pageContext:t,children:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e);return core.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-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(helpers.filterPageContext(t))}}'
+        class="${a}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  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}
+          ${n}
         {%- endform -%}
       </gp-product>
-  `};
+  `};exports.default=ProductListItem;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),s=require("../../../carousel-v3/components/root/Carousel.js"),t=require("../../../carousel-v3/components/item/CarouselItem.js"),o=require("../../../grid/components/ChildrenDroppable.js"),i=require("./common/helpers.js"),l=require("./common/attrs.js"),u=require("./common/styles.js"),d=require("./common/classes.js");exports.default=a=>{let{children:c,builderProps:n,productSortedById:m,advanced:j}=a,p=r.useEditorMode(),{carouselConfigSetting:q,carouselConfigStyle:x}=i.getData(a),{productListAttr:g,getAttrProductItemEditor:h}=l.getAttr(a),{carouselItemStyle:v}=u.getStyle(a),{carouselClass:y,productItemClass:C}=d.getClass(a);return e.jsx(s.default,{advanced:j,builderProps:{uid:n?.uid},rootAttrs:{...g},rootClass:y,setting:q,styles:x,isProductList:!0,children:m?.map(s=>e.jsx(t.default,{style:v,children:e.jsx(r.ProductProvider,{product:s,readOnly:!0,children:e.jsx("div",{..."edit"===p?h(s?.baseID):{},className:C,children:r.isEmptyChildren(c)?e.jsx(o.default,{}):c})})},s?.baseID))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../carousel-v3/components/root/Carousel.js"),CarouselItem=require("../../../carousel-v3/components/item/CarouselItem.js"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductListCarouselLayout=e=>{let{children:s,builderProps:r,productSortedById:t,advanced:o}=e,l=core.useEditorMode(),{carouselConfigSetting:u,carouselConfigStyle:i}=helpers.getData(e),{productListAttr:a,getAttrProductItemEditor:c}=attrs.getAttr(e),{carouselItemStyle:d}=styles.getStyle(e),{carouselClass:n,productItemClass:m}=classes.getClass(e);return jsxRuntime.jsx(Carousel.default,{advanced:o,builderProps:{uid:r?.uid},rootAttrs:{...a},rootClass:n,setting:u,styles:i,isProductList:!0,children:t?.map(e=>jsxRuntime.jsx(CarouselItem.default,{style:d,children:jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?c(e?.baseID):{},className:m,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})},e?.baseID))})};exports.default=ProductListCarouselLayout;

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

@@ -1,22 +1,22 @@
-"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:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),CarouselItem_liquid=require("../../../carousel-v3/components/item/CarouselItem.liquid.js"),Carousel_liquid=require("../../../carousel-v3/components/root/Carousel.liquid.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),ProductListCarouselItem_liquid=require("./ProductListCarouselItem.liquid.js");const ProductListCarouselLayout=e=>{let{builderProps:t,advanced:r,productSrc:s,productListId:i}=e,{carouselConfigSetting:o,carouselConfigStyle:u}=helpers.getData(e),{carouselItemStyle:l}=styles.getStyle(e),{carouselClass:d}=classes.getClass(e);return core.template`
+    ${Carousel_liquid.default({advanced:r,builderProps:{...t},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${t?.uid}`,rootClass:d,setting:o,styles:u,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: "${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})}
+        {%- assign product_form_id = 'product-form-' | append: "${t?.uid}" | append: product.id -%}
+        ${CarouselItem_liquid.default({builderProps:{...t},style:l,parentId:`product-list-carousel-${t?.uid} gp-child-item-${t?.uid}`,parentStyle:u,parentSettings:o,background:o?.background,children:`
+            ${ProductListCarouselItem_liquid.default({...e})}
           `})}
         {%- endif -%}
         {% endfor %}
-        {%- if count == 0 and ${p.length} == 0 -%}
-          {% if '${n}' == 'RelatedProduct' -%}
-              <div>${d.getStaticLocale("ProductList","no_related_products")}</div>
+        {%- if count == 0 and ${i.length} == 0 -%}
+          {% if '${s}' == 'RelatedProduct' -%}
+              <div>${helpers$1.getStaticLocale("ProductList","no_related_products")}</div>
             {% else %}
-              <div>${d.getStaticLocale("ProductList","no_products_found")}</div>
+              <div>${helpers$1.getStaticLocale("ProductList","no_products_found")}</div>
           {%- endif -%}
         {%- endif -%}
-      `,carouselType:"product_list"})}
-  `};
+      `})}
+  `};exports.default=ProductListCarouselLayout;

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

@@ -1,19 +1,19 @@
-"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 core=require("@gem-sdk/core"),classes=require("./common/classes.js"),helpers=require("../../../helpers.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:n}=e,{productItemClass:o,gpProductClass:r}=classes.getClass(e),a=()=>core.template`
+      ${n?.map((e,t)=>{if(e)return core.template`
+            ${core.RenderChildren({...e,index:t})}
+          `}).join("")}
+    `;return core.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-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(helpers.filterPageContext(t))}}'
+        class="${r}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  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})}
-          `}).join("")}
-    `}
+          ${a()}
         {%- endform -%}
       </gp-product>
-  `};
+  `};exports.default=ProductListItem;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@gem-sdk/core"),s=require("../../../grid/components/ChildrenDroppable.js"),i=require("./common/styles.js"),l=require("./common/classes.js"),d=require("./common/attrs.js");exports.default=o=>{let{children:a,productSortedById:n,generateGridRowArray:c,setting:m}=o,u=t.useEditorMode(),{gridLayoutStyle:p}=i.getStyle(o),{gridLayoutClass:g,productItemClass:h}=l.getClass(o),{productListAttr:j,getAttrProductItemEditor:y}=d.getAttr(o);return e.jsx("div",{...j,style:p,className:g,children:n?.length?n?.map((i,l)=>e.jsx(t.ProductProvider,{product:i,readOnly:!0,children:e.jsx("div",{..."edit"===u?y(i?.baseID):{},className:h,style:{"--grchild":m?.sameHeight?c?.[l]?.gridRow:void 0,"--mbchild":c?.[l]?.marginBottom},children:t.isEmptyChildren(a)?e.jsx(s.default,{}):r.Children.map(a,e=>r.isValidElement(e)?r.createElement(e.type,{...e.props,key:e.key}):null)})},i?.baseID)):null})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a}=styles.getStyle(e),{gridLayoutClass:o,productItemClass:c}=classes.getClass(e),{productListAttr:d,getAttrProductItemEditor:n}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...d,style:a,className:o,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?n(e?.baseID):{},className:c,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;

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

@@ -1,34 +1,34 @@
-"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 core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+      <gp-same-height
+        class="gp-contents"
+        style="visibility: hidden"
+        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+        ${e}
+      </gp-same-height>
+    `,u=()=>core.template`
       {%- 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 -%}
-        ${r.default({...o})}
+      {%- assign product_form_id = 'product-form-' | append: "${s?.uid}" | append: product.id -%}
+        ${ProductListGridItem_liquid.default({...e})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${u?.length} == 0 -%}
-        {% if '${c}' == 'RelatedProduct' -%}
-          <div>${d.getStaticLocale("ProductList","no_related_products")}</div>
+      {%- if count == 0 and ${i?.length} == 0 -%}
+        {% if '${d}' == 'RelatedProduct' -%}
+          <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
-          <div>${d.getStaticLocale("ProductList","no_products_found")}</div>
+          <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
         {%- endif -%}
       {%- endif -%}
-    `;return e.template`
+    `;return core.template`
     <div
-      ${m}
-      style="${p}"
-      class="${g}"
+      ${c}
+      style="${o}"
+      class="${a}"
     >
-      ${e.RenderIf(a?.sameHeight,e.template`
-      <gp-same-height
-        class="gp-contents"
-        style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:l?.builderData?.childrens?.[0],slidesToShow:a?.slidesToShow,rowGap:n?.horizontalGutter})}'>
-        ${`${f()}`}
-      </gp-same-height>
-    `)}
-      ${e.RenderIf(!a?.sameHeight,e.template`${f()}`)}
+      ${core.RenderIf(t?.sameHeight,l(`${u()}`))}
+      ${core.RenderIf(!t?.sameHeight,core.template`${u()}`)}
     </div>
-  `};
+  `};exports.default=ProductListGridLayout;

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

@@ -1 +1 @@
-"use strict";var t=require("@gem-sdk/system");exports.getAttr=e=>{let{builderProps:r}=e,a=t.createAttr({"items-repeat":!0,"data-id":r?.uid??""});return{productListAttr:a,getAttrProductItemEditor:e=>t.createAttr({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":e?.replace("gid://shopify/Product/","")??""})}};
+"use strict";var system=require("@gem-sdk/system");const getAttr=t=>{let{builderProps:e}=t,r=system.createAttr({"items-repeat":!0,"data-id":e?.uid??""}),a=t=>system.createAttr({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":t?.replace("gid://shopify/Product/","")??""});return{productListAttr:r,getAttrProductItemEditor:a}};exports.getAttr=getAttr;

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),o=require("../../../../grid/components/row/common/helpers.js"),r=require("../../../../carousel-v3/common/helpers.js");exports.getStyle=a=>{let{setting:l,styles:s,style:i}=a,{background:n}=l??{},[d,c]=e.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],i),m=e.makeGlobalSize(s?.itemPadding),S=t.createStyle({...d}),g=t.createStyle({...e.makeStyleResponsive("jc",s?.align||{desktop:"center"})}),p=t.createStyle({...c,...e.makeStyleResponsive("w",o.createStyleObject(s?.width).content),...e.getBgByDevice({backgroundColor:s?.backgroundColor,backgroundImage:s?.backgroundImage})}),y=t.createStyle({...!l?.sameHeight&&e.makeStyleResponsive("rg",s?.horizontalGutter),...e.makeStyleResponsive("cg",s?.verticalGutter),...e.makeStyleResponsive("gtc",{desktop:`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:l?.slidesToShow?.tablet&&`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:l?.slidesToShow?.mobile&&`repeat(${e.getResponsiveValueByScreen(l?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),b=t.createStyle({...r.getInitialWidthForCarouselItem({spacing:s?.spacing,slidesToShow:l?.slidesToShow})}),u={...m&&m.padding,...e.makeStyle({bs:s?.borderContent?.border,bw:s?.borderContent?.width,bc:e.getSingleColorVariable(s?.borderContent?.color)}),...e.getRadiusStyleActiveState({...s?.roundedContent,active:{...s?.roundedContent||{},radiusType:"custom"}}),...e.getStyleShadow({value:s?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:s?.hasActiveShadow}),...e.getStyleBackgroundByDevice(n),...e.getGradientBgrStyleByDevice(n,{desktop:!0,tablet:!0,mobile:!0})},h=t.createStyle({...u});return{gridLayoutStyle:y,carouselItemStyle:b,productListWrapStyle:S,productListContentStyle:p,productListWrapAlignStyle:g,productItemStyle:h}};
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../grid/components/row/common/helpers.js"),helpers$1=require("../../../../carousel-v3/common/helpers.js");const getStyle=e=>{let{setting:t,styles:o,style:r}=e,{background:s}=t??{},[l,a]=core.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],r),c=core.makeGlobalSize(o?.itemPadding),i=system.createStyle({...l}),n=system.createStyle({...core.makeStyleResponsive("jc",o?.align||{desktop:"center"})}),d=system.createStyle({...a,...core.makeStyleResponsive("w",helpers.createStyleObject(o?.width).content),...core.getBgByDevice({backgroundColor:o?.backgroundColor,backgroundImage:o?.backgroundImage})}),m=system.createStyle({...!t?.sameHeight&&core.makeStyleResponsive("rg",o?.horizontalGutter),...core.makeStyleResponsive("cg",o?.verticalGutter),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slidesToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slidesToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),S=system.createStyle({...helpers$1.getInitialWidthForCarouselItem({spacing:o?.spacing,slidesToShow:t?.slidesToShow})}),y={...c&&c.padding,...core.makeStyle({bs:o?.borderContent?.border,bw:o?.borderContent?.width,bc:core.getSingleColorVariable(o?.borderContent?.color)}),...core.getRadiusStyleActiveState({...o?.roundedContent,active:{...o?.roundedContent||{},radiusType:"custom"}}),...core.getStyleShadow({value:o?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:o?.hasActiveShadow}),...core.getStyleBackgroundByDevice(s),...core.getGradientBgrStyleByDevice(s,{desktop:!0,tablet:!0,mobile:!0})},g=system.createStyle({...y});return{gridLayoutStyle:m,carouselItemStyle:S,productListWrapStyle:i,productListContentStyle:d,productListWrapAlignStyle:n,productItemStyle:g}};exports.getStyle=getStyle;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../text/components/Text.js"),s=require("@gem-sdk/system"),t=require("./common/classes.js"),i=require("./common/attrs.js"),a=require("./common/helpers.js"),o=require("./hooks/useGpPrice.js"),c=require("@gem-sdk/core");exports.default=d=>{let{style:l,children:p}=d,u=c.useEditorMode(),{t:n}=c.useI18nStore(),m="edit"===u,{elementRef:x,moneyFormatted:g,currentProductId:j,isNoComparePrice:h,isNoComparePriceILP:f,shouldHiddenComparePrice:q,emitNoDataSignal:P}=o.useGpPrice(d),v=s.createClass(t.getWrapperClasses(d)),y=s.createAttr(i.getAttrs(d,{isILP:!m,productId:j,shouldHiddenComparePrice:q})),b=a.getTextProps(d,g);return e.jsxs("div",{ref:x,...y,className:v,style:f?{visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0}:l,"aria-hidden":"true",onClick:P,children:[h&&m?e.jsx(e.Fragment,{children:e.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:e.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:n("No compare price")})})}):e.jsxs(e.Fragment,{children:[e.jsx(r.default,{...b}),p]}),c.filterToolbarPreview(p,!0)]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js"),useGpPrice=require("./hooks/useGpPrice.js"),core=require("@gem-sdk/core");const ProductPrice=e=>{let{style:s,children:r}=e,t=core.useEditorMode(),{t:i}=core.useI18nStore(),c="edit"===t,{elementRef:o,moneyFormatted:u,currentProductId:a,isNoComparePrice:m,isNoComparePriceILP:n,shouldHiddenComparePrice:l,emitNoDataSignal:x}=useGpPrice.useGpPrice(e),d=system.createClass(classes.getWrapperClasses(e)),p=system.createAttr(attrs.getAttrs(e,{isILP:!c,productId:a,shouldHiddenComparePrice:l})),j=helpers.getTextProps(e,u),g={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},h=n?g:s;return jsxRuntime.jsxs("div",{ref:o,...p,className:d,style:h,"aria-hidden":"true",onClick:x,children:[m&&c?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:jsxRuntime.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:i("No compare price")})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Text.default,{...j}),r]}),core.filterToolbarPreview(r,!0)]})};exports.default=ProductPrice;

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

package/dist/cjs/product/components/product-price/common/attrs.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../helpers.js");exports.getAttrs=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:c}=t,n=p?.priceType==="compare";return e.filterTruthyObject({...d,id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":a,"data-hidden":!!n&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}")})};
+"use strict";var helpers=require("../../../../helpers.js");const getAttrs=(e,{isILP:t,productId:r,shouldHiddenComparePrice:a}={})=>{let{builderAttrs:i,setting:p,builderProps:s}=e,d=p?.priceType==="compare",c=()=>!!d&&(t?String(a):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}");return helpers.filterTruthyObject({...i,id:`shopify-text-element-${s?.uid}`,"data-id":s?.uid,"data-product-id":r,"data-hidden":c()})};exports.getAttrs=getAttrs;