@gem-sdk/components 19.1.0-staging.3 → 19.1.0-staging.32

package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return g(e);case"creation_date":return c(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
+"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return c(e);case"creation_date":return g(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
     {% assign enabled = false %}
     {% case conditionType %}
       {% when "exact" %}
@@ -63,7 +63,7 @@
       {% assign isPriceRange = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isPriceRange %}
-  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,g=i(r);return`
+  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,c=i(r);return`
       {% assign type = "${n}" %}
       {% assign shouldContinue = false %}
       {% if variant.inventory_policy == "continue" and type != "out_of_stock" %}
@@ -79,7 +79,7 @@
           {% assign to = ${s(o??"0")} %}
           ${a()}
           {% if conditionType == "below" or conditionType == "exact_or_below" %}
-            {% assign min = ${g} %}
+            {% assign min = ${c} %}
             {% assign from = 1 %}
             {% assign to = from | minus: min | plus: 1 %}
             {% if compareValue >= from and compareValue <= to %}
@@ -99,7 +99,7 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},g=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
+  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll("'","&#39;").replaceAll('"',"&quot;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -109,7 +109,7 @@
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},c=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
+  `},g=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
     {% assign type = "${t}" %}
     {% assign days = ${s(i)} %}
     {% assign from = "${n}" | date: "%Y-%m-%d" | date: "%s" | times: 1000  %}

package/dist/cjs/product/components/product-button/ProductButton.liquid.js

@@ -18,7 +18,7 @@
       gp-success-message="${h}"
       data-variant-selection-required-message="${v}"
     >
-      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      <script gp-data type="application/json">${JSON.stringify(_)}</script>
       ${n.AddToCartButton({...l,style:y})}
       ${o.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>

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

@@ -1 +1 @@
-"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/,"| escape  }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;
+"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/,"| escape  }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",inStock:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;

package/dist/cjs/product/components/product-description/ProductDescription.liquid.js

@@ -5,7 +5,7 @@
       data-view-more-text="${M}"
       data-view-less-text="${P}"
     >
-      <script gp-data type="application/json">${e.dataStringify(k).replaceAll("'","&#039;")}</script>
+      <script gp-data type="application/json">${e.dataStringify(k)}</script>
       <style>${h}${b}</style>
       <div class="${q}" ></div>
       ${s.LiquidUnless("product","<p>Product not found</p>",e.template`<${$} ${w} class="${S}" style="${L}">

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=r.createStyle(a.getWrapperTextStyle(u)),N=r.createStyle(a.getContainerStyle(u)),T=r.createClass(o.getWrapperTextClass(u)),k=r.createClass(o.getContainerClass()),D=r.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all gp-items-center",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js");require("../../../common/const.js");var i=require("../../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:q,priceSave:b,currentProductId:h,unitCustomDisplay:C,shouldPlaceholderNoDiscount:v}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(v)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let S=r.createStyle(a.getWrapperTextStyle(u)),N=r.createStyle(a.getContainerStyle(u)),T=r.createClass(o.getWrapperTextClass(u)),k=r.createClass(o.getContainerClass()),D=r.createClass(o.getRootClass({mode:g,salePrice:q,priceSave:b,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":h,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:S,children:e.jsxs("div",{className:"gp-flex gp-break-all gp-items-center",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};

package/dist/cjs/product/components/product-images-v2/components/child/ProductFeaturedImageOnly.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),g=t.useCurrentDevice(),p=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g),[g,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!p)return"#";let e=new URL(p);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[p,f,y]),T=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),b=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),T&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:j.src,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),b&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),d=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:p,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d),[d,u.ftClickOpenLightBox]),v=r.useMemo(()=>!p&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[p,c?.contentType,y]),x=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),j=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,m]),b=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect]),T=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:j,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:x?.contentType,url:x.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:x.src,width:x?.width,height:x?.height,alt:x?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:x?.contentType??""}),b&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:x.src,width:u?.hoverEffect==="other"?l?.width:x.width,height:u?.hoverEffect==="other"?l?.height:x.height,alt:u?.hoverEffect==="other"?l?.alt:x.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),T&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${x?.src}")`})}})]})}))})});exports.default=c;

