@gem-sdk/components 12.0.0-dev.145 → 12.0.0-dev.147

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/cjs/carousel-v3/components/root/common/helpers.js +1 -1
  2. package/dist/cjs/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js +40 -48
  3. package/dist/cjs/product/components/product-images-v3/components/gallery-carousel/GalleryCarousel.liquid.js +1 -1
  4. package/dist/cjs/product/components/product-list-v3/ProductList.js +1 -1
  5. package/dist/cjs/product/components/product-list-v3/common/classes.js +1 -1
  6. package/dist/cjs/product/components/product-list-v3/hooks/useCollectionQuery.js +1 -1
  7. package/dist/cjs/product/components/product-list-v3/hooks/useMainRelatedProductQuery.js +1 -1
  8. package/dist/cjs/product/components/product-wrap/hook/useProductQuery.js +1 -0
  9. package/dist/cjs/product/components/product-wrap/hook/useProductSetting.js +1 -1
  10. package/dist/esm/carousel-v3/components/root/common/helpers.js +1 -1
  11. package/dist/esm/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js +30 -38
  12. package/dist/esm/product/components/product-images-v3/components/gallery-carousel/GalleryCarousel.liquid.js +4 -4
  13. package/dist/esm/product/components/product-list-v3/ProductList.js +1 -1
  14. package/dist/esm/product/components/product-list-v3/common/classes.js +1 -1
  15. package/dist/esm/product/components/product-list-v3/hooks/useCollectionQuery.js +1 -1
  16. package/dist/esm/product/components/product-list-v3/hooks/useMainRelatedProductQuery.js +1 -1
  17. package/dist/esm/product/components/product-wrap/hook/useProductQuery.js +1 -0
  18. package/dist/esm/product/components/product-wrap/hook/useProductSetting.js +1 -1
  19. package/package.json +2 -2
@@ -1 +1 @@
1
- "use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:i,rootId:a,builderProps:s,styles:n,moveToIdx:l,isHiddenArrowWhenDisabled:u,renderByLayout:p,rootAttrs:d}=r,c=a??s?.uid,g=`gp-carousel-slider-${s?.uid}`,{enableAction:f={desktop:!0},navigationStyle:y,navigationEnable:S={desktop:!0}}=i??{},k=t.createStateOrContext({id:c,moveToIdx:l,isHiddenArrowWhenDisabled:u,setting:i,styles:n,renderByLayout:p,type:d?.type});return d?.["feature-media-position"]&&(k.featureMediaPosition="{{ featureMediaPosition }}"),{loopConfig:(()=>{let t=i?.loop;return o.forEach(r=>{t={...t,[r]:!!e.getResponsiveValueByScreen(f)&&t?.[r]}}),t})(),stateData:JSON.stringify(k).replaceAll("'","'"),uniqueComponentId:c,arrowShowConfig:(()=>{let t=y;return o.forEach(r=>{t={...t,[r]:e.getResponsiveValueByScreen(S,r)?e.getResponsiveValueByScreen(t,r):"none"}}),t})(),sliderSelector:g}};
1
+ "use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:l,moveToIdx:n,isHiddenArrowWhenDisabled:p,renderByLayout:u,rootAttrs:c}=r,g=a??i?.uid,d=`gp-carousel-slider-${i?.uid}`,{enableAction:y={desktop:!0},navigationStyle:S,navigationEnable:f={desktop:!0}}=s??{},k=t.createStateOrContext({id:g,moveToIdx:n,isHiddenArrowWhenDisabled:p,setting:s,styles:l,renderByLayout:u,type:c?.type});return{loopConfig:(()=>{let t=s?.loop;return o.forEach(r=>{t={...t,[r]:!!e.getResponsiveValueByScreen(y)&&t?.[r]}}),t})(),stateData:JSON.stringify(k).replaceAll("'","'"),uniqueComponentId:g,arrowShowConfig:(()=>{let t=S;return o.forEach(r=>{t={...t,[r]:e.getResponsiveValueByScreen(f,r)?e.getResponsiveValueByScreen(t,r):"none"}}),t})(),sliderSelector:d}};
@@ -1,69 +1,69 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),d=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),r=require("../../../../../image/components/Video.liquid.js"),o=require("../../../../helpers/function.js"),u=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),n=require("../../composables/getProductImagesAttr.js"),g=require("@gem-sdk/system"),m=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),p=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:c,children:f,enableLazyLoadImage:y,...h})=>{let{featuredImageCarouselClasses:q,galleryItemClasses:I,featuredCarouselItemClasses:M}=l.getProductImagesClassName({...h,builderProps:{uid:c}}),{featuredImageCarouselStyle:b,featureImageStyle:_,featureImageCarouselOnlyOneImageStyle:v,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=u.getProductImagesStyles(h),{featuredImageCarouselSettingAttrs:L}=n.getProductImagesAttr(h),S=i.getAspectRatio(h.ftShape),x=g.If("other"==h.hoverEffect,g.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),P=()=>`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),d=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),c=require("@gem-sdk/system"),n=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),m=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:p,children:f,enableLazyLoadImage:y,...h})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:b}=l.getProductImagesClassName({...h,builderProps:{uid:p}}),{featuredImageCarouselStyle:v,featureImageStyle:M,featureImageCarouselOnlyOneImageStyle:_,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=o.getProductImagesStyles(h),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(h),S=i.getAspectRatio(h.ftShape),x=c.If("other"==h.hoverEffect,c.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),j=()=>`
2
2
  {% case featureMedia.media_type %}
3
3
  {% when 'image' %}
4
4
  ${R()}
5
5
  {% when 'external_video' %}
6
6
  {% assign mediaSourceVideo = featureMedia | external_video_url %}
7
- ${O()}
7
+ ${z()}
8
8
  {% when 'video' %}
9
9
  {% assign mediaSourceVideo = featureMedia.sources.last.url %}
10
- ${z()}
10
+ ${P()}
11
11
  {% when 'model' %}
12
- ${j()}
12
+ ${O()}
13
13
  {% else %}
14
- ${C()}
14
+ ${k()}
15
15
  {% endcase %}
16
- `,j=()=>d.default({src:g.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),O=()=>r.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),z=()=>{let i=g.createStyle({...a.getVideoHeight(h?.ftLayout),...e.makeStyleResponsive("objf",h?.ftLayout)}),d=g.createStyle({...a.getVideoHeight(h?.ftLayout)});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:d,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
17
- ${k(e.cls("gp-w-full gp-transition-opacity",x,"{{shouldHidden}}"))}
18
- ${g.If(h?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
19
- ${k("image-zoom",!0)}
16
+ `,O=()=>r.default({src:c.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),z=()=>d.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),P=()=>{let i=c.createStyle({...a.getVideoHeight(h?.ftLayout),...e.makeStyleResponsive("objf",h?.ftLayout)}),r=c.createStyle({...a.getVideoHeight(h?.ftLayout)});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:r,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
17
+ ${C(e.cls("gp-w-full gp-transition-opacity",x,"{{shouldHidden}}"))}
18
+ ${c.If(h?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
19
+ ${C("image-zoom",!0)}
20
20
  </div>`," ")}
21
- ${g.If(h?.hoverEffect=="zoom"&&h?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
22
- `,k=(a,t)=>e.template`
21
+ ${c.If(h?.hoverEffect=="zoom"&&h?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
22
+ `,C=(a,t)=>e.template`
23
23
  {% assign src = featureMedia.src %}
24
- ${g.If(t&&"other"==h.hoverEffect,`{% assign media_length = product.media | size %}
24
+ ${c.If(t&&"other"==h.hoverEffect,`{% assign media_length = product.media | size %}
25
25
  {% assign other_image_index = ${h.otherImage} | plus: 0 %}
26
26
  {% if other_image_index >= media_length %}
27
27
  {% assign other_image_index = media_length | minus: 1 %}
28
28
  {% endif %}
29
29
  {% assign otherImage = product.media[other_image_index] %}
30
- ${g.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
30
+ ${c.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
31
31
  `)}
32
- ${s.default({srcIsLiquidCode:!0,src:g.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:g.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:y})}`,C=()=>e.template`
33
- ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:y})}`,T=i.getPaddingBottomByShapeSetting(h.ftShape),F=a.checkRenderFeaturedCarousel(h),N="gp-featured-image-wrapper",W=g.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
34
- ${g.LiquidFor("featureMedia in product.media",`
32
+ ${s.default({srcIsLiquidCode:!0,src:c.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:c.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:y})}`,k=()=>e.template`
33
+ ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:y})}`,T=i.getPaddingBottomByShapeSetting(h.ftShape),N=a.checkRenderFeaturedCarousel(h),W="gp-featured-image-wrapper",A=c.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
34
+ ${c.LiquidFor("featureMedia in product.media",`
35
35
  {% assign height = featureMedia.height | times: 1.0 %}
36
36
  {% assign width = featureMedia.width | times: 1.0 %}
37
37
  {% assign ratio = height | divided_by: width %}