package/dist/cjs/product/components/product-images-v2/components/child/ProductGalleryGrid.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("react"),s=require("../../common/common.js"),r=require("../../../../../image/components/NextImage.js"),a=require("../lightbox/ButtonOpenLightBox.js"),i=require("./MediaIcon.js"),l=require("../../common/productFeaturedImage.js"),c=require("../../common/hoverAction.js"),d=require("../../composables/getProductImagesClassName.js"),n=require("../../composables/getProductImagesStyles.js"),u=require("../../hooks/useProductGalleryGrid.js"),m=o.memo(o=>{let{builderPropUID:m,productImages:g,onHandleClick:h,activeIndexFormFeatureImage:y,children:p,isHiddenInteraction:v,...j}=o,{isDisplay:x,shapeByLayout:f,imageActiveIndex:q,enableOpenLightBox:M,isEnableBorderActive:I,filteredProductImages:w}=u.useProductGalleryGrid(o),T=t.useCurrentDevice(),{galleryGridWrapperClasses:b,galleryItemClasses:N}=d.getProductImagesClassName(j),{galleryGridStyles:P,galleryGridItemStyles:C}=n.getProductImagesStyles(j);return e.jsx(e.Fragment,{children:x&&e.jsxs("div",{"data-slot":"children","data-id":m,className:b,style:P,"gp-data-hidden":`${v}`,children:[w?.map((o,d)=>{let n=d===q,u=l.isFeatureMedia(o.contentType)?o.previewImage:o.src;return e.jsxs("div",{"aria-hidden":!0,className:N(`gem-slider-item-${m}
-                  ${n&&I?"gem-slider-item-active":""}`),onClick:()=>h(o?.id||"",M),style:C,onMouseMove:e=>c.handleMouseMove(e,{hoverEffect:j.galleryHoverEffect,zoom:j.galleryZoom,zoomType:j.galleryZoomType}),onMouseOut:e=>c.handleMouseOut(e),"data-border":n&&j?.borderActive?"active":"deactive",children:[e.jsx(r.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:s.getAspectRatio(f),layout:j?.layout},style:{width:"100%",height:"100%"}},o?.id),e.jsx(i.default,{contentType:o?.contentType||""}),j?.galleryHoverEffect!=="none"&&!l.isFeatureMedia(o?.contentType)&&e.jsx(r.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{layout:j.layout,aspectRatio:s.getAspectRatio(f)},className:t.cls("hover-image !gp-max-w-none",l.getZoomImageClass())}),j?.galleryHoverEffect=="zoom"&&j?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(t.getResponsiveValueByScreen(j.position,T)||"")&&!l.isFeatureMedia(o?.contentType)&&e.jsx("div",{className:t.cls(l.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${o?.src}")`})}}),t.getResponsiveValueByScreen(j?.clickOpenLightBox,T)&&e.jsx(a.default,{})]},o?.id)}),p]})})});exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("react"),s=require("../../common/common.js"),r=require("../../../../../image/components/NextImage.js"),a=require("../lightbox/ButtonOpenLightBox.js"),i=require("./MediaIcon.js"),l=require("../../common/productFeaturedImage.js"),c=require("../../common/hoverAction.js"),d=require("../../composables/getProductImagesClassName.js"),n=require("../../composables/getProductImagesStyles.js"),u=require("../../hooks/useProductGalleryGrid.js"),m=o.memo(o=>{let{builderPropUID:m,productImages:g,onHandleClick:h,activeIndexFormFeatureImage:y,children:p,isHiddenInteraction:v,...j}=o,{isDisplay:x,shapeByLayout:f,imageActiveIndex:q,enableOpenLightBox:M,isEnableBorderActive:I,filteredProductImages:w}=u.useProductGalleryGrid(o),T=t.useCurrentDevice(),{galleryGridWrapperClasses:b,galleryItemClasses:N}=d.getProductImagesClassName(j),{galleryGridStyles:P,galleryGridItemStyles:C}=n.getProductImagesStyles(j);return e.jsx(e.Fragment,{children:x&&e.jsxs("div",{"data-slot":"children","data-id":m,className:b,style:P,"gp-data-hidden":`${v}`,children:[w?.map((o,d)=>{let n=d===q,u=l.isFeatureMedia(o.contentType)?o.previewImage:o.src;return e.jsxs("div",{"aria-hidden":!0,className:N(`gem-slider-item-${m} ${n&&I?"gem-slider-item-active":""}`),onClick:()=>h(o?.id||"",M),style:C,onMouseMove:e=>c.handleMouseMove(e,{hoverEffect:j.galleryHoverEffect,zoom:j.galleryZoom,zoomType:j.galleryZoomType}),onMouseOut:e=>c.handleMouseOut(e),"data-border":n&&j?.borderActive?"active":"deactive",children:[e.jsx(r.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:s.getAspectRatio(f),layout:j?.layout},style:{width:"100%",height:"100%"}},o?.id),e.jsx(i.default,{contentType:o?.contentType||""}),j?.galleryHoverEffect!=="none"&&!l.isFeatureMedia(o?.contentType)&&e.jsx(r.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{layout:j.layout,aspectRatio:s.getAspectRatio(f)},className:t.cls("hover-image !gp-max-w-none",l.getZoomImageClass())}),j?.galleryHoverEffect=="zoom"&&j?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(t.getResponsiveValueByScreen(j.position,T)||"")&&!l.isFeatureMedia(o?.contentType)&&e.jsx("div",{className:t.cls(l.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${o?.src}")`})}}),t.getResponsiveValueByScreen(j?.clickOpenLightBox,T)&&e.jsx(a.default,{})]},o?.id)}),p]})})});exports.default=m;

package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js

@@ -1,41 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=g=>{let c=t.setDefaultWhenUndefineSetting(g),{setting:m,styles:f,builderProps:y,style:$}=c,{rawChildren:S,pageContext:I}=g,h={...m,...f},q=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...m,...f},j=`
     {
       "id":${JSON.stringify(y?.uid)},
-      "pageContext": ${JSON.stringify(a.filterPageContext(I))},
+      "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
       "productUrl":{{product.url | json }},
-      "product":{{ product | json }},
+      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
       "collectionUrl": {{ collection.url | json }},
-      "collection": {{ collection | json }}
+      "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(h?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(g),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(h),A=o.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:h.shapeForInside??o.sizeSettingDefaultForNewLayout},h.position),N=t.getStyleInsideLayout(h.position,A,h?.spacing),_=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
+  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
-  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:h,uid:y?.uid,type:"Liquid"})}</style>`),"")}
+  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
     {% assign featured_image = product.featured_image %}
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      ${{...v}}
+      ${{...q}}
       style="${{...$}}"
       class="${L}"
     >
-      <script gp-data type="application/json">${q}</script>
+      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${O}`,`${D}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(b),n.getStyleOfObject(G))}"
       >
-        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
-        ${u.If(!j,e.template`
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
+        ${u.If(!v,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"
         ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
-        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...I,pageContext:S}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...I,pageContext:S}))}
       </div>
     `)}
       </div>

package/dist/cjs/product/components/product-images-v3/ProductImagesV3Embla.liquid.js

@@ -1,41 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),r=require("./components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js"),i=require("./components/gallery-carousel/GalleryCarouselEmbla.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:S,pageContext:I}=c,h={...m,...f},q=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js"),r=require("./components/gallery-carousel/GalleryCarouselEmbla.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...m,...f},j=`
     {
       "id":${JSON.stringify(y?.uid)},
-      "pageContext": ${JSON.stringify(a.filterPageContext(I))},
+      "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(h?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(h),A=o.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:h.shapeForInside??o.sizeSettingDefaultForNewLayout},h.position),N=t.getStyleInsideLayout(h.position,A,h?.spacing),_=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
+  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
-  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:h,uid:y?.uid,type:"Liquid"})}</style>`),"")}
+  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
     {% assign featured_image = product.featured_image %}
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      gp-data='${q}'
-      ${{...v}}
+      ${{...q}}
       style="${{...$}}"
       class="${L}"
     >
+      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${b}`,`${O}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(D),n.getStyleOfObject(G))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
-        ${u.If(!j,e.template`
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
+        ${u.If(!v,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"
         ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
-        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...I,pageContext:S}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...I,pageContext:S}))}
       </div>
     `)}
       </div>

package/dist/cjs/product/components/product-images-v3/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");function t(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}exports.FEATURE_MEDIA_CENTER_CLASSES="gp-flex gp-items-center gp-justify-center",exports.getFeaturedCarouselItemClasses=({extraClass:e})=>{let r="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(r+=` ${e}`),t(r)},exports.getFeaturedImageCarouselClasses=({extraClass:e})=>{let r="`gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(r+=` ${e}`),t(r)},exports.getFeaturedImageClasses=({setting:r,extraClass:l})=>{let p=l??"";return e.DEVICES.forEach(t=>{let l=e.getResponsiveValueByScreen(r?.ftNavigationPosition,t),g="desktop"!==t?`${t}:`:"";"outside"===l?p+=` ${g}gp-px-[16px]`:p+=` ${g}gp-px-0`}),t(p)},exports.getFeaturedImageGalleryClasses=({settings:r,extraClass:l})=>{let p=l??"gp-flex-1 gp-w-full carousel-gallery";return e.DEVICES.forEach(t=>{let l=e.getResponsiveValueByScreen(r?.navigationPosition,t),g=e.getResponsiveValueByScreen(r?.type,t),s=e.getResponsiveValueByScreen(r?.position,t),a="desktop"!==t?`${t}:`:"";"outside"===l&&"slider"===g&&["bottom-center"].includes(s||"")?p+=` ${a}gp-px-[16px]`:p+=` ${a}gp-px-0`}),t(p)},exports.getFtImageWithGalleryClasses=({extraClass:e})=>{let r="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(r+=` ${e}`),t(r)},exports.getGalleryGridWrapperClasses=({extraClass:e})=>{let r="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400 gp-z-1";return e&&(r+=` ${e}`),t(r)},exports.getGalleryItemClasses=({extraClass:e})=>{let r="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer";return e&&(r+=` ${e}`),t(r)},exports.getGalleryWrapperClasses=({extraClass:e})=>{let r="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(r+=` ${e}`),t(r)},exports.getImageGalleryWrapperClasses=({extraClass:e})=>{let r="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(r+=` ${e}`),t(r)},exports.getWrapperClasses=({extraClass:e,isAddOverFlowClass:r=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),r&&(l+=" gp-overflow-hidden"),t(l)};
+"use strict";var e=require("@gem-sdk/core");function t(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}exports.FEATURE_MEDIA_CENTER_CLASSES="gp-flex gp-items-center gp-justify-center",exports.getFeaturedCarouselItemClasses=({extraClass:e})=>{let r="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(r+=` ${e}`),t(r)},exports.getFeaturedImageCarouselClasses=({extraClass:e})=>{let r="gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(r+=` ${e}`),t(r)},exports.getFeaturedImageClasses=({setting:r,extraClass:l})=>{let p=l??"";return e.DEVICES.forEach(t=>{let l=e.getResponsiveValueByScreen(r?.ftNavigationPosition,t),g="desktop"!==t?`${t}:`:"";"outside"===l?p+=` ${g}gp-px-[16px]`:p+=` ${g}gp-px-0`}),t(p)},exports.getFeaturedImageGalleryClasses=({settings:r,extraClass:l})=>{let p=l??"gp-flex-1 gp-w-full carousel-gallery";return e.DEVICES.forEach(t=>{let l=e.getResponsiveValueByScreen(r?.navigationPosition,t),g=e.getResponsiveValueByScreen(r?.type,t),s=e.getResponsiveValueByScreen(r?.position,t),a="desktop"!==t?`${t}:`:"";"outside"===l&&"slider"===g&&["bottom-center"].includes(s||"")?p+=` ${a}gp-px-[16px]`:p+=` ${a}gp-px-0`}),t(p)},exports.getFtImageWithGalleryClasses=({extraClass:e})=>{let r="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(r+=` ${e}`),t(r)},exports.getGalleryGridWrapperClasses=({extraClass:e})=>{let r="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400 gp-z-1";return e&&(r+=` ${e}`),t(r)},exports.getGalleryItemClasses=({extraClass:e})=>{let r="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer";return e&&(r+=` ${e}`),t(r)},exports.getGalleryWrapperClasses=({extraClass:e})=>{let r="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(r+=` ${e}`),t(r)},exports.getImageGalleryWrapperClasses=({extraClass:e})=>{let r="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(r+=` ${e}`),t(r)},exports.getWrapperClasses=({extraClass:e,isAddOverFlowClass:r=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),r&&(l+=" gp-overflow-hidden"),t(l)};

package/dist/cjs/product/components/product-images-v3/components/child/ProductFeaturedImageOnly.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),p=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,y]),b=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),M=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]),T=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?T(j):T(l):c.src,[l,j,u.hoverEffect,T]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",thumbnail:j?.previewImage,aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),b&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),M&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),p=t.useCurrentDevice(),d=t.useShopStore(e=>e.storefrontUrl),{isEditMode:g,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),v=r.useMemo(()=>!g&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[g,c?.contentType,y]),b=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),x=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!d)return"#";let e=new URL(d);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[d,f,m]),j=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect]),E=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect,u?.zoomType]),T=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?T(b):T(l):n.src,[l,b,u.hoverEffect,T]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:x,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:b?.contentType,url:b.src??"",thumbnail:b?.previewImage,aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:b.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:b?.contentType??""}),j&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:b.width,height:u?.hoverEffect==="other"?l?.height:b.height,alt:u?.hoverEffect==="other"?l?.alt:b.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),E&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${b?.src}")`})}})]})}))})});exports.default=c;

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

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

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

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");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");var d=require("../../../../common/const.js");const c="gid://shopify/Collection/",l="gid://shopify/Product/";exports.PREFIX_COLLECTION_ID=c,exports.PREFIX_PRODUCT_ID=l,exports.getData=t=>{let{setting:r,styles:c}=t,l=r?.productSetting??{},i=l.productSrc===d.PRODUCT_LIST_PRODUCT_SOURCE.RelatedProduct,u=o.getUpdatedDotStyle(r?.dot,r?.dotStyle),n={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...r};delete n.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:u,carouselConfigSetting:n,carouselConfigStyle:a}},exports.getDataLiquid=e=>{let{setting:o,styles:i}=e,u=o?.productSetting,n=u?.relatedTag,a=u?.hasRelatedExclude,s=(n&&n[0]===r.RELATED_TAG_PRODUCT_SETTING.Collection?u?.relatedCollectionExclude:u?.relatedTagsExclude)??"",p=s?.split(",").map(e=>e.trim()).toString(),C=u?.productSrc??d.PRODUCT_LIST_PRODUCT_SOURCE.Collection,T=u?.collectionId?.replace(c,"")??"latest",S=u?.productSrc===d.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct&&u?.productIds?.length===0,_=i?.layout==="grid",P=t.convertUnitToNumber(o?.numberOfProducts,4),R=C===d.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct&&u?.productIds?.length?u?.productIds.map(e=>e.replace(l,"")):[],g=C===d.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct&&u?.productHandles?.length?u?.productHandles:[],O=o?.orderBy&&o?.orderBy!=="none",U=(u?.productSrc===d.PRODUCT_LIST_PRODUCT_SOURCE.Collection||u?.productSrc===d.PRODUCT_LIST_PRODUCT_SOURCE.DynamicCollection)&&O?o?.orderBy?.split("_"):"none",D=O&&U?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",I=U?.[U.length-1]==="DESC";return{hasRelatedExclude:a,relatedExcludeTrim:p,collectionID:T,isLatestProducts:S,isGrid:_,numberOfProducts:P,productListId:R,productListHandles:g,sortedBy:D,isReverse:I,productSrc:C,productSetting:u,isSorted:O,relatedTag:n,productNumber:C===d.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct?S?4:u?.numOfSelectedProducts??4:P,collectionHandle:u?.collectionHandle}};

package/dist/cjs/product/components/product-list-v3/constants/index.js

@@ -0,0 +1 @@
+"use strict";exports.RELATED_TAG_PRODUCT_SETTING=void 0,function(T){T.Tags="tags",T.Collection="collection",T.Vendor="vendor"}(exports.RELATED_TAG_PRODUCT_SETTING||(exports.RELATED_TAG_PRODUCT_SETTING={})),exports.DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS=4;

package/dist/cjs/product/components/product-list-v3/hooks/useCollectionQuery.js

@@ -0,0 +1 @@
+"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("swr");require("react/jsx-runtime");var o=require("../../../../common/const.js");exports.useCollectionQuery=({productSrc:a,numberOfProducts:i,orderBy:l,collectionID:n})=>{let u=e.useFetchHandle(),s=e.usePageStore(e=>e.publicStoreFrontData),c=r.useMemo(()=>e.hasPublicStoreFrontData(s)?e.createStoreFrontFetcher(s):u,[s]),C=e.useIsSampleProduct(),S=e.useIsStorefrontProduct(),d=r.useMemo(()=>a!==o.PRODUCT_LIST_PRODUCT_SOURCE.Collection&&a!==o.PRODUCT_LIST_PRODUCT_SOURCE.DynamicCollection?null:e.generateCollectionQueryKey({id:n,numberOfProducts:i,orderBy:l,isSample:C,isStorefront:S}),[a,C,S,n,i,l]),O=t(d,([,r])=>e.getCollection(c,r),{revalidateOnMount:!1,refreshInterval:0,revalidateIfStale:!1});return r.useEffect(()=>{if(a!==o.PRODUCT_LIST_PRODUCT_SOURCE.Collection&&a!==o.PRODUCT_LIST_PRODUCT_SOURCE.DynamicCollection)return;let e=!!O.error,r=O.isLoading||O.isValidating,t=!O.data&&!r;!e&&t&&O.mutate()},[a,O.data,O.error,O.isLoading,O.isValidating]),O};

package/dist/cjs/product/components/product-list-v3/hooks/useMainRelatedProductQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../product-wrap/hook/useProductQuery.js");exports.default=({isRelatedProduct:r,relatedProductIdAssigned:t})=>{let{productData:{data:u,isLoading:d}}=e.default({id:r&&t?t:void 0});return{relatedProductIdAssigned:t,mainRelatedProduct:u,isLoading:d}};

package/dist/cjs/product/components/product-list-v3/hooks/useProductRelatedQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("swr"),a=require("@gem-sdk/core"),r=require("./useMainRelatedProductQuery.js"),i=require("../constants/index.js");exports.default=({isRelatedProduct:d,productSetting:s,relatedProductIdAssigned:l,numberOfProducts:o})=>{let[n,u]=e.useState(!1),[c,g]=e.useState(),{mainRelatedProduct:h,isLoading:T}=r.default({isRelatedProduct:d,relatedProductIdAssigned:l}),f=a.useFetchHandle(),E=a.usePageStore(e=>e.publicStoreFrontData),m=e.useMemo(()=>a.hasPublicStoreFrontData(E)?a.createStoreFrontFetcher(E):f,[E]),P=t(c?["query/products",c]:null,async([,e])=>a.getProductQueryAll(m,e),{revalidateOnMount:!1,keepPreviousData:!0,refreshInterval:0,revalidateIfStale:!1}),p=s.relatedTag&&s.relatedTag[0],v=e.useMemo(()=>{if(!p)return!1;let e=p===i.RELATED_TAG_PRODUCT_SETTING.Tags&&!h?.tags?.length,t=p===i.RELATED_TAG_PRODUCT_SETTING.Collection&&!h?.collections?.edges.length,a=p===i.RELATED_TAG_PRODUCT_SETTING.Vendor&&!h?.vendor;return e||t||a},[p,h]),I=e.useMemo(()=>{if(!d)return!1;if(!h&&T)return!0;let e=!P.data&&!P.error&&!P.isLoading;return e||!P.error&&(P.isLoading||P.isValidating)},[d,h,T,P.error,P.isLoading,P.isValidating,P.data]);return e.useEffect(()=>{if(d&&h&&s.relatedTag&&"recommended-product"!==s.relatedType){let e;switch(u(!1),s.hasRelatedExclude&&(e=s?.relatedExclude&&s.relatedExclude.split(",").map(e=>e.trim())),s.relatedTag[0]){case"vendor":g({first:o,vendor:s.relatedTag&&"vendor"===s.relatedTag[0]?h?.vendor:"",idNEQ:h.id});break;case"collection":{let t=h?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){u(!0);break}g(e&&e.length>0?{first:o,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}:{first:o,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]});break}case"tags":if(!h.tags||0===h.tags.length){u(!0);break}g(e&&e.length>0?{first:o,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags},{nameNotIn:e}]}]}:{first:o,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags}]}]})}}},[h,s.relatedType,s.relatedTag,o,s.relatedExclude,s.hasRelatedExclude,d]),e.useEffect(()=>{if(!d||!c)return;let e=!!P.error,t=P.isLoading||P.isValidating,a=!P.data&&!t;!e&&a&&P.mutate()},[d,P.data,P.error,P.isLoading,P.isValidating,c]),{isNotFoundRelatedProduct:n,relatedProducts:P,isNoRelatedProductData:v,relatedTagString:p,isLoading:I}};

package/dist/cjs/product/components/product-list-v3/hooks/useProductsQuery.js

@@ -0,0 +1 @@
+"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("swr");require("react/jsx-runtime");var a=require("../../../../common/const.js");exports.useProductsQuery=({defaultSelectedProductCount:u,productIds:s,productSrc:o,selectedStatus:i})=>{let c=e.useFetchHandle(),n=e.usePageStore(e=>e.publicStoreFrontData),d=r.useMemo(()=>e.hasPublicStoreFrontData(n)?e.createStoreFrontFetcher(n):c,[n]),P=e.useIsSampleProduct(),l=e.useIsStorefrontProduct(),S=r.useMemo(()=>o!==a.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct?null:e.generateProductsQueryKey({ids:s??[],isSample:P,isStorefront:l,defaultSelectedProductCount:u,selectedStatus:i}),[o,s,P,l,u]),g=t(S,async([,r])=>e.getProducts(d,r),{revalidateOnMount:!1,refreshInterval:0,revalidateIfStale:!1});return r.useEffect(()=>{if(o!==a.PRODUCT_LIST_PRODUCT_SOURCE.PickProduct)return;let e=!!g.error,r=g.isLoading||g.isValidating,t=!g.data&&!r;!e&&t&&g.mutate()},[o,g.data,g.error,g.isLoading,g.isValidating]),{...g}};