38
- ${g.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
38
+ ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
39
39
  `)}
40
- ${g.LiquidFor("featureMedia in product.media",`${g.LiquidIf("featureMedia.media_type == 'image'",`${g.LiquidFor("image in product.images",g.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
40
+ ${c.LiquidFor("featureMedia in product.media",`${c.LiquidIf("featureMedia.media_type == 'image'",`${c.LiquidFor("image in product.images",c.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
41
41
 
42
- ${g.Liquid(`{% assign productImageWidth = 0 %}
42
+ ${c.Liquid(`{% assign productImageWidth = 0 %}
43
43
  {% case featureMedia.media_type %}
44
44
  {% when 'image' %}
45
45
  {% assign productImageWidth = featureMedia.width %}
46
46
  {% else %}
47
47
  {% assign productImageWidth = featureMedia.preview_image.width %}
48
48
  {% endcase %}`)}
49
- ${p.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${I("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${c}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
49
+ ${m.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${q("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${p}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
50
50
  <div
51
- class="gp-w-full gp-relative ${g.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
52
- style="${o.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${g.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
51
+ class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
52
+ style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
53
53
  >
54
- ${P()}
54
+ ${j()}
55
55
  </div>
56
56
  `})}`)}
57
- `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:h?.preload,setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:y}));return g.Liquid(`
57
+ `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:h?.preload,setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:y}));return c.Liquid(`
58
58
  {% capture featureImageOnlyOne %}
59
- ${g.Liquid(`
59
+ ${c.Liquid(`
60
60
  {% assign featureMedia = variant.featured_media %}
61
61
  {% unless featureMedia %}
62
62
  {% assign featureMedia = product.featured_media %}
63
63
  {% endunless %}
64
- ${g.LiquidIf("product.media.size > 1",(()=>{switch(h?.preDisplay){case"1st-images":return`
64
+ ${c.LiquidIf("product.media.size > 1",(()=>{switch(h?.preDisplay){case"1st-images":return`
65
65
  {% assign featureMedia = product.media.first %}
66
- `;case"1st-3d-mode":return g.LiquidFor("media in product.media",g.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return g.LiquidFor("media in product.media",g.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
66
+ `;case"1st-3d-mode":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
67
67
  {% assign featureMedia = variant.featured_media %}
68
68
  {% unless featureMedia %}
69
69
  {% assign featureMedia = product.featured_media %}
@@ -73,7 +73,7 @@
73
73
  {% assign height = featureMedia.height | times: 1.0 %}
74
74
  {% assign width = featureMedia.width | times: 1.0 %}
75
75
  {% assign ratio = height | divided_by: width %}
76
- ${g.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
76
+ ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
77
77
  {% assign productImageWidth = 0 %}
78
78
  {% case featureMedia.media_type %}
79
79
  {% when 'image' %}
@@ -81,46 +81,38 @@
81
81
  {% else %}
82
82
  {% assign productImageWidth = featureMedia.preview_image.width %}
83
83
  {% endcase %}
84
- ${g.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
84
+ ${c.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
85
85
  <div
86
86
  class='gp-feature-image-carousel gp-feature-image-only'
87
- style="${o.getStyleOfObject(_)}"
87
+ style="${u.getStyleOfObject(M)}"
88
88
  >
89
89
  <div
90
90
  class="gp-relative"
91
- style="${o.getStyleOfObject(w)}"
91
+ style="${u.getStyleOfObject(w)}"
92
92
  >
93
93
  ${f}
94
94
  <div
95
95
  type="gp-feature-image-only"
96
96
  product-id="{{product.id}}"
97
97
  product-media="{{product.media.size}}"
98
- class="${M(N)}"
99
- style="${o.getStyleOfObject(v)}"
98
+ class="${b(W)}"
99
+ style="${u.getStyleOfObject(_)}"
100
100
  >
101
101
  <div
102
- class="gp-w-full gp-relative ${g.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
103
- style="${o.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${g.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
102
+ class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
103
+ style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
104
104
  >
105
- ${P()}
105
+ ${j()}
106
106
  </div>
107
107
  </div>
108
108
  </div>
109
109
  </div>
110
110
  `)}
111
111
  {% endcapture %}
112
- ${g.LiquidIf("product.media.size > 1",`
113
- ${g.If(F,`
114
- ${(()=>{switch(h?.preDisplay){case"1st-images":return`
115
- {% assign featureMediaPosition = product.media.first.position %}
116
- `;case"1st-3d-mode":return g.LiquidFor("media in product.media",g.LiquidIf("media.media_type == 'model'","{% assign featureMediaPosition = media.position %}{% break %}"));case"1st-video":return g.LiquidFor("media in product.media",g.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMediaPosition = media.position %}{% break %}"));default:return`
117
- {% assign featureMediaPosition = variant.featured_media.position %}
118
- {% unless featureMediaPosition %}
119
- {% assign featureMediaPosition = product.featured_media.position %}
120
- {% endunless %}
121
- `}})()}
122
- ${m.default({builderProps:{uid:c},rootId:`ft-${c}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:N,rootClass:`${q}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}","feature-media-position":"{{ featureMediaPosition }}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:_,styles:b,style:{playSpeed:600},disableMarginAuto:!0,children:W,productBadgeLiquid:f||""})}
112
+ ${c.LiquidIf("product.media.size > 1",`
113
+ ${c.If(N,`
114
+ ${n.default({builderProps:{uid:p},rootId:`ft-${p}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:W,rootClass:`${I}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:M,styles:v,style:{playSpeed:600},disableMarginAuto:!0,children:A,productBadgeLiquid:f||""})}
123
115
  `," ")}
124
- ${g.If(!F,"{{ featureImageOnlyOne }}"," ")}
116
+ ${c.If(!N,"{{ featureImageOnlyOne }}"," ")}
125
117
  `,"{{ featureImageOnlyOne }}")}
126
118
  `)};
@@ -42,5 +42,5 @@
42
42
  </div>
43
43
  `})}`,w=d.LiquidIf("product.media.size > 1",d.LiquidFor("media in product.media",`${d.LiquidIf("media.media_type == 'image'",d.LiquidFor("image in product.images",d.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
44
44
  ${d.LiquidIf("media.id == product.featured_media.id ",q(c?.borderActive?.border!=="none"?"active":""),q())}`));return e.template`
45
- ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}","feature-media-position":"{{ featureMediaPosition }}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let r=e.getResponsiveValueByScreen(t,o),s=e.getResponsiveValueByScreen(i,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),l=["left","right","inside-left","inside-right"].includes(r??"");return l||a},r=o.checkDisplayGalleryByWidth({shapeByLayout:L}),s={desktop:r.desktop&&i(c.type,c.position,"desktop"),tablet:r.tablet&&i(c.type,c.position,"tablet"),mobile:r.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!s[e],"flex")})()},styles:v,disableMarginAuto:!0,children:w,renderByLayout:t.getGalleryCarouselRenderByLayout(c.position)})}
45
+ ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let r=e.getResponsiveValueByScreen(t,o),s=e.getResponsiveValueByScreen(i,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),l=["left","right","inside-left","inside-right"].includes(r??"");return l||a},r=o.checkDisplayGalleryByWidth({shapeByLayout:L}),s={desktop:r.desktop&&i(c.type,c.position,"desktop"),tablet:r.tablet&&i(c.type,c.position,"tablet"),mobile:r.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!s[e],"flex")})()},styles:v,disableMarginAuto:!0,children:w,renderByLayout:t.getGalleryCarouselRenderByLayout(c.position)})}
46
46
  `};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),s=require("@gem-sdk/core"),l=require("../SalePageProductListWarning.js"),d=require("next/head"),i=require("./ProductListGridLayout.js"),a=require("./ProductListCarouselLayout.js"),u=require("./common/styles.js"),c=require("@gem-sdk/system"),n=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js"),h=require("./hooks/useProductsQuery.js"),P=require("./hooks/useCollectionQuery.js"),f=require("./hooks/useProductRelatedQuery.js"),p=require("./hooks/useMainRelatedProductQuery.js");const y=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:j,styles:k,builderProps:x,setting:I,builderAttrs:S}=t,{isRelatedProduct:v,productSetting:q}=g.getData(t),{isEditMode:T,isPreviewSharePageMode:b}=s.useRenderMode(),C=s.useCurrentDevice(),w=s.usePageType(),M=s.usePageStore(e=>e.dynamicCollection),[L,G]=o.useState(1),[O,A]=o.useState(!0),N=o.useRef(),B="GP_FUNNEL_PAGE"===w;"GP_COLLECTION"==w&&(q.productSrc="DynamicCollection",q.collectionId=M?.collectionId??"latest");let D=q?.productSrc??"Collection",{mainRelatedProduct:E,relatedProductIdAssigned:Q}=p.default({isEditMode:T,isPreviewSharePageMode:b,isRelatedProduct:v,relatedProductId:q.relatedProductId}),F=q.relatedTag&&q.relatedTag[0],R=q.relatedTag&&"tags"===q.relatedTag[0]&&(!E?.tags||E?.tags.length===0),_=q.relatedTag&&"collection"===q.relatedTag[0]&&(!E?.collections?.edges||E?.collections.edges.length===0),z=q.relatedTag&&"vendor"===q.relatedTag[0]&&!E?.vendor,{isNotFoundRelatedProduct:H,relatedProducts:W}=f.default({isRelatedProduct:v,productSetting:q,setting:I,mainRelatedProduct:E,productSrc:D}),$=h.useProductsQuery({productIds:q?.productIds,defaultSelectedProductCount:q?.numOfSelectedProducts,productSrc:D}),V=P.useCollectionQuery({productSrc:D,collectionID:q?.collectionId??"latest",numberOfProducts:I?.numberOfProducts??4,orderBy:I?.orderBy??"none"}),U="PickProduct"===D?$.isLoading:V.isLoading,J="PickProduct"===D?$.error:V.error,K="PickProduct"===D?$.isValidating:V.isValidating,X=V.data?.collections?.edges?.[0]?.node,Y="PickProduct"===D?s.flattenConnection($.data?.products):s.flattenConnection(X?.products),Z=s.usePageStore(e=>e.assignedProductIds),ee=s.usePageStore(e=>e.isApplyAllProducts),et=o.useMemo(()=>(Z??[]).length>0&&!ee||ee,[Z,ee]),er=W?.data?.products&&et?s.flattenConnection(W?.data?.products):[],eo=v?er:"PickProduct"===D&&q?.productIds?.length?q?.productIds?.map(e=>Y?.find(t=>t?.baseID===e)).filter(Boolean)??Y:"PickProduct"!==D?Y:Y.filter((e,t)=>t<(q?.numOfSelectedProducts??4)),es=o.useMemo(()=>H&&v&&T||!eo.length&&!U&&O&&T,[O,U,H,v,T,eo.length]),el=o.useMemo(()=>!eo||H&&v,[H,v,eo]),ed=o.useMemo(()=>{if(!I?.sameHeight)return[];let e=0,t=Math.ceil((eo?.length??0)/+(I?.slidesToShow?.[C]??1));return Array.from(Array(eo?.length??0)).map((r,o)=>(o>=+(I?.slidesToShow?.[C]??1)*(e+1)&&++e,{gridRow:`${1+L*e}/${L+1+L*e}`,marginBottom:e+1<t?m.getPropertyByDevice(k?.horizontalGutter,C):void 0}))},[I?.sameHeight,I?.slidesToShow,L,eo?.length,C,k?.horizontalGutter]),ei=o.useMemo(()=>K||U||J||!eo||H&&v,[J,U,H,v,K,eo]),ea=o.useMemo(()=>E?.collections?.edges.map(e=>e.node?.id)??[],[E?.collections?.edges]);o.useEffect(()=>{if(!ei&&!U&&!K)return N.current=setTimeout(()=>{let{builderData:e}=x??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&G(r.childElementCount||1)},500),()=>{clearTimeout(N.current)}},[x,ei,T,ea,U,K]);let eu=o.useMemo(()=>({collection:X,products:eo,settings:{loop:I?.loop??{desktop:!1},scrollMode:I?.scrollMode??{desktop:"snap"},slidesToShow:I?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:k?.layout,dot:I?.dot,dotStyle:I?.dotStyle,arrow:I?.arrow,controlOverContent:I?.controlOverContent},styles:{horizontalGutter:k?.horizontalGutter,verticalGutter:k?.verticalGutter,fullWidth:k?.fullWidth,spacing:k?.spacing,width:k?.width,height:k?.height}}),[X,eo,I,k]);if(x?.isPreview&&B)return e.jsx(e.Fragment,{});if(es)return e.jsx(e.Fragment,{children:c.If(O,e.jsx(y,{builderAttrs:S,collectionHandle:X?.handle,productSrc:D,onClose:()=>A(!1),children:j,relatedTagString:F,assignProductNoTags:R||_||z,noAssignedProduct:!Q}))});let{productListWrapStyle:ec,productListContentStyle:en,productListWrapAlignStyle:eg}=u.getStyle(t),{productListWrapClass:em}=n.getClass(t);return e.jsxs("div",{...S,className:em,style:ec,children:[!!k?.preloadBgImage&&e.jsxs(d,{children:[!!k.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage.desktop.image.src,as:"image"}),!!k.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.tablet?.image?.src,as:"image"}),!!k.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.mobile?.image?.src,as:"image"})]}),U||K?e.jsx(r.default,{}):J?e.jsxs("div",{children:["Error: ",J?.message]}):el?e.jsx("div",{children:"Products not found"}):e.jsx(s.ProductListProvider,{...eu,children:e.jsx("div",{className:"gp-flex gp-w-full",style:eg,children:e.jsxs("div",{style:en,children:[B&&e.jsx(l.default,{}),e.jsx(e.Fragment,{children:c.If(k?.layout==="grid",e.jsx(i.default,{...t,productSortedById:eo,generateGridRowArray:ed}),e.jsx(a.default,{...t,productSortedById:eo}))})]})})}),s.filterToolbarPreview(j,!0)]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),s=require("@gem-sdk/core"),l=require("../SalePageProductListWarning.js"),d=require("next/head"),a=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),u=require("./common/styles.js"),n=require("@gem-sdk/system"),c=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js"),h=require("./hooks/useProductsQuery.js"),P=require("./hooks/useCollectionQuery.js"),f=require("./hooks/useProductRelatedQuery.js"),p=require("./hooks/useMainRelatedProductQuery.js");const y=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:j,styles:k,builderProps:x,setting:I,builderAttrs:S}=t,{isRelatedProduct:v,productSetting:q}=g.getData(t),{isEditMode:T}=s.useRenderMode(),b=s.useCurrentDevice(),C=s.usePageType(),w=s.usePageStore(e=>e.dynamicCollection),[L,M]=o.useState(1),[G,O]=o.useState(!0),A=o.useRef(),N="GP_FUNNEL_PAGE"===C;"GP_COLLECTION"==C&&(q.productSrc="DynamicCollection",q.collectionId=w?.collectionId??"latest");let B=q?.productSrc??"Collection",{mainRelatedProduct:D,relatedProductIdAssigned:E}=p.default({productSrc:B,relatedProductId:q.relatedProductId}),Q=q.relatedTag&&q.relatedTag[0],F=q.relatedTag&&"tags"===q.relatedTag[0]&&(!D?.tags||D?.tags.length===0),R=q.relatedTag&&"collection"===q.relatedTag[0]&&(!D?.collections?.edges||D?.collections.edges.length===0),_=q.relatedTag&&"vendor"===q.relatedTag[0]&&!D?.vendor,{isNotFoundRelatedProduct:z,relatedProducts:H}=f.default({isRelatedProduct:v,productSetting:q,setting:I,mainRelatedProduct:D,productSrc:B}),W=h.useProductsQuery({productIds:q?.productIds,defaultSelectedProductCount:q?.numOfSelectedProducts,productSrc:B}),$=P.useCollectionQuery({productSrc:B,collectionID:q?.collectionId??"latest",numberOfProducts:I?.numberOfProducts??4,orderBy:I?.orderBy??"none"}),V="PickProduct"===B?W.isLoading:$.isLoading,U="PickProduct"===B?W.error:$.error,J="PickProduct"===B?W.isValidating:$.isValidating,K=$.data?.collections?.edges?.[0]?.node,X="PickProduct"===B?s.flattenConnection(W.data?.products):s.flattenConnection(K?.products),Y=s.usePageStore(e=>e.assignedProductIds),Z=s.usePageStore(e=>e.isApplyAllProducts),ee=o.useMemo(()=>(Y??[]).length>0&&!Z||Z,[Y,Z]),et=H?.data?.products&&ee?s.flattenConnection(H?.data?.products):[],er=v?et:"PickProduct"===B&&q?.productIds?.length?q?.productIds?.map(e=>X?.find(t=>t?.baseID===e)).filter(Boolean)??X:"PickProduct"!==B?X:X.filter((e,t)=>t<(q?.numOfSelectedProducts??4)),eo=o.useMemo(()=>z&&v&&T||!er.length&&!V&&G&&T,[G,V,z,v,T,er.length]),es=o.useMemo(()=>!er||z&&v,[z,v,er]),el=o.useMemo(()=>{if(!I?.sameHeight)return[];let e=0,t=Math.ceil((er?.length??0)/+(I?.slidesToShow?.[b]??1));return Array.from(Array(er?.length??0)).map((r,o)=>(o>=+(I?.slidesToShow?.[b]??1)*(e+1)&&++e,{gridRow:`${1+L*e}/${L+1+L*e}`,marginBottom:e+1<t?m.getPropertyByDevice(k?.horizontalGutter,b):void 0}))},[I?.sameHeight,I?.slidesToShow,L,er?.length,b,k?.horizontalGutter]),ed=o.useMemo(()=>J||V||U||!er||z&&v,[U,V,z,v,J,er]);o.useEffect(()=>{if(!ed&&!V&&!J)return A.current=setTimeout(()=>{let{builderData:e}=x??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&M(r.childElementCount||1)},T?0:500),()=>{clearTimeout(A.current)}},[x,ed,T,V,J,er]);let ea=o.useMemo(()=>({collection:K,products:er,settings:{loop:I?.loop??{desktop:!1},scrollMode:I?.scrollMode??{desktop:"snap"},slidesToShow:I?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:k?.layout,dot:I?.dot,dotStyle:I?.dotStyle,arrow:I?.arrow,controlOverContent:I?.controlOverContent},styles:{horizontalGutter:k?.horizontalGutter,verticalGutter:k?.verticalGutter,fullWidth:k?.fullWidth,spacing:k?.spacing,width:k?.width,height:k?.height}}),[K,er,I,k]);if(x?.isPreview&&N)return e.jsx(e.Fragment,{});if(eo)return e.jsx(e.Fragment,{children:n.If(G,e.jsx(y,{builderAttrs:S,collectionHandle:K?.handle,productSrc:B,onClose:()=>O(!1),children:j,relatedTagString:Q,assignProductNoTags:F||R||_,noAssignedProduct:!E}))});let{productListWrapStyle:ei,productListContentStyle:eu,productListWrapAlignStyle:en}=u.getStyle(t),{productListWrapClass:ec}=c.getClass(t);return e.jsxs("div",{...S,className:ec,style:ei,children:[!!k?.preloadBgImage&&e.jsxs(d,{children:[!!k.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage.desktop.image.src,as:"image"}),!!k.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.tablet?.image?.src,as:"image"}),!!k.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:k.backgroundImage?.mobile?.image?.src,as:"image"})]}),V||J?e.jsx(r.default,{}):U?e.jsxs("div",{children:["Error: ",U?.message]}):es?e.jsx("div",{children:"Products not found"}):e.jsx(s.ProductListProvider,{...ea,children:e.jsx("div",{className:"gp-flex gp-w-full",style:en,children:e.jsxs("div",{style:eu,children:[N&&e.jsx(l.default,{}),e.jsx(e.Fragment,{children:n.If(k?.layout==="grid",e.jsx(a.default,{...t,productSortedById:er,generateGridRowArray:el}),e.jsx(i.default,{...t,productSortedById:er}))})]})})}),s.filterToolbarPreview(j,!0)]})};
@@ -1 +1 @@
1
- "use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),u=e.createClass({"gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:u,carouselClass:c,productListWrapClass:p,gpProductClass:d}};
1
+ "use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),o=e.createClass({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:o,carouselClass:c,productListWrapClass:p,gpProductClass:d}};
@@ -1 +1 @@
1
- "use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("swr"),o=require("../constants/index.js");exports.useCollectionQuery=({productSrc:a,numberOfProducts:i,orderBy:s,collectionID:u})=>{let n=e.useFetchHandle(),l=e.usePageStore(e=>e.publicStoreFrontData),c=r.useMemo(()=>e.hasPublicStoreFrontData(l)?e.createStoreFrontFetcher(l):n,[l]),d=e.useIsSampleProduct(),g=e.useIsStorefrontProduct(),S=r.useMemo(()=>({id:u,numberOfProducts:i,orderBy:s}),[u,i,s]),C=t(e.generateCollectionQueryKey({...S,isSample:d,isStorefront:g}),([,r])=>e.getCollection(c,r),{revalidateOnMount:!1});return r.useEffect(()=>{if(a!==o.PRODUCT_SOURCE.Collection)return;let e=!!C.error,r=C.isLoading||C.isValidating,t=!C.data&&!r;!e&&t&&C.mutate()},[a,C.data,C.error,C.isLoading,C.isValidating]),C};
1
+ "use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("swr"),o=require("../constants/index.js");exports.useCollectionQuery=({productSrc:a,numberOfProducts:i,orderBy:n,collectionID:s})=>{let u=e.useFetchHandle(),l=e.usePageStore(e=>e.publicStoreFrontData),c=t.useMemo(()=>e.hasPublicStoreFrontData(l)?e.createStoreFrontFetcher(l):u,[l]),d=e.useIsSampleProduct(),C=e.useIsStorefrontProduct(),g=t.useMemo(()=>({id:s,numberOfProducts:i,orderBy:n}),[s,i,n]),S=r(e.generateCollectionQueryKey({...g,isSample:d,isStorefront:C}),([,t])=>e.getCollection(c,t),{revalidateOnMount:!1});return t.useEffect(()=>{if(a!==o.PRODUCT_SOURCE.Collection&&a!==o.PRODUCT_SOURCE.DynamicCollection)return;let e=!!S.error,t=S.isLoading||S.isValidating,r=!S.data&&!t;!e&&r&&S.mutate()},[a,S.data,S.error,S.isLoading,S.isValidating]),S};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@gem-sdk/core");exports.default=({isRelatedProduct:t,relatedProductId:o,isEditMode:u,isPreviewSharePageMode:a})=>{let d=r.useFetchHandle(),c=r.usePageStore(e=>e.dynamicProduct),s=r.usePageStore(e=>e.publicStoreFrontData),i=c?.productId&&c?.productId!==o?c?.productId:o,n=e.useMemo(()=>r.hasPublicStoreFrontData(s)?r.createStoreFrontFetcher(s):d,[s]),{data:l}=r.useProductQuery(t&&i?i:void 0,{revalidateOnMount:u||a},n);return{relatedProductIdAssigned:i,mainRelatedProduct:l}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../product-wrap/hook/useProductQuery.js"),t=require("../constants/index.js");exports.default=({productSrc:d,relatedProductId:u})=>{let o=e.usePageStore(e=>e.dynamicProduct),a=o?.productId&&o?.productId!==u?o?.productId:u,{productData:{data:c}}=r.default({id:d===t.PRODUCT_SOURCE.RelatedProduct&&a?a:void 0});return{relatedProductIdAssigned:a,mainRelatedProduct:c}};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("react"),t=require("swr");exports.default=({id:a})=>{let u=e.useFetchHandle(),o=e.usePageStore(e=>e.publicStoreFrontData),s=e.useIsSampleProduct(),i=e.useIsStorefrontProduct(),n=r.useMemo(()=>e.hasPublicStoreFrontData(o)?e.createStoreFrontFetcher(o):u,[o]),d=r.useMemo(()=>a?e.generateProductQueryKey({id:a,isSample:s,isStorefront:i}):null,[a,s,i]),c=t(d,async([,r])=>e.getProduct(n,r),{revalidateOnMount:!1});return r.useEffect(()=>{if(!a)return;let e=!!c.error,r=c.isLoading||c.isValidating,t=!c.data&&!r;!e&&t&&c.mutate()},[a,c.data,c.error,c.isLoading,c.isValidating]),{productData:c}};
@@ -1 +1 @@
1
- "use strict";var e=require("@gem-sdk/core"),t=require("react");exports.useProductSetting=r=>{let{setting:a}=r,{productSetting:u,quantity:d,readOnly:o,isSyncProduct:i}=a??{},s=e.usePageType(),c=e.usePageStore(e=>e.dynamicProduct),n=e.usePageStore(e=>e.publicStoreFrontData),{isEditMode:P,isPreviewSharePageMode:S}=e.useRenderMode(),l=u?.productId??"latest",g=u?.productStatus=="dynamic"?{...u,...c}:u,h=g?.initialVariantId,m=g?.initialVariantBaseId,p=t.useMemo(()=>e.hasPublicStoreFrontData(n)?e.createStoreFrontFetcher(n):void 0,[n]),{data:y,isLoading:F,error:M}=e.useProductQuery(l,{revalidateOnMount:P||S},p),[v,D]=t.useState(!0),I=(M||!y&&!F)&&P,b=t.useMemo(()=>({product:y,initialVariantId:h,initialVariantBaseId:m,quantity:d,readOnly:o,isSyncProduct:i,key:`uid-${y?.id}-${h??""}`,hasPreSelected:u?.hasPreSelected}),[m,h,i,y,u?.hasPreSelected,d,o]);return{forceProductSetting:g,isProductPage:"PRODUCT"===s,isProductNotFound:I,showProductNotFound:v,isLoading:F,product:y,errorLoadProduct:M,isEditor:P,productProviderData:b,setShowProductNotFound:D}};
1
+ "use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("./useProductQuery.js");exports.useProductSetting=a=>{let{setting:d}=a,{productSetting:u,quantity:i,readOnly:s,isSyncProduct:c}=d??{},o=e.usePageType(),P=e.usePageStore(e=>e.dynamicProduct),{isEditMode:n}=e.useRenderMode(),l=u?.productId??"latest",S=u?.productStatus=="dynamic"?{...u,...P}:u,g=S?.initialVariantId,p=S?.initialVariantBaseId,{productData:{data:y,isLoading:m,error:h}}=r.default({id:l}),[q,I]=t.useState(!0),k=(h||!y&&!m)&&n,D=t.useMemo(()=>({product:y,initialVariantId:g,initialVariantBaseId:p,quantity:i,readOnly:s,isSyncProduct:c,key:`uid-${y?.id}-${g??""}`,hasPreSelected:u?.hasPreSelected}),[p,g,c,y,u?.hasPreSelected,i,s]);return{forceProductSetting:S,isProductPage:"PRODUCT"===o,isProductNotFound:k,showProductNotFound:q,isLoading:m,product:y,errorLoadProduct:h,isEditor:n,productProviderData:D,setShowProductNotFound:I}};
@@ -1 +1 @@
1
- import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as t}from"@gem-sdk/system";let o=o=>{let r=["mobile","tablet","desktop"],{setting:i,rootId:a,builderProps:s,styles:l,moveToIdx:p,isHiddenArrowWhenDisabled:d,renderByLayout:n,rootAttrs:f}=o,m=a??s?.uid,u=`gp-carousel-slider-${s?.uid}`,{enableAction:g={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=i??{},y=t({id:m,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:i,styles:l,renderByLayout:n,type:f?.type});return f?.["feature-media-position"]&&(y.featureMediaPosition="{{ featureMediaPosition }}"),{loopConfig:(()=>{let t=i?.loop;return r.forEach(o=>{t={...t,[o]:!!e(g)&&t?.[o]}}),t})(),stateData:JSON.stringify(y).replaceAll("'","&#039;"),uniqueComponentId:m,arrowShowConfig:(()=>{let t=c;return r.forEach(o=>{t={...t,[o]:e(k,o)?e(t,o):"none"}}),t})(),sliderSelector:u}};export{o as getData};
1
+ import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as t}from"@gem-sdk/system";let o=o=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:p,builderProps:a,styles:i,moveToIdx:s,isHiddenArrowWhenDisabled:d,renderByLayout:m,rootAttrs:n}=o,f=p??a?.uid,g=`gp-carousel-slider-${a?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},y=t({id:f,moveToIdx:s,isHiddenArrowWhenDisabled:d,setting:l,styles:i,renderByLayout:m,type:n?.type});return{loopConfig:(()=>{let t=l?.loop;return r.forEach(o=>{t={...t,[o]:!!e(u)&&t?.[o]}}),t})(),stateData:JSON.stringify(y).replaceAll("'","&#039;"),uniqueComponentId:f,arrowShowConfig:(()=>{let t=c;return r.forEach(o=>{t={...t,[o]:e(k,o)?e(t,o):"none"}}),t})(),sliderSelector:g}};export{o as getData};
@@ -1,4 +1,4 @@
1
- import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getZoomImageClass as o,getZoomLenClass as u,getVideoHeight as m}from"../../common/productFeaturedImage.js";import n from"../../../../../video/components/HTML5Embed.liquid.js";import l from"../../../../../image/components/Modal3d.liquid.js";import p from"../../../../../image/components/NextImage.liquid.js";import g from"../../../../../image/components/Video.liquid.js";import{getStyleOfObject as c}from"../../../../helpers/function.js";import{getProductImagesStyles as f}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as h}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as y}from"../../composables/getProductImagesAttr.js";import{If as M,LiquidIf as _,LiquidFor as b,Liquid as v,createStyle as w}from"@gem-sdk/system";import $ from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import I from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let x=({builderPropUID:x,children:q,enableLazyLoadImage:P,...z})=>{let{featuredImageCarouselClasses:j,galleryItemClasses:S,featuredCarouselItemClasses:L}=h({...z,builderProps:{uid:x}}),{featuredImageCarouselStyle:R,featureImageStyle:T,featureImageCarouselOnlyOneImageStyle:W,featureImageOnlyOneImageStyle:k,featureImageCarouselItemStyle:C}=f(z),{featuredImageCarouselSettingAttrs:N}=y(z),D=t(z.ftShape),E=M("other"==z.hoverEffect,_("product.media.size > 1","group-hover:gp-opacity-0")),O=()=>`
1
+ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getZoomImageClass as o,getZoomLenClass as u,getVideoHeight as l}from"../../common/productFeaturedImage.js";import m from"../../../../../video/components/HTML5Embed.liquid.js";import p from"../../../../../image/components/Modal3d.liquid.js";import g from"../../../../../image/components/NextImage.liquid.js";import n from"../../../../../image/components/Video.liquid.js";import{getStyleOfObject as c}from"../../../../helpers/function.js";import{getProductImagesStyles as f}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as h}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as y}from"../../composables/getProductImagesAttr.js";import{If as M,LiquidIf as b,LiquidFor as _,Liquid as v,createStyle as w}from"@gem-sdk/system";import $ from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import I from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let x=({builderPropUID:x,children:q,enableLazyLoadImage:z,...j})=>{let{featuredImageCarouselClasses:S,galleryItemClasses:L,featuredCarouselItemClasses:P}=h({...j,builderProps:{uid:x}}),{featuredImageCarouselStyle:R,featureImageStyle:T,featureImageCarouselOnlyOneImageStyle:W,featureImageOnlyOneImageStyle:C,featureImageCarouselItemStyle:N}=f(j),{featuredImageCarouselSettingAttrs:k}=y(j),E=t(j.ftShape),O=M("other"==j.hoverEffect,b("product.media.size > 1","group-hover:gp-opacity-0")),A=()=>`
2
2
  {% case featureMedia.media_type %}
3
3
  {% when 'image' %}
4
4
  ${F()}
@@ -9,35 +9,35 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
9
9
  {% assign mediaSourceVideo = featureMedia.sources.last.url %}
10
10
  ${H()}
11
11
  {% when 'model' %}
12
- ${A()}
12
+ ${D()}
13
13
  {% else %}
14
14
  ${G()}
15
15
  {% endcase %}
16
- `,A=()=>l({src:_("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:D}),V=()=>g({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:D}),H=()=>{let a=w({...m(z?.ftLayout),...e("objf",z?.ftLayout)}),i=w({...m(z?.ftLayout)});return n({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:i,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...a},className:"gp-invisible"})},F=()=>i`
17
- ${B(a("gp-w-full gp-transition-opacity",E,"{{shouldHidden}}"))}
18
- ${M(z?.hoverEffect!=="none",`<div class="${a("zoom-element !gp-max-w-none",o())}">
16
+ `,D=()=>p({src:b("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:E}),V=()=>n({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:E}),H=()=>{let a=w({...l(j?.ftLayout),...e("objf",j?.ftLayout)}),i=w({...l(j?.ftLayout)});return m({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:i,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...a},className:"gp-invisible"})},F=()=>i`
17
+ ${B(a("gp-w-full gp-transition-opacity",O,"{{shouldHidden}}"))}
18
+ ${M(j?.hoverEffect!=="none",`<div class="${a("zoom-element !gp-max-w-none",o())}">
19
19
  ${B("image-zoom",!0)}
20
20
  </div>`," ")}
21
- ${M(z?.hoverEffect=="zoom"&&z?.zoomType=="glasses",`<div class="${a("zoom-lens-element",u())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
21
+ ${M(j?.hoverEffect=="zoom"&&j?.zoomType=="glasses",`<div class="${a("zoom-lens-element",u())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
22
22
  `,B=(e,a)=>i`
23
23
  {% assign src = featureMedia.src %}
24
- ${M(a&&"other"==z.hoverEffect,`{% assign media_length = product.media | size %}
25
- {% assign other_image_index = ${z.otherImage} | plus: 0 %}
24
+ ${M(a&&"other"==j.hoverEffect,`{% assign media_length = product.media | size %}
25
+ {% assign other_image_index = ${j.otherImage} | plus: 0 %}
26
26
  {% if other_image_index >= media_length %}
27
27
  {% assign other_image_index = media_length | minus: 1 %}
28
28
  {% endif %}
29
29
  {% assign otherImage = product.media[other_image_index] %}
30
- ${_("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
30
+ ${b("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
31
31
  `)}
32
- ${p({srcIsLiquidCode:!0,src:_("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:_("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:z?.ftLayout,aspectRatio:D,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},priority:z?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:P})}`,G=()=>i`
33
- ${p({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:z?.ftLayout,aspectRatio:D,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},priority:z?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:P})}`,J=r(z.ftShape),K=d(z),Q="gp-featured-image-wrapper",U=_("product.media.size > 0",`{% assign largestRatio = 0 %}
34
- ${b("featureMedia in product.media",`
32
+ ${g({srcIsLiquidCode:!0,src:b("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:b("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:z})}`,G=()=>i`
33
+ ${g({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:z})}`,J=r(j.ftShape),K=d(j),Q="gp-featured-image-wrapper",U=b("product.media.size > 0",`{% assign largestRatio = 0 %}
34
+ ${_("featureMedia in product.media",`
35
35
  {% assign height = featureMedia.height | times: 1.0 %}
36
36
  {% assign width = featureMedia.width | times: 1.0 %}
37
37
  {% assign ratio = height | divided_by: width %}
38
- ${_("ratio > largestRatio","{% assign largestRatio = ratio %}")}
38
+ ${b("ratio > largestRatio","{% assign largestRatio = ratio %}")}
39
39
  `)}
40
- ${b("featureMedia in product.media",`${_("featureMedia.media_type == 'image'",`${b("image in product.images",_("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
40
+ ${_("featureMedia in product.media",`${b("featureMedia.media_type == 'image'",`${_("image in product.images",b("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
41
41
 
42
42
  ${v(`{% assign productImageWidth = 0 %}
43
43
  {% case featureMedia.media_type %}
@@ -46,24 +46,24 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
46
46
  {% else %}
47
47
  {% assign productImageWidth = featureMedia.preview_image.width %}
48
48
  {% endcase %}`)}
49
- ${I({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${S("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${x}-{{section.id}}-{{product.id}}`,style:C,customStyle:{width:"{{productImageWidth}}px"},children:`
49
+ ${I({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${L("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${x}-{{section.id}}-{{product.id}}`,style:N,customStyle:{width:"{{productImageWidth}}px"},children:`
50
50
  <div
51
- class="gp-w-full gp-relative ${_("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
52
- style="${c(e("pb",J))} ${_("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
51
+ class="gp-w-full gp-relative ${b("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
52
+ style="${c(e("pb",J))} ${b("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
53
53
  >
54
- ${O()}
54
+ ${A()}
55
55
  </div>
56
56
  `})}`)}
57
- `,p({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:z?.preload,setting:{layout:z?.ftLayout,aspectRatio:D,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:P}));return v(`
57
+ `,g({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:j?.preload,setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:z}));return v(`
58
58
  {% capture featureImageOnlyOne %}
59
59
  ${v(`
60
60
  {% assign featureMedia = variant.featured_media %}
61
61
  {% unless featureMedia %}
62
62
  {% assign featureMedia = product.featured_media %}
63
63
  {% endunless %}
64
- ${_("product.media.size > 1",(()=>{switch(z?.preDisplay){case"1st-images":return`
64
+ ${b("product.media.size > 1",(()=>{switch(j?.preDisplay){case"1st-images":return`
65
65
  {% assign featureMedia = product.media.first %}
66
- `;case"1st-3d-mode":return b("media in product.media",_("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return b("media in product.media",_("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
66
+ `;case"1st-3d-mode":return _("media in product.media",b("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return _("media in product.media",b("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
67
67
  {% assign featureMedia = variant.featured_media %}
68
68
  {% unless featureMedia %}
69
69
  {% assign featureMedia = product.featured_media %}
@@ -73,7 +73,7 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
73
73
  {% assign height = featureMedia.height | times: 1.0 %}
74
74
  {% assign width = featureMedia.width | times: 1.0 %}
75
75
  {% assign ratio = height | divided_by: width %}
76
- ${_("ratio > largestRatio","{% assign largestRatio = ratio %}")}
76
+ ${b("ratio > largestRatio","{% assign largestRatio = ratio %}")}
77
77
  {% assign productImageWidth = 0 %}
78
78
  {% case featureMedia.media_type %}
79
79
  {% when 'image' %}
@@ -81,45 +81,37 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
81
81
  {% else %}
82
82
  {% assign productImageWidth = featureMedia.preview_image.width %}
83
83
  {% endcase %}
84
- ${_("featureMedia == null","{% assign productImageWidth = 1600 %}")}
84
+ ${b("featureMedia == null","{% assign productImageWidth = 1600 %}")}
85
85
  <div
86
86
  class='gp-feature-image-carousel gp-feature-image-only'
87
87
  style="${c(T)}"
88
88
  >
89
89
  <div
90
90
  class="gp-relative"
91
- style="${c(k)}"
91
+ style="${c(C)}"
92
92
  >
93
93
  ${q}
94
94
  <div
95
95
  type="gp-feature-image-only"
96
96
  product-id="{{product.id}}"
97
97
  product-media="{{product.media.size}}"
98
- class="${L(Q)}"
98
+ class="${P(Q)}"
99
99
  style="${c(W)}"
100
100
  >
101
101
  <div
102
- class="gp-w-full gp-relative ${_("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
103
- style="${c(e("pb",J))} ${_("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
102
+ class="gp-w-full gp-relative ${b("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
103
+ style="${c(e("pb",J))} ${b("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
104
104
  >
105
- ${O()}
105
+ ${A()}
106
106
  </div>
107
107
  </div>
108
108
  </div>
109
109
  </div>
110
110
  `)}
111
111
  {% endcapture %}
112
- ${_("product.media.size > 1",`
112
+ ${b("product.media.size > 1",`
113
113
  ${M(K,`
114
- ${(()=>{switch(z?.preDisplay){case"1st-images":return`
115
- {% assign featureMediaPosition = product.media.first.position %}
116
- `;case"1st-3d-mode":return b("media in product.media",_("media.media_type == 'model'","{% assign featureMediaPosition = media.position %}{% break %}"));case"1st-video":return b("media in product.media",_("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMediaPosition = media.position %}{% break %}"));default:return`
117
- {% assign featureMediaPosition = variant.featured_media.position %}
118
- {% unless featureMediaPosition %}
119
- {% assign featureMediaPosition = product.featured_media.position %}
120
- {% endunless %}
121
- `}})()}
122
- ${$({builderProps:{uid:x},rootId:`ft-${x}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:Q,rootClass:`${j}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}","feature-media-position":"{{ featureMediaPosition }}"},isHiddenArrowWhenDisabled:!0,setting:N,rootStyles:T,styles:R,style:{playSpeed:600},disableMarginAuto:!0,children:U,productBadgeLiquid:q||""})}
114
+ ${$({builderProps:{uid:x},rootId:`ft-${x}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:Q,rootClass:`${S}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:k,rootStyles:T,styles:R,style:{playSpeed:600},disableMarginAuto:!0,children:U,productBadgeLiquid:q||""})}
123
115
  `," ")}
124
116
  ${M(!K,"{{ featureImageOnlyOne }}"," ")}
125
117
  `,"{{ featureImageOnlyOne }}")}
@@ -1,8 +1,8 @@
1
- import{template as e,getResponsiveValueByScreen as i}from"@gem-sdk/core";import t from"../../../../../image/components/NextImage.liquid.js";import{getGalleryCarouselRenderByLayout as o,getAspectRatio as r,getDisplayStyle as s,getSrcImage as a}from"../../common/common.js";import{getShapeByLayout as p,getMinHeightByPosition as l,getZoomDisplay as d,checkDisplayGalleryByWidth as m,getCarouselVerticalConfigByPosition as g}from"../../common/productGallery.js";import{getStyleOfObject as n}from"../../../../helpers/function.js";import{getProductImagesStyles as c}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as u}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as C}from"../../composables/getProductImagesAttr.js";import{LiquidIf as h,LiquidFor as y}from"@gem-sdk/system";import v from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import f from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let b=({builderPropUID:b,children:w,enableLazyLoadImage:L,...F})=>{let{featuredImageGalleryClasses:x,galleryItemClasses:$}=u(F),{galleryCarouselSettingAttrs:I}=C(F),{galleryCarouselStyle:_,galleryCarouselItemStyle:k}=c(F),j=p({shape:F.shape,shapeForBottom:F.shapeForBottom,shapeFor1Col:F.shapeFor1Col,shapeFor2Col:F.shapeFor2Col,shapeForFtOnly:F.shapeForFtOnly,shapeForInsideBottom:F.shapeForInsideBottom,shapeForInside:F.shapeForInside},F.position),V=(i,o)=>e`${t({srcIsLiquidCode:!0,src:`${a("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:i,baseSrc:"{{media.preview_image | image_url}}",style:o,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:L})}`,M=e=>`
1
+ import{template as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";import i from"../../../../../image/components/NextImage.liquid.js";import{getGalleryCarouselRenderByLayout as o,getAspectRatio as r,getDisplayStyle as s,getSrcImage as a}from"../../common/common.js";import{getShapeByLayout as p,getMinHeightByPosition as l,getZoomDisplay as d,checkDisplayGalleryByWidth as m,getCarouselVerticalConfigByPosition as g}from"../../common/productGallery.js";import{getStyleOfObject as n}from"../../../../helpers/function.js";import{getProductImagesStyles as c}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as u}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as C}from"../../composables/getProductImagesAttr.js";import{LiquidIf as h,LiquidFor as y}from"@gem-sdk/system";import v from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import b from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let f=({builderPropUID:f,children:w,enableLazyLoadImage:L,...F})=>{let{featuredImageGalleryClasses:x,galleryItemClasses:$}=u(F),{galleryCarouselSettingAttrs:I}=C(F),{galleryCarouselStyle:_,galleryCarouselItemStyle:k}=c(F),j=p({shape:F.shape,shapeForBottom:F.shapeForBottom,shapeFor1Col:F.shapeFor1Col,shapeFor2Col:F.shapeFor2Col,shapeForFtOnly:F.shapeForFtOnly,shapeForInsideBottom:F.shapeForInsideBottom,shapeForInside:F.shapeForInside},F.position),V=(t,o)=>e`${i({srcIsLiquidCode:!0,src:`${a("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:t,baseSrc:"{{media.preview_image | image_url}}",style:o,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:L})}`,M=e=>`
2
2
  ${h("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
3
3
  ${h("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
4
4
  ${h("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
5
- ${f({id:"{{imageID}}",contentType:"productImage",className:`${$(`gp-gallery-image-item ${e??""}`)}`,parentId:`${b}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:k,children:`
5
+ ${b({id:"{{imageID}}",contentType:"productImage",className:`${$(`gp-gallery-image-item ${e??""}`)}`,parentId:`${f}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:k,children:`
6
6
  <div class="gp-w-full gp-relative gp-h-full"
7
7
 
8
8
  >
@@ -42,5 +42,5 @@ import{template as e,getResponsiveValueByScreen as i}from"@gem-sdk/core";import
42
42
  </div>
43
43
  `})}`,B=h("product.media.size > 1",y("media in product.media",`${h("media.media_type == 'image'",y("image in product.images",h("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
44
44
  ${h("media.id == product.featured_media.id ",M(F?.borderActive?.border!=="none"?"active":""),M())}`));return e`
45
- ${v({builderProps:{uid:b},rootId:`${b}-{{product.id}}`,rootClass:`${x}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}","feature-media-position":"{{ featureMediaPosition }}"},wrapperClass:(()=>{let e=g(F.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:l(F.position,F.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:I,rootStyles:{...(()=>{let e=(e,t,o)=>{let r=i(t,o),s=i(e,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),p=["left","right","inside-left","inside-right"].includes(r??"");return p||a},t=m({shapeByLayout:j}),o={desktop:t.desktop&&e(F.type,F.position,"desktop"),tablet:t.tablet&&e(F.type,F.position,"tablet"),mobile:t.mobile&&e(F.type,F.position,"mobile")};return s(e=>!o[e],"flex")})()},styles:_,disableMarginAuto:!0,children:B,renderByLayout:o(F.position)})}
46
- `};export{b as default};
45
+ ${v({builderProps:{uid:f},rootId:`${f}-{{product.id}}`,rootClass:`${x}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=g(F.position),t=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${t.join(" ")}`})(),slidesClass:l(F.position,F.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:I,rootStyles:{...(()=>{let e=(e,i,o)=>{let r=t(i,o),s=t(e,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),p=["left","right","inside-left","inside-right"].includes(r??"");return p||a},i=m({shapeByLayout:j}),o={desktop:i.desktop&&e(F.type,F.position,"desktop"),tablet:i.tablet&&e(F.type,F.position,"tablet"),mobile:i.mobile&&e(F.type,F.position,"mobile")};return s(e=>!o[e],"flex")})()},styles:_,disableMarginAuto:!0,children:B,renderByLayout:o(F.position)})}
46
+ `};export{f as default};
@@ -1 +1 @@
1
- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import r from"next/dynamic";import d from"../../../common/components/Loading.js";import{useState as l,useRef as i,useMemo as s,useEffect as a}from"react";import{useRenderMode as c,useCurrentDevice as n,usePageType as m,usePageStore as u,flattenConnection as g,ProductListProvider as p,filterToolbarPreview as h}from"@gem-sdk/core";import f from"../SalePageProductListWarning.js";import P from"next/head";import k from"./ProductListGridLayout.js";import y from"./ProductListCarouselLayout.js";import{getStyle as I}from"./common/styles.js";import{If as T}from"@gem-sdk/system";import{getClass as b}from"./common/classes.js";import{getData as S}from"./common/helpers.js";import{getPropertyByDevice as j}from"../../../dialog/common/helpers.js";import{useProductsQuery as v}from"./hooks/useProductsQuery.js";import{useCollectionQuery as w}from"./hooks/useCollectionQuery.js";import C from"./hooks/useProductRelatedQuery.js";import L from"./hooks/useMainRelatedProductQuery.js";let G=r(()=>import("../ProductNotFound.js"),{loading:d}),O=r=>{let{children:O,styles:A,builderProps:N,setting:x,builderAttrs:B}=r,{isRelatedProduct:E,productSetting:z}=S(r),{isEditMode:M,isPreviewSharePageMode:Q}=c(),D=n(),H=m(),R=u(e=>e.dynamicCollection),[W,$]=l(1),[_,F]=l(!0),V=i(),q="GP_FUNNEL_PAGE"===H;"GP_COLLECTION"==H&&(z.productSrc="DynamicCollection",z.collectionId=R?.collectionId??"latest");let U=z?.productSrc??"Collection",{mainRelatedProduct:J,relatedProductIdAssigned:K}=L({isEditMode:M,isPreviewSharePageMode:Q,isRelatedProduct:E,relatedProductId:z.relatedProductId}),X=z.relatedTag&&z.relatedTag[0],Y=z.relatedTag&&"tags"===z.relatedTag[0]&&(!J?.tags||J?.tags.length===0),Z=z.relatedTag&&"collection"===z.relatedTag[0]&&(!J?.collections?.edges||J?.collections.edges.length===0),ee=z.relatedTag&&"vendor"===z.relatedTag[0]&&!J?.vendor,{isNotFoundRelatedProduct:eo,relatedProducts:et}=C({isRelatedProduct:E,productSetting:z,setting:x,mainRelatedProduct:J,productSrc:U}),er=v({productIds:z?.productIds,defaultSelectedProductCount:z?.numOfSelectedProducts,productSrc:U}),ed=w({productSrc:U,collectionID:z?.collectionId??"latest",numberOfProducts:x?.numberOfProducts??4,orderBy:x?.orderBy??"none"}),el="PickProduct"===U?er.isLoading:ed.isLoading,ei="PickProduct"===U?er.error:ed.error,es="PickProduct"===U?er.isValidating:ed.isValidating,ea=ed.data?.collections?.edges?.[0]?.node,ec="PickProduct"===U?g(er.data?.products):g(ea?.products),en=u(e=>e.assignedProductIds),em=u(e=>e.isApplyAllProducts),eu=s(()=>(en??[]).length>0&&!em||em,[en,em]),eg=et?.data?.products&&eu?g(et?.data?.products):[],ep=E?eg:"PickProduct"===U&&z?.productIds?.length?z?.productIds?.map(e=>ec?.find(o=>o?.baseID===e)).filter(Boolean)??ec:"PickProduct"!==U?ec:ec.filter((e,o)=>o<(z?.numOfSelectedProducts??4)),eh=s(()=>eo&&E&&M||!ep.length&&!el&&_&&M,[_,el,eo,E,M,ep.length]),ef=s(()=>!ep||eo&&E,[eo,E,ep]),eP=s(()=>{if(!x?.sameHeight)return[];let e=0,o=Math.ceil((ep?.length??0)/+(x?.slidesToShow?.[D]??1));return Array.from(Array(ep?.length??0)).map((t,r)=>(r>=+(x?.slidesToShow?.[D]??1)*(e+1)&&++e,{gridRow:`${1+W*e}/${W+1+W*e}`,marginBottom:e+1<o?j(A?.horizontalGutter,D):void 0}))},[x?.sameHeight,x?.slidesToShow,W,ep?.length,D,A?.horizontalGutter]),ek=s(()=>es||el||ei||!ep||eo&&E,[ei,el,eo,E,es,ep]),ey=s(()=>J?.collections?.edges.map(e=>e.node?.id)??[],[J?.collections?.edges]);a(()=>{if(!ek&&!el&&!es)return V.current=setTimeout(()=>{let{builderData:e}=N??{},o=e?.childrens?.[0];if(!o)return;let t=document.querySelector(`[data-id=${o}] div`);t&&$(t.childElementCount||1)},500),()=>{clearTimeout(V.current)}},[N,ek,M,ey,el,es]);let eI=s(()=>({collection:ea,products:ep,settings:{loop:x?.loop??{desktop:!1},scrollMode:x?.scrollMode??{desktop:"snap"},slidesToShow:x?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:A?.layout,dot:x?.dot,dotStyle:x?.dotStyle,arrow:x?.arrow,controlOverContent:x?.controlOverContent},styles:{horizontalGutter:A?.horizontalGutter,verticalGutter:A?.verticalGutter,fullWidth:A?.fullWidth,spacing:A?.spacing,width:A?.width,height:A?.height}}),[ea,ep,x,A]);if(N?.isPreview&&q)return e(o,{});if(eh)return e(o,{children:T(_,e(G,{builderAttrs:B,collectionHandle:ea?.handle,productSrc:U,onClose:()=>F(!1),children:O,relatedTagString:X,assignProductNoTags:Y||Z||ee,noAssignedProduct:!K}))});let{productListWrapStyle:eT,productListContentStyle:eb,productListWrapAlignStyle:eS}=I(r),{productListWrapClass:ej}=b(r);return t("div",{...B,className:ej,style:eT,children:[!!A?.preloadBgImage&&t(P,{children:[!!A.backgroundImage?.desktop?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage.desktop.image.src,as:"image"}),!!A.backgroundImage?.tablet?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage?.tablet?.image?.src,as:"image"}),!!A.backgroundImage?.mobile?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage?.mobile?.image?.src,as:"image"})]}),el||es?e(d,{}):ei?t("div",{children:["Error: ",ei?.message]}):ef?e("div",{children:"Products not found"}):e(p,{...eI,children:e("div",{className:"gp-flex gp-w-full",style:eS,children:t("div",{style:eb,children:[q&&e(f,{}),e(o,{children:T(A?.layout==="grid",e(k,{...r,productSortedById:ep,generateGridRowArray:eP}),e(y,{...r,productSortedById:ep}))})]})})}),h(O,!0)]})};export{O as default};
1
+ import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import r from"next/dynamic";import d from"../../../common/components/Loading.js";import{useState as l,useRef as i,useMemo as a,useEffect as s}from"react";import{useRenderMode as c,useCurrentDevice as n,usePageType as m,usePageStore as u,flattenConnection as g,ProductListProvider as p,filterToolbarPreview as h}from"@gem-sdk/core";import f from"../SalePageProductListWarning.js";import P from"next/head";import k from"./ProductListGridLayout.js";import y from"./ProductListCarouselLayout.js";import{getStyle as I}from"./common/styles.js";import{If as T}from"@gem-sdk/system";import{getClass as b}from"./common/classes.js";import{getData as S}from"./common/helpers.js";import{getPropertyByDevice as j}from"../../../dialog/common/helpers.js";import{useProductsQuery as v}from"./hooks/useProductsQuery.js";import{useCollectionQuery as w}from"./hooks/useCollectionQuery.js";import C from"./hooks/useProductRelatedQuery.js";import L from"./hooks/useMainRelatedProductQuery.js";let G=r(()=>import("../ProductNotFound.js"),{loading:d}),O=r=>{let{children:O,styles:A,builderProps:N,setting:x,builderAttrs:B}=r,{isRelatedProduct:E,productSetting:z}=S(r),{isEditMode:M}=c(),Q=n(),D=m(),H=u(e=>e.dynamicCollection),[R,W]=l(1),[$,_]=l(!0),F=i(),V="GP_FUNNEL_PAGE"===D;"GP_COLLECTION"==D&&(z.productSrc="DynamicCollection",z.collectionId=H?.collectionId??"latest");let q=z?.productSrc??"Collection",{mainRelatedProduct:U,relatedProductIdAssigned:J}=L({productSrc:q,relatedProductId:z.relatedProductId}),K=z.relatedTag&&z.relatedTag[0],X=z.relatedTag&&"tags"===z.relatedTag[0]&&(!U?.tags||U?.tags.length===0),Y=z.relatedTag&&"collection"===z.relatedTag[0]&&(!U?.collections?.edges||U?.collections.edges.length===0),Z=z.relatedTag&&"vendor"===z.relatedTag[0]&&!U?.vendor,{isNotFoundRelatedProduct:ee,relatedProducts:eo}=C({isRelatedProduct:E,productSetting:z,setting:x,mainRelatedProduct:U,productSrc:q}),et=v({productIds:z?.productIds,defaultSelectedProductCount:z?.numOfSelectedProducts,productSrc:q}),er=w({productSrc:q,collectionID:z?.collectionId??"latest",numberOfProducts:x?.numberOfProducts??4,orderBy:x?.orderBy??"none"}),ed="PickProduct"===q?et.isLoading:er.isLoading,el="PickProduct"===q?et.error:er.error,ei="PickProduct"===q?et.isValidating:er.isValidating,ea=er.data?.collections?.edges?.[0]?.node,es="PickProduct"===q?g(et.data?.products):g(ea?.products),ec=u(e=>e.assignedProductIds),en=u(e=>e.isApplyAllProducts),em=a(()=>(ec??[]).length>0&&!en||en,[ec,en]),eu=eo?.data?.products&&em?g(eo?.data?.products):[],eg=E?eu:"PickProduct"===q&&z?.productIds?.length?z?.productIds?.map(e=>es?.find(o=>o?.baseID===e)).filter(Boolean)??es:"PickProduct"!==q?es:es.filter((e,o)=>o<(z?.numOfSelectedProducts??4)),ep=a(()=>ee&&E&&M||!eg.length&&!ed&&$&&M,[$,ed,ee,E,M,eg.length]),eh=a(()=>!eg||ee&&E,[ee,E,eg]),ef=a(()=>{if(!x?.sameHeight)return[];let e=0,o=Math.ceil((eg?.length??0)/+(x?.slidesToShow?.[Q]??1));return Array.from(Array(eg?.length??0)).map((t,r)=>(r>=+(x?.slidesToShow?.[Q]??1)*(e+1)&&++e,{gridRow:`${1+R*e}/${R+1+R*e}`,marginBottom:e+1<o?j(A?.horizontalGutter,Q):void 0}))},[x?.sameHeight,x?.slidesToShow,R,eg?.length,Q,A?.horizontalGutter]),eP=a(()=>ei||ed||el||!eg||ee&&E,[el,ed,ee,E,ei,eg]);s(()=>{if(!eP&&!ed&&!ei)return F.current=setTimeout(()=>{let{builderData:e}=N??{},o=e?.childrens?.[0];if(!o)return;let t=document.querySelector(`[data-id=${o}] div`);t&&W(t.childElementCount||1)},M?0:500),()=>{clearTimeout(F.current)}},[N,eP,M,ed,ei,eg]);let ek=a(()=>({collection:ea,products:eg,settings:{loop:x?.loop??{desktop:!1},scrollMode:x?.scrollMode??{desktop:"snap"},slidesToShow:x?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:A?.layout,dot:x?.dot,dotStyle:x?.dotStyle,arrow:x?.arrow,controlOverContent:x?.controlOverContent},styles:{horizontalGutter:A?.horizontalGutter,verticalGutter:A?.verticalGutter,fullWidth:A?.fullWidth,spacing:A?.spacing,width:A?.width,height:A?.height}}),[ea,eg,x,A]);if(N?.isPreview&&V)return e(o,{});if(ep)return e(o,{children:T($,e(G,{builderAttrs:B,collectionHandle:ea?.handle,productSrc:q,onClose:()=>_(!1),children:O,relatedTagString:K,assignProductNoTags:X||Y||Z,noAssignedProduct:!J}))});let{productListWrapStyle:ey,productListContentStyle:eI,productListWrapAlignStyle:eT}=I(r),{productListWrapClass:eb}=b(r);return t("div",{...B,className:eb,style:ey,children:[!!A?.preloadBgImage&&t(P,{children:[!!A.backgroundImage?.desktop?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage.desktop.image.src,as:"image"}),!!A.backgroundImage?.tablet?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage?.tablet?.image?.src,as:"image"}),!!A.backgroundImage?.mobile?.image?.src&&e("link",{rel:"preload",href:A.backgroundImage?.mobile?.image?.src,as:"image"})]}),ed||ei?e(d,{}):el?t("div",{children:["Error: ",el?.message]}):eh?e("div",{children:"Products not found"}):e(p,{...ek,children:e("div",{className:"gp-flex gp-w-full",style:eT,children:t("div",{style:eI,children:[V&&e(f,{}),e(o,{children:T(A?.layout==="grid",e(k,{...r,productSortedById:eg,generateGridRowArray:ef}),e(y,{...r,productSortedById:eg}))})]})})}),h(O,!0)]})};export{O as default};
@@ -1 +1 @@
1
- import{createClass as e}from"@gem-sdk/system";let g=g=>{let{setting:t,className:s,builderProps:i,advanced:r,styles:p}=g,l=e({...s&&{[s]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":t?.sameHeight&&p?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&p?.layout==="grid",[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{g as getClass};
1
+ import{createClass as e}from"@gem-sdk/system";let g=g=>{let{setting:t,className:s,builderProps:i,advanced:p,styles:r}=g,l=e({...s&&{[s]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":t?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&r?.layout==="grid",[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{g as getClass};
@@ -1 +1 @@
1
- import{useFetchHandle as r,usePageStore as t,hasPublicStoreFrontData as o,createStoreFrontFetcher as i,useIsSampleProduct as e,useIsStorefrontProduct as a,generateCollectionQueryKey as n,getCollection as l}from"@gem-sdk/core";import{useMemo as d,useEffect as m}from"react";import s from"swr";import{PRODUCT_SOURCE as u}from"../constants/index.js";let c=({productSrc:c,numberOfProducts:p,orderBy:f,collectionID:g})=>{let x=r(),C=t(r=>r.publicStoreFrontData),L=d(()=>o(C)?i(C):x,[C]),V=e(),b=a(),j=d(()=>({id:g,numberOfProducts:p,orderBy:f}),[g,p,f]),k=s(n({...j,isSample:V,isStorefront:b}),([,r])=>l(L,r),{revalidateOnMount:!1});return m(()=>{if(c!==u.Collection)return;let r=!!k.error,t=k.isLoading||k.isValidating,o=!k.data&&!t;!r&&o&&k.mutate()},[c,k.data,k.error,k.isLoading,k.isValidating]),k};export{c as useCollectionQuery};
1
+ import{useFetchHandle as t,usePageStore as r,hasPublicStoreFrontData as o,createStoreFrontFetcher as i,useIsSampleProduct as e,useIsStorefrontProduct as a,generateCollectionQueryKey as n,getCollection as l}from"@gem-sdk/core";import{useMemo as m,useEffect as d}from"react";import s from"swr";import{PRODUCT_SOURCE as c}from"../constants/index.js";let u=({productSrc:u,numberOfProducts:p,orderBy:f,collectionID:g})=>{let C=t(),x=r(t=>t.publicStoreFrontData),y=m(()=>o(x)?i(x):C,[x]),D=e(),L=a(),V=m(()=>({id:g,numberOfProducts:p,orderBy:f}),[g,p,f]),b=s(n({...V,isSample:D,isStorefront:L}),([,t])=>l(y,t),{revalidateOnMount:!1});return d(()=>{if(u!==c.Collection&&u!==c.DynamicCollection)return;let t=!!b.error,r=b.isLoading||b.isValidating,o=!b.data&&!r;!t&&o&&b.mutate()},[u,b.data,b.error,b.isLoading,b.isValidating]),b};export{u as useCollectionQuery};
@@ -1 +1 @@
1
- import{useMemo as t}from"react";import{useFetchHandle as r,usePageStore as d,hasPublicStoreFrontData as e,createStoreFrontFetcher as o,useProductQuery as a}from"@gem-sdk/core";let u=({isRelatedProduct:u,relatedProductId:c,isEditMode:i,isPreviewSharePageMode:p})=>{let l=r(),m=d(t=>t.dynamicProduct),n=d(t=>t.publicStoreFrontData),f=m?.productId&&m?.productId!==c?m?.productId:c,s=t(()=>e(n)?o(n):l,[n]),{data:I}=a(u&&f?f:void 0,{revalidateOnMount:i||p},s);return{relatedProductIdAssigned:f,mainRelatedProduct:I}};export{u as default};
1
+ import{usePageStore as t}from"@gem-sdk/core";import r from"../../product-wrap/hook/useProductQuery.js";import{PRODUCT_SOURCE as d}from"../constants/index.js";let o=({productSrc:o,relatedProductId:e})=>{let u=t(t=>t.dynamicProduct),a=u?.productId&&u?.productId!==e?u?.productId:e,{productData:{data:c}}=r({id:o===d.RelatedProduct&&a?a:void 0});return{relatedProductIdAssigned:a,mainRelatedProduct:c}};export{o as default};
@@ -0,0 +1 @@
1
+ import{useFetchHandle as r,usePageStore as t,useIsSampleProduct as a,useIsStorefrontProduct as e,hasPublicStoreFrontData as i,createStoreFrontFetcher as o,generateProductQueryKey as n,getProduct as d}from"@gem-sdk/core";import{useMemo as l,useEffect as u}from"react";import s from"swr";let m=({id:m})=>{let c=r(),f=t(r=>r.publicStoreFrontData),g=a(),p=e(),y=l(()=>i(f)?o(f):c,[f]),L=l(()=>m?n({id:m,isSample:g,isStorefront:p}):null,[m,g,p]),V=s(L,async([,r])=>d(y,r),{revalidateOnMount:!1});return u(()=>{if(!m)return;let r=!!V.error,t=V.isLoading||V.isValidating,a=!V.data&&!t;!r&&a&&V.mutate()},[m,V.data,V.error,V.isLoading,V.isValidating]),{productData:V}};export{m as default};
@@ -1 +1 @@
1
- import{usePageType as t,usePageStore as e,useRenderMode as r,hasPublicStoreFrontData as a,createStoreFrontFetcher as d,useProductQuery as i}from"@gem-sdk/core";import{useMemo as o,useState as c}from"react";let u=u=>{let{setting:n}=u,{productSetting:l,quantity:s,readOnly:P,isSyncProduct:m}=n??{},p=t(),S=e(t=>t.dynamicProduct),g=e(t=>t.publicStoreFrontData),{isEditMode:h,isPreviewSharePageMode:y}=r(),I=l?.productId??"latest",f=l?.productStatus=="dynamic"?{...l,...S}:l,k=f?.initialVariantId,v=f?.initialVariantBaseId,D=o(()=>a(g)?d(g):void 0,[g]),{data:O,isLoading:V,error:$}=i(I,{revalidateOnMount:h||y},D),[b,x]=c(!0),B=($||!O&&!V)&&h,C=o(()=>({product:O,initialVariantId:k,initialVariantBaseId:v,quantity:s,readOnly:P,isSyncProduct:m,key:`uid-${O?.id}-${k??""}`,hasPreSelected:l?.hasPreSelected}),[v,k,m,O,l?.hasPreSelected,s,P]);return{forceProductSetting:f,isProductPage:"PRODUCT"===p,isProductNotFound:B,showProductNotFound:b,isLoading:V,product:O,errorLoadProduct:$,isEditor:h,productProviderData:C,setShowProductNotFound:x}};export{u as useProductSetting};
1
+ import{usePageType as t,usePageStore as r,useRenderMode as e}from"@gem-sdk/core";import{useState as d,useMemo as a}from"react";import i from"./useProductQuery.js";let o=o=>{let{setting:c}=o,{productSetting:u,quantity:s,readOnly:P,isSyncProduct:m}=c??{},l=t(),n=r(t=>t.dynamicProduct),{isEditMode:p}=e(),S=u?.productId??"latest",y=u?.productStatus=="dynamic"?{...u,...n}:u,f=y?.initialVariantId,g=y?.initialVariantBaseId,{productData:{data:h,isLoading:I,error:k}}=i({id:S}),[D,V]=d(!0),$=(k||!h&&!I)&&p,j=a(()=>({product:h,initialVariantId:f,initialVariantBaseId:g,quantity:s,readOnly:P,isSyncProduct:m,key:`uid-${h?.id}-${f??""}`,hasPreSelected:u?.hasPreSelected}),[g,f,m,h,u?.hasPreSelected,s,P]);return{forceProductSetting:y,isProductPage:"PRODUCT"===l,isProductNotFound:$,showProductNotFound:D,isLoading:I,product:h,errorLoadProduct:k,isEditor:p,productProviderData:j,setShowProductNotFound:V}};export{o as useProductSetting};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "12.0.0-dev.145",
3
+ "version": "12.0.0-dev.147",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
26
26
  "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
27
27
  },
28
28
  "devDependencies": {
29
- "@gem-sdk/core": "12.0.0-dev.144",
29
+ "@gem-sdk/core": "12.0.0-dev.146",
30
30
  "@gem-sdk/styles": "12.0.0-dev.142",
31
31
  "@gem-sdk/system": "12.0.0-dev.142",
32
32
  "@types/react-transition-group": "^4.4.12",