package/dist/cjs/product/components/product-list-v3/hooks/useRelatedProductIDAssigned.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core");exports.default=function({productSetting:r}){let t=e.usePageStore(e=>e.dynamicProduct),d=r.relatedProductId,u=t?.productId&&t?.productId!==d?t?.productId:d;return{relatedProductIdAssigned:u}};

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 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)]})};

package/dist/cjs/product/components/product-price/hooks/useGpPrice.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../../product-variants/common/common.js"),t=require("@gem-sdk/core");exports.useGpPrice=u=>{let{setting:i,builderProps:c}=u,o=e.useRef(null),a=t.useEditorMode(),{quantity:n,hasUpdatePrice:s}=t.useQuantity(),d=t.useCurrentVariant(),{useProductCompareAtPrice:p}=t.useProductBundleDiscount(),l=u["bundle-item"],m=t.convertDecimalToNumber(d?.price)??0,g=t.convertDecimalToNumber(d?.salePrice)??0,b=i?.priceType==="compare",{trigger:y}=t.useInteraction(),P=t.useProduct(),h=P?.baseID?.replace("gid://shopify/Product/",""),v=t.useShopStore(e=>e.showPriceCurrency),M=e.useMemo(()=>l?.quantity?l.quantity:s&&n||1,[n,s,l?.quantity]),T=e.useMemo(()=>{let e=Number(l?.discountValue);return l?.discountType==="percentage"?m*M*e/100:e},[l?.discountType,l?.discountValue,m,M]),q=e.useMemo(()=>l?.discountValue?p?(g||m)*M:m*M:g*M,[l?.discountValue,m,M,g,p]),w=e.useMemo(()=>{let e=m*M;return b?q:T?Math.max(0,e-T):e},[m,M,T,q,b]),D=e.useMemo(()=>!!b&&(!(g>m)||!(g>=0)),[b,g,m]),N=(e,r)=>{y({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${c?.uid}"]`,element:o.current}),y({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${c?.uid}"]`,element:o.current})};r.useTransition(e=>{e!==m&&N(m,"price")},[m]),r.useTransition(e=>{e!==g&&N(g,"compare")},[g]);let V=t.useFormatMoney(w??0,v||!1),C=b&&!w;return{elementRef:o,moneyFormatted:V,currentProductId:h,isNoComparePrice:C,isNoComparePriceILP:"edit"!==a&&C,emitNoDataSignal:()=>{if("edit"!==a)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:c?.uid,value:!w&&b,tag:"ProductPrice"}});window.dispatchEvent(e)},shouldHiddenComparePrice:D}};
+"use strict";var e=require("react"),r=require("../../product-variants/common/common.js"),t=require("../../../helpers/product-bundle.js"),u=require("@gem-sdk/core");exports.useGpPrice=i=>{let{setting:o,builderProps:a}=i,c=e.useRef(null),n=u.useEditorMode(),{quantity:s,hasUpdatePrice:d}=u.useQuantity(),l=u.useCurrentVariant(),{useProductCompareAtPrice:m}=u.useProductBundleDiscount(),p=i["bundle-item"],g=u.convertDecimalToNumber(l?.price)??0,y=u.convertDecimalToNumber(l?.salePrice)??0,b=o?.priceType==="compare",{trigger:h}=u.useInteraction(),M=u.useProduct(),P=M?.baseID?.replace("gid://shopify/Product/",""),v=u.useShopStore(e=>e.showPriceCurrency),{moneyFormat:q}=u.useMoneyFormat(),D=e.useMemo(()=>p?.quantity?p.quantity:d&&s||1,[s,d,p?.quantity]),w=e.useMemo(()=>p?t.calculateBundleFixedDiscount(g,{...p,quantity:D},t.getMoneyFormatDecimals(q)):0,[p,g,D,q]),T=e.useMemo(()=>p?.discountValue?m?(y||g)*D:g*D:y*D,[p?.discountValue,g,D,y,m]),C=e.useMemo(()=>{let e=g*D;return b?T:w?Math.max(0,e-w):e},[g,D,w,T,b]),F=e.useMemo(()=>!!b&&(!(y>g)||!(y>=0)),[b,y,g]),N=(e,r)=>{h({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${a?.uid}"]`,element:c.current}),h({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${a?.uid}"]`,element:c.current})};r.useTransition(e=>{e!==g&&N(g,"price")},[g]),r.useTransition(e=>{e!==y&&N(y,"compare")},[y]);let f=u.useFormatMoney(C??0,v||!1),k=b&&!C;return{elementRef:c,moneyFormatted:f,currentProductId:P,isNoComparePrice:k,isNoComparePriceILP:"edit"!==n&&k,emitNoDataSignal:()=>{if("edit"!==n)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:a?.uid,value:!C&&b,tag:"ProductPrice"}});window.dispatchEvent(e)},shouldHiddenComparePrice:F}};

package/dist/cjs/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../../../../helpers.js");exports.getOptionStyles=o=>{let{valueBgColor:l,valueTextColor:r}=o??{},b=e.getGlobalColorStateResponsiveStyle("bg",l),s=e.getGlobalColorStateStyle("c",r),a={"--c":s["--focus-c"]?s["--focus-c"]:s["--c"],"--bg":b["--focus-bg"]?b["--focus-bg"]:b["--bg"],"--bg-tablet":b["--focus-bg-tablet"]?b["--focus-bg-tablet"]:b["--bg-tablet"],"--bg-mobile":b["--focus-bg-mobile"]?b["--focus-bg-mobile"]:b["--bg-mobile"]};return t.filterTruthyObject(a)},exports.getSelectStyles=t=>{let{fullWidth:o,width:l,height:r,borderInput:b,borderRadius:s,hasShadowInput:a,shadowInput:g,valueBgColor:c,valueTextColor:S}=t??{},i=e.makeStyleResponsive("w",e.makeWidth(l,o)),u=r?e.makeStyleResponsive("h",r):{};return{...i,...u,...e.handleConvertBorderStyle(b),...e.handleConvertBorderWidth(b),...e.handleConvertBorderColor(b),...e.composeRadius(s),...e.getStyleShadowState(g,"box-shadow",a),...e.getGlobalColorStateResponsiveStyle("bg",c),...e.getGlobalColorStateStyle("c",S)}};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../../../../helpers.js");exports.getOptionStyles=o=>{let{valueBgColor:l,valueTextColor:r}=o??{},s=e.getGlobalColorStateResponsiveStyle("bg",l),b=e.getGlobalColorStateStyle("c",r),a={"--c":b["--focus-c"]?b["--focus-c"]:b["--c"],"--bg":s["--focus-bg"]?s["--focus-bg"]:s["--bg"],"--bg-tablet":s["--focus-bg-tablet"]?s["--focus-bg-tablet"]:s["--bg-tablet"],"--bg-mobile":s["--focus-bg-mobile"]?s["--focus-bg-mobile"]:s["--bg-mobile"]};return t.filterTruthyObject(a)},exports.getSelectStyles=t=>{let{fullWidth:o,width:l,height:r,borderInput:s,borderRadius:b,hasShadowInput:a,shadowInput:g,valueBgColor:c,valueTextColor:S,valueTypo:i,valueTypography:u}=t??{},y=e.makeStyleResponsive("w",e.makeWidth(l,o)),n=r?e.makeStyleResponsive("h",r):{},d=e.composeTypographyStyle(i,u);return{...y,...n,...e.handleConvertBorderStyle(s),...e.handleConvertBorderWidth(s),...e.handleConvertBorderColor(s),...e.composeRadius(b),...e.getStyleShadowState(g,"box-shadow",a),...e.getGlobalColorStateResponsiveStyle("bg",c),...e.getGlobalColorStateStyle("c",S),...d}};

package/dist/cjs/product/components/product-quick-view/ProductQuickView.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),s=require("../../../grid/components/row/Row.js"),i=require("../../../grid/components/col/Col.js");require("../../../modal/components/confirm.js");var l=require("../../../modal/components/Modal.js"),o=require("../product-button/ProductButton.js"),u=require("../ProductImages.js"),a=require("../product-price/ProductPrice.js"),d=require("../product-quantity/ProductQuantity.js"),c=require("../product-title/ProductTitle.js"),n=require("../product-variants/ProductVariants.js");const p=()=>{let r=t.useProduct(),{data:l,isValidating:p,error:g}=t.useProductQuery(r?.id);return p?e.jsx("div",{children:e.jsxs("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):g?e.jsx("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):e.jsx(t.ProductProvider,{product:l,children:e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[e.jsx(i.default,{children:e.jsx(u.default,{})}),e.jsxs(i.default,{children:[e.jsx(c.default,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),e.jsx(n.default,{}),e.jsx(d.default,{}),e.jsx(o.default,{})]})]})})},g=({label:s})=>{let[i,o]=r.useState(!1),u=t.usePluginEnable();return u?.includes("quick-view")?e.jsxs("div",{children:[e.jsx("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>o(e=>!e),children:s}),e.jsx(l.default,{setting:{open:i},closeOnClickOutside:!0,onClose:()=>o(e=>!e),children:e.jsx(p,{})})]}):null};g.defaultProps={label:"Quick View"},exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react");require("../../../common/const.js");var s=require("../../../grid/components/row/Row.js"),i=require("../../../grid/components/col/Col.js");require("../../../modal/components/confirm.js");var l=require("../../../modal/components/Modal.js"),o=require("../product-button/ProductButton.js"),u=require("../ProductImages.js"),a=require("../product-price/ProductPrice.js"),c=require("../product-quantity/ProductQuantity.js"),d=require("../product-title/ProductTitle.js"),n=require("../product-variants/ProductVariants.js");const p=()=>{let r=t.useProduct(),{data:l,isValidating:p,error:g}=t.useProductQuery(r?.id);return p?e.jsx("div",{children:e.jsxs("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):g?e.jsx("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):e.jsx(t.ProductProvider,{product:l,children:e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[e.jsx(i.default,{children:e.jsx(u.default,{})}),e.jsxs(i.default,{children:[e.jsx(d.default,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),e.jsx(n.default,{}),e.jsx(c.default,{}),e.jsx(o.default,{})]})]})})},g=({label:s})=>{let[i,o]=r.useState(!1),u=t.usePluginEnable();return u?.includes("quick-view")?e.jsxs("div",{children:[e.jsx("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>o(e=>!e),children:s}),e.jsx(l.default,{setting:{open:i},closeOnClickOutside:!0,onClose:()=>o(e=>!e),children:e.jsx(p,{})})]}):null};g.defaultProps={label:"Quick View"},exports.default=g;

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

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

package/dist/cjs/product/components/product-variants/components/rectangle-list/RectangleList.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("react");exports.default=({value:a,isVariantOutStock:o,checked:r,swatchAutoWidth:s,swatchWidth:i,swatchHeight:c,optionTransform:g,optionTypography:n,optionBgColor:p,optionTextColor:d,optionBorder:b,optionRounded:v,optionHasShadow:S,optionShadow:y,optionTypo:C})=>{let m=t.makeStyleResponsive("w",t.makeWidth(i,s)),u=l.useMemo(()=>({...v,active:{...v?.active||{},radiusType:"custom"}}),[v]),h=t.composeTypographyClassName(C,n),x=t.composeTypographyStyle(C,n);return e.jsx("div",{className:t.cls(r?t.getGlobalColorClass("bg",p?.active):t.getGlobalColorStateClass("bg",p),t.handleConvertClassColor(b),h,"gp-box-border gp-inline-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center",{"gp-pointer-events-none  !gp-cursor-not-allowed":o}),style:{...r?{}:t.getGlobalColorStateStyle("bg",p),...r?t.makeStyle({bg:t.getSingleColorVariable(p?.active),bs:b?.active?.border,bw:b?.active?.width,bc:t.getSingleColorVariable(b?.active?.color)}):{},...t.makeStyle({tt:g}),...x,...t.makeStyleResponsive("h",c),...m,...r?t.getRadiusStyleActiveState(u):t.composeRadius(v),...r?t.getStyleShadow({value:y?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:S?.active},!0):t.getStyleShadowState(y,"box-shadow",S),...r?{}:t.handleConvertBorderStyle(b),...r?{}:t.handleConvertBorderWidth(b),...r?{}:t.handleConvertBorderColor(b)},children:e.jsx("span",{className:t.cls("gp-flex gp-items-center gp-px-[16px]",r?t.getGlobalColorClass("text",d?.active):t.getGlobalColorStateClass("text",d)),style:{...r?t.makeStyle({c:t.getSingleColorVariable(d?.active)}):t.getGlobalColorStateStyle("c",d)},children:a?.label})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("react");exports.default=({value:a,isVariantOutStock:o,checked:r,swatchAutoWidth:s,swatchWidth:i,swatchHeight:c,optionTransform:g,optionTypography:n,optionBgColor:p,optionTextColor:d,optionBorder:b,optionRounded:v,optionHasShadow:S,optionShadow:y,optionTypo:C})=>{let m=t.makeStyleResponsive("w",t.makeWidth(i,s)),u=l.useMemo(()=>({...v,active:{...v?.active||{},radiusType:"custom"}}),[v]),h=t.composeTypographyClassName(C,n),x=t.composeTypographyStyle(C,n);return e.jsx("div",{className:t.cls(r?t.getGlobalColorClass("bg",p?.active):t.getGlobalColorStateClass("bg",p),t.handleConvertClassColor(b),h,"gp-box-border gp-inline-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center",{"gp-pointer-events-none !gp-cursor-not-allowed":o}),style:{...r?{}:t.getGlobalColorStateStyle("bg",p),...r?t.makeStyle({bg:t.getSingleColorVariable(p?.active),bs:b?.active?.border,bw:b?.active?.width,bc:t.getSingleColorVariable(b?.active?.color)}):{},...t.makeStyle({tt:g}),...x,...t.makeStyleResponsive("h",c),...m,...r?t.getRadiusStyleActiveState(u):t.composeRadius(v),...r?t.getStyleShadow({value:y?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:S?.active},!0):t.getStyleShadowState(y,"box-shadow",S),...r?{}:t.handleConvertBorderStyle(b),...r?{}:t.handleConvertBorderWidth(b),...r?{}:t.handleConvertBorderColor(b)},children:e.jsx("span",{className:t.cls("gp-flex gp-items-center gp-px-[16px]",r?t.getGlobalColorClass("text",d?.active):t.getGlobalColorStateClass("text",d)),style:{...r?t.makeStyle({c:t.getSingleColorVariable(d?.active)}):t.getGlobalColorStateStyle("c",d)},children:a?.label})})};