@trafilea/afrodita-components 7.20.0 → 7.20.1

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(o){return o.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n"]))),z=d.div(k||(k=o(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),R=d.div(w||(w=o(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),S=d.button(V||(V=o(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},I=function(o,i,n){if(i){var t=o<i,e=t?"eager":"lazy",r=t?"sync":"async";n.loading=e,n.decoding=r}return n},P=function(o){var d=o.contents,b=o.customClick,x=void 0!==b&&b,y=o.topTag,k=o.topRightTag,w=o.bottomTag,V=o.testId,P=o.borderRadiusVariant,B=o.selectedValue,D=o.onChange,G=o.itemsOnViewport,L=void 0===G?0:G,M=o.videoAutoplay,N=void 0!==M&&M,O=o.hideVideoControls,U=void 0!==O&&O,E=o.videoMuted,W=void 0===E||E,Z=o.videoLoop,q=void 0===Z||Z,F=o.enableZoom,H=void 0===F||F,J=l(null),K=l(null);v(K);var Q=a((function(o){var i;null===(i=J.current)||void 0===i||i.slickGoTo(o)}),[J]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=J.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[x&&e("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return e(c,{onClick:function(){return Q(i)},text:String(i+1),inline:!0},i)}))}),void 0),e(T,i({"data-testid":V,borderRadiusVariant:P,ref:K},{children:e(r,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?g():f(),null==D||D(o)}},A,{nextArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:J},{children:d.map((function(o,r){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s={alt:o.alt,width:"100%",height:"510px"};return e("div",{children:a?e(m,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:N,muted:W,loop:q,withProgressBar:!U,style:U?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[H?e(u,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:I(r,L,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):e(p,{src:l,alt:o.alt,width:"100%",height:"500px",loading:I(r,L,s).loading,decoding:I(r,L,s).decoding},void 0),e(j,i({borderRadiusVariant:P,"data-testid":"topTag"},{children:y}),void 0),e(z,i({"data-testid":"bottomTag"},{children:w}),void 0),!!k&&e(C,{children:k},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{S as Button,T as Container,R as NavButtonContainer,P as default};
+import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(o){return o.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n"]))),z=d.div(k||(k=o(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),R=d.div(w||(w=o(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),S=d.button(V||(V=o(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},P=function(o,i,n,t){if(i){var e=o<i,r=e?"eager":"lazy",d=e?"sync":"async";n.loading=r,n.decoding=d}return n.fetchpriority=t?"high":"auto",n},I=function(o){var d=o.contents,b=o.customClick,x=void 0!==b&&b,y=o.topTag,k=o.topRightTag,w=o.bottomTag,V=o.testId,I=o.borderRadiusVariant,B=o.selectedValue,D=o.onChange,G=o.itemsOnViewport,L=void 0===G?0:G,M=o.videoAutoplay,N=void 0!==M&&M,O=o.hideVideoControls,U=void 0!==O&&O,E=o.videoMuted,W=void 0===E||E,Z=o.videoLoop,q=void 0===Z||Z,F=o.enableZoom,H=void 0===F||F,J=l(null),K=l(null);v(K);var Q=a((function(o){var i;null===(i=J.current)||void 0===i||i.slickGoTo(o)}),[J]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=J.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[x&&e("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return e(c,{onClick:function(){return Q(i)},text:String(i+1),inline:!0},i)}))}),void 0),e(T,i({"data-testid":V,borderRadiusVariant:I,ref:K},{children:e(r,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?g():f(),null==D||D(o)}},A,{nextArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:J},{children:d.map((function(o,r){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s=o.url===(null==B?void 0:B.url)||o.key===(null==B?void 0:B.key),c={alt:o.alt,width:"100%",height:"510px"};return e("div",{children:a?e(m,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:N,muted:W,loop:q,withProgressBar:!U,style:U?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[H?e(u,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:P(r,L,c,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):e(p,{src:l,alt:o.alt,width:"100%",height:"500px",loading:P(r,L,c,s).loading,decoding:P(r,L,c,s).decoding,fetchPriority:s?"high":"auto"},void 0),e(j,i({borderRadiusVariant:I,"data-testid":"topTag"},{children:y}),void 0),e(z,i({"data-testid":"bottomTag"},{children:w}),void 0),!!k&&e(C,{children:k},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{S as Button,T as Container,R as NavButtonContainer,I as default};
 //# sourceMappingURL=ImageProductSlide.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as r}from"react/jsx-runtime";import n from"@ant-design/react-slick";import{useRef as o,useCallback as l,useEffect as a}from"react";import d from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{Video as c}from"../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as s}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{afterChangeSlide as m}from"../utils/afterChangeSlide.js";import{Container as u,TopTagContainer as f,BottomTagContainer as v,TopRightTagContainer as p}from"./styled.js";var g={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},h=function(h){var b,y=h.contents,x=h.containerRef,k=h.customClick,j=void 0!==k&&k,I=h.topTag,T=h.topRightTag,S=h.bottomTag,V=h.testId,C=h.borderRadiusVariant,R=h.onChange,N=h.selectedImageIndex,P=h.setSelectedImageIndex,G=h.setGalleryOpened,B=o(null),U=o(null);s(U);var w=l((function(e){var t;null===(t=B.current)||void 0===t||t.slickGoTo(e,!0)}),[B]);a((function(){var e;null===(e=B.current)||void 0===e||e.slickGoTo(N,!0)}),[y,N]);var K=null!==(b=function(){if(!(null==x?void 0:x.current))return 1.1;var e=x.current.offsetWidth-15,t=375.41*.8,i=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(i)*2.4)/t}())&&void 0!==b?b:1;return t(i,{children:[j&&r("div",e({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:y.map((function(e,t){return r(d,{onClick:function(){return w(t)},text:String(t+1),inline:!0},e.key)}))}),void 0),r(u,e({"data-testid":V,borderRadiusVariant:C,lastImage:N===y.length-1,ref:U},{children:r(n,e({afterChange:function(e){return m({slide:e,contents:y,setSelectedImageIndex:P,onChange:R})}},g,{slidesToShow:K,ref:B,centerPadding:"80"},{children:y.map((function(n,o){var l,a=null==n?void 0:n.url,d=null!==(l=null==n?void 0:n.isVideo)&&void 0!==l&&l;return r("div",e({role:"button",tabIndex:-1,onClick:function(){return e=n.key,t=y.findIndex((function(t){return t.key===e})),P(t),void G(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(o)},{children:d?r(c,{source:a,style:{height:"510px !important"},thumbnail:null==n?void 0:n.thumbnailUrl},void 0):t(i,{children:[r("img",{src:n.url,alt:n.alt,height:510},void 0),r(f,e({className:"banner-concealable",borderRadiusVariant:C,"data-testid":"topTag"},{children:I}),void 0),r(v,e({className:"banner-concealable","data-testid":"bottomTag"},{children:S}),void 0),!!T&&r(p,e({className:"banner-concealable"},{children:T}),void 0)]},void 0)}),n.key)}))}),void 0)}),void 0)]},void 0)};export{h as default};
+import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as r}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as n,useCallback as a,useEffect as l}from"react";import d from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{Video as c}from"../../../../molecules/Video/Video.js";import{Image as s}from"../../../../atoms/Image/Image.js";import{usePreventVerticalScroll as m}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{afterChangeSlide as u}from"../utils/afterChangeSlide.js";import{Container as f,TopTagContainer as v,BottomTagContainer as g,TopRightTagContainer as p}from"./styled.js";var h={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},y=function(y){var b,x=y.contents,k=y.containerRef,I=y.customClick,j=void 0!==I&&I,T=y.topTag,S=y.topRightTag,V=y.bottomTag,C=y.testId,P=y.borderRadiusVariant,R=y.onChange,N=y.selectedImageIndex,G=y.setSelectedImageIndex,w=y.setGalleryOpened,B=n(null),U=n(null);m(U);var z=a((function(e){var t;null===(t=B.current)||void 0===t||t.slickGoTo(e,!0)}),[B]);l((function(){var e;null===(e=B.current)||void 0===e||e.slickGoTo(N,!0)}),[x,N]);var K=null!==(b=function(){if(!(null==k?void 0:k.current))return 1.1;var e=k.current.offsetWidth-15,t=375.41*.8,i=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(i)*2.4)/t}())&&void 0!==b?b:1;return t(i,{children:[j&&r("div",e({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:x.map((function(e,t){return r(d,{onClick:function(){return z(t)},text:String(t+1),inline:!0},e.key)}))}),void 0),r(f,e({"data-testid":C,borderRadiusVariant:P,lastImage:N===x.length-1,ref:U},{children:r(o,e({afterChange:function(e){return u({slide:e,contents:x,setSelectedImageIndex:G,onChange:R})}},h,{slidesToShow:K,ref:B,centerPadding:"80"},{children:x.map((function(o,n){var a,l=null==o?void 0:o.url,d=null!==(a=null==o?void 0:o.isVideo)&&void 0!==a&&a;return r("div",e({role:"button",tabIndex:-1,onClick:function(){return e=o.key,t=x.findIndex((function(t){return t.key===e})),G(t),void w(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(n)},{children:d?r(c,{source:l,style:{height:"510px !important"},thumbnail:null==o?void 0:o.thumbnailUrl},void 0):t(i,{children:[r(s,{src:o.url,alt:o.alt,height:"510px",width:"100%",loading:n===N?"eager":"lazy",decoding:n===N?"sync":"async",fetchPriority:n===N?"high":"auto"},void 0),r(v,e({className:"banner-concealable",borderRadiusVariant:P,"data-testid":"topTag"},{children:T}),void 0),r(g,e({className:"banner-concealable","data-testid":"bottomTag"},{children:V}),void 0),!!S&&r(p,e({className:"banner-concealable"},{children:S}),void 0)]},void 0)}),o.key)}))}),void 0)}),void 0)]},void 0)};export{y as default};
 //# sourceMappingURL=index.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as r,useState as t,useEffect as n}from"react";import l from"react-inner-image-zoom";import{Video as d}from"../../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as a}from"../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as s}from"../../../../../icons/index.js";import{afterChangeSlide as c}from"../../utils/afterChangeSlide.js";import{Container as m,NavButtonContainer as u,Button as v}from"./styled.js";var f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,o){if(i){var r=e<i,t=r?"eager":"lazy",n=r?"sync":"async";o.loading=t,o.decoding=n}return o},g=function(g){var p=g.contents,x=g.testId,S=g.borderRadiusVariant,w=g.onChange,y=g.itemsOnViewport,I=void 0===y?0:y,V=g.selectedImageIndex,b=g.setSelectedImageIndex,j=r(null),z=r(null),C=t(!0),A=C[0],k=C[1];function T(){k(!1)}function R(){k(!0)}return a(z),n((function(){var e;null===(e=j.current)||void 0===e||e.slickGoTo(V,!0)}),[p,V]),n((function(){R()}),[V]),i(m,e({"data-testid":x,borderRadiusVariant:S,ref:z},{children:i(o,e({afterChange:function(e){return c({slide:e,contents:p,setSelectedImageIndex:b,onChange:w})}},f,{adaptiveHeight:!0,nextArrow:A?i(u,e({"data-testid":"main-gallery-next-button"},{children:i(v,{children:i(s.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:A?i(u,{children:i(v,{children:i(s.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:j},{children:p.map((function(o,r){var t,n=null==o?void 0:o.url,a=null!==(t=null==o?void 0:o.isVideo)&&void 0!==t&&t,s={alt:o.alt,height:"512px"};return i("div",e({"data-testid":"main-gallery-div-content-".concat(r)},{children:a?i(d,{source:n,thumbnail:null==o?void 0:o.thumbnailUrl},void 0):i(l,{afterZoomIn:T,afterZoomOut:R,src:n,zoomSrc:(null==o?void 0:o.zoomUrl)||n,zoomType:"hover",imgAttributes:h(r,I,s),className:"zoomWrapper"},void 0)}),o.key)}))}),void 0)}),void 0)};export{g as default};
+import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as t,useState as r,useEffect as n}from"react";import l from"react-inner-image-zoom";import{Video as d}from"../../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as a}from"../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as s}from"../../../../../icons/index.js";import{afterChangeSlide as c}from"../../utils/afterChangeSlide.js";import{Container as m,NavButtonContainer as u,Button as v}from"./styled.js";var f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,o,t){if(i){var r=e<i,n=r?"eager":"lazy",l=r?"sync":"async";o.loading=n,o.decoding=l}return o.fetchpriority=e===t?"high":"auto",o},g=function(g){var p=g.contents,x=g.testId,y=g.borderRadiusVariant,S=g.onChange,w=g.itemsOnViewport,I=void 0===w?0:w,V=g.selectedImageIndex,b=g.setSelectedImageIndex,j=t(null),z=t(null),C=r(!0),A=C[0],k=C[1];function T(){k(!1)}function R(){k(!0)}return a(z),n((function(){var e;null===(e=j.current)||void 0===e||e.slickGoTo(V,!0)}),[p,V]),n((function(){R()}),[V]),i(m,e({"data-testid":x,borderRadiusVariant:y,ref:z},{children:i(o,e({afterChange:function(e){return c({slide:e,contents:p,setSelectedImageIndex:b,onChange:S})}},f,{adaptiveHeight:!0,nextArrow:A?i(u,e({"data-testid":"main-gallery-next-button"},{children:i(v,{children:i(s.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:A?i(u,{children:i(v,{children:i(s.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:j},{children:p.map((function(o,t){var r,n=null==o?void 0:o.url,a=null!==(r=null==o?void 0:o.isVideo)&&void 0!==r&&r,s={alt:o.alt,height:"512px"};return i("div",e({"data-testid":"main-gallery-div-content-".concat(t)},{children:a?i(d,{source:n,thumbnail:null==o?void 0:o.thumbnailUrl},void 0):i(l,{afterZoomIn:T,afterZoomOut:R,src:n,zoomSrc:(null==o?void 0:o.zoomUrl)||n,zoomType:"hover",imgAttributes:h(t,I,s,V),className:"zoomWrapper"},void 0)}),o.key)}))}),void 0)}),void 0)};export{g as default};
 //# sourceMappingURL=index.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import e from"@ant-design/react-slick";import{useTheme as o}from"@emotion/react";import{useState as n,useRef as a,useEffect as d}from"react";import{usePreventVerticalScroll as l}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as c}from"../../../icons/index.js";import{SETTINGS as s,THUMBNAIL_SETTINGS as m}from"./constants.js";import{Container as u,SliderContainer as h,NavButtonContainer as v,Button as g,StyledImage as p,TopTagContainer as f,BottomTagContainer as w,SliderThumbnail as x,SlideItem as b,ThumbnailImage as S}from"./styled.js";var j=function(j){var y=j.images,I=j.topTag,R=j.bottomTag,T=j.productImageDataTestId,k=j.imagesSliderConfig,A=j.thumbnailSettings,q=j.isRatioSquare,C=void 0!==q&&q,F=o().colors,N=n(void 0),P=N[0],V=N[1],B=n(void 0),D=B[0],H=B[1],L=a(null),W=a(null),z=a(null),E=o();return l(z),d((function(){L.current&&V(L.current),W.current&&H(W.current)}),[]),t(u,r({"data-testid":"product-gallery-mobile"},{children:i(h,r({"data-testid":T,ref:z},{children:[t(e,r({},s,{nextArrow:t(v,{children:t(g,{children:t(c.Arrows.ChevronRight,{height:"21px",width:"21px",fill:F.shades[700].color},void 0)},void 0)},void 0),prevArrow:t(v,{children:t(g,{children:t(c.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:F.shades[700].color},void 0)},void 0)},void 0),asNavFor:D,ref:function(r){return L.current=r}},{children:y.map((function(e){var o=e.url,n=e.key,a=e.alt;return i("div",{children:[t(p,{alt:a,src:o,objectFit:"cover",width:E.component.gallery.mainImgWidth,height:E.component.gallery.mainImgHeight,loading:"eager",isRatioSquare:C},void 0),t(f,r({"data-testid":"topTag"},{children:I}),void 0),t(w,r({"data-testid":"bottomTag"},{children:R}),void 0)]},n)}))}),void 0),t(x,r({asNavFor:P,ref:function(r){return W.current=r}},A||m,{children:y.map((function(i){var e=i.url,o=i.key,n=i.alt;return t(b,r({paddingRight:null==k?void 0:k.spacesBetweenImages},{children:t(S,r({alt:"".concat(n,"-thumbnail"),src:e},k,{loading:"eager",isRatioSquare:C}),void 0)}),o)}))}),void 0)]}),void 0)}),void 0)};export{j as ProductGalleryMobileV5};
+import{__assign as r}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import e from"@ant-design/react-slick";import{useTheme as o}from"@emotion/react";import{useState as n,useRef as a,useEffect as d}from"react";import{usePreventVerticalScroll as l}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as c}from"../../../icons/index.js";import{SETTINGS as s,THUMBNAIL_SETTINGS as u}from"./constants.js";import{Container as m,SliderContainer as h,NavButtonContainer as v,Button as g,StyledImage as p,TopTagContainer as f,BottomTagContainer as y,SliderThumbnail as w,SlideItem as x,ThumbnailImage as b}from"./styled.js";var S=function(S){var j=S.images,k=S.topTag,I=S.bottomTag,R=S.productImageDataTestId,T=S.imagesSliderConfig,A=S.thumbnailSettings,q=S.isRatioSquare,C=void 0!==q&&q,F=S.selectedValue,P=o().colors,V=n(void 0),z=V[0],N=V[1],B=n(void 0),D=B[0],H=B[1],L=a(null),W=a(null),E=a(null),G=o();return l(E),d((function(){L.current&&N(L.current),W.current&&H(W.current)}),[]),i(m,r({"data-testid":"product-gallery-mobile"},{children:t(h,r({"data-testid":R,ref:E},{children:[i(e,r({},s,{nextArrow:i(v,{children:i(g,{children:i(c.Arrows.ChevronRight,{height:"21px",width:"21px",fill:P.shades[700].color},void 0)},void 0)},void 0),prevArrow:i(v,{children:i(g,{children:i(c.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:P.shades[700].color},void 0)},void 0)},void 0),asNavFor:D,ref:function(r){return L.current=r}},{children:j.map((function(e){var o=e.url,n=e.key,a=e.alt,d=o===(null==F?void 0:F.url)||n===(null==F?void 0:F.key);return t("div",{children:[i(p,{alt:a,src:o,objectFit:"cover",width:G.component.gallery.mainImgWidth,height:G.component.gallery.mainImgHeight,loading:d?"eager":"lazy",decoding:d?"sync":"async",fetchPriority:d?"high":"auto",isRatioSquare:C},void 0),i(f,r({"data-testid":"topTag"},{children:k}),void 0),i(y,r({"data-testid":"bottomTag"},{children:I}),void 0)]},n)}))}),void 0),i(w,r({asNavFor:z,ref:function(r){return W.current=r}},A||u,{children:j.map((function(t,e){var o=t.url,n=t.key,a=t.alt;return i(x,r({paddingRight:null==T?void 0:T.spacesBetweenImages},{children:i(b,r({alt:"".concat(a,"-thumbnail"),src:o},T,{loading:e<4?"eager":"lazy",decoding:e<4?"sync":"async",isRatioSquare:C}),void 0)}),n)}))}),void 0)]}),void 0)}),void 0)};export{S as ProductGalleryMobileV5};
 //# sourceMappingURL=ProductGalleryMobileV5.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as p}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../tooltip/Styled.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as d}from"../../../../atoms/Image/Image.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/Toggle/toggle.styled.js";import"../../../../radio/input/styles.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../../shared/card/Card.js";import"../../../../bundle/minimalistic/styled.js";import"../../../../text/Text.js";import"../../../../bundle/motivator/styled.js";import"../../../../bundle/simple/Simple.js";import"../../../../buynowpaylater/BuyNowPayLater.js";import"../../../../offer-banner/OfferBanner.js";import"../../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../../cartProductItem/Description/Description.js";import"../../../../cartProductItem/Promo/Promo.js";import"../../../../cartProductItem/Title/Title.js";import"../../../../cartProductItem/TrashIcon/styled.js";import"../../../../checkbox/Checkbox.js";import"../../../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../../../SkeletonBox/SkeletonBox.js";import"../../../../club-price-label/ClubPriceLabel.js";import"../../../../strength-bars/StrengthBars.js";import"../../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../../rating/starList/StarList.js";import"../../../../rating/styles.js";import"../../../../collection/product/mobile/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../tag/variants/product/styled.js";import"../../../../collection/product/truekind/styled.js";import"../../../../color/ColorRadioGroup.js";import"../../../../color/selector/PatternSelector.js";import"../../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../../cta/styled.js";import"../../../../delivery-details/DeliveryDetails.js";import"../../../../delivery-details/Note/Note.js";import"../../../../drawer/style.js";import"../../../../dropdown-list-icons/Styled.js";import"../../../../dropdown/size-dropdown/Styled.js";import"../../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../../input/base/Error.js";import"../../../../shared/select/BaseSelect.js";import"../../../../dropdown/variants/smart/styled.js";import"../../../../filtering/Accordion.js";import"../../../../filtering/FiltersStyled.js";import"../../../../filtering/Tags/Tags.js";import"../../../../fit-guarantee/FitGuarantee.js";import"../../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../../modal/Modal.js";import"../../../ModalZoom/zoomModal.styled.js";import"../../../ModalZoom/ZoomModalV2.styled.js";import{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"@emotion/react";import"../../../../textWithImage/index.js";import"../../../../timer/styled.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.js";import"../../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import"../../../../timerV2/styled.js";import"../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../../molecules/CouponCard/styled.js";import"../../../../molecules/BenefitsList/styled.js";import"../../../../molecules/HurryUp/styled.js";import"../../../../molecules/Spinner/styled.js";import"../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},P=function(P){var g,C,h,v=P.contents,S=P.topTag,T=P.topRightTag,V=P.bottomTag,w=P.containerRef,A=s(null),I=s(null),B=l(null!==(g=f(w))&&void 0!==g?g:1),L=B[0],G=B[1],k=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[k]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;G(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{P as MainGallery};
+import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as d}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../tooltip/Styled.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as p}from"../../../../atoms/Image/Image.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/Toggle/toggle.styled.js";import"../../../../radio/input/styles.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../../shared/card/Card.js";import"../../../../bundle/minimalistic/styled.js";import"../../../../text/Text.js";import"../../../../bundle/motivator/styled.js";import"../../../../bundle/simple/Simple.js";import"../../../../buynowpaylater/BuyNowPayLater.js";import"../../../../offer-banner/OfferBanner.js";import"../../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../../cartProductItem/Description/Description.js";import"../../../../cartProductItem/Promo/Promo.js";import"../../../../cartProductItem/Title/Title.js";import"../../../../cartProductItem/TrashIcon/styled.js";import"../../../../checkbox/Checkbox.js";import"../../../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../../../SkeletonBox/SkeletonBox.js";import"../../../../club-price-label/ClubPriceLabel.js";import"../../../../strength-bars/StrengthBars.js";import"../../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../../rating/starList/StarList.js";import"../../../../rating/styles.js";import"../../../../collection/product/mobile/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../tag/variants/product/styled.js";import"../../../../collection/product/truekind/styled.js";import"../../../../color/ColorRadioGroup.js";import"../../../../color/selector/PatternSelector.js";import"../../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../../cta/styled.js";import"../../../../delivery-details/DeliveryDetails.js";import"../../../../delivery-details/Note/Note.js";import"../../../../drawer/style.js";import"../../../../dropdown-list-icons/Styled.js";import"../../../../dropdown/size-dropdown/Styled.js";import"../../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../../input/base/Error.js";import"../../../../shared/select/BaseSelect.js";import"../../../../dropdown/variants/smart/styled.js";import"../../../../filtering/Accordion.js";import"../../../../filtering/FiltersStyled.js";import"../../../../filtering/Tags/Tags.js";import"../../../../fit-guarantee/FitGuarantee.js";import"../../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../../modal/Modal.js";import"../../../ModalZoom/zoomModal.styled.js";import"../../../ModalZoom/ZoomModalV2.styled.js";import{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"@emotion/react";import"../../../../textWithImage/index.js";import"../../../../timer/styled.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.js";import"../../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import"../../../../timerV2/styled.js";import"../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../../molecules/CouponCard/styled.js";import"../../../../molecules/BenefitsList/styled.js";import"../../../../molecules/HurryUp/styled.js";import"../../../../molecules/Spinner/styled.js";import"../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},g=function(g){var P,C,h,v=g.contents,S=g.topTag,T=g.topRightTag,V=g.bottomTag,w=g.containerRef,A=s(null),I=s(null),B=l(null!==(P=f(w))&&void 0!==P?P:1),L=B[0],z=B[1],G=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[G]),m((function(){if(null==w?void 0:w.current){var t=d((function(){var t;z(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(p,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:0===s?"eager":"lazy",decoding:0===s?"sync":"async",fetchPriority:0===s?"high":"auto"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{g as MainGallery};
 //# sourceMappingURL=index.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as i,Fragment as r,jsx as t}from"react/jsx-runtime";import l from"@ant-design/react-slick";import{useRef as d,useState as e,useCallback as n,useEffect as a}from"react";import{Image as m}from"../../../../atoms/Image/Image.js";import s from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{ZoomModalComponent as u}from"../../../ModalZoom/index.js";import{useZoom as c}from"../../../ModalZoom/useZoom.js";import{usePreventVerticalScroll as v}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as f}from"../../../../icons/index.js";import{stopVideoCommand as p,playVideoCommand as h}from"../../utils/sendCommandToIframe.js";import{Container as g,NavButtonContainer as j,Button as I,ViewContainerWrapper as k,TopTagContainer as x,BottomTagContainer as y}from"./ImageProductSlide.styled.js";import{VideoDisplay as z}from"../../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as M}from"../../../ModalZoom/ZoomButton.js";var w={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},C=function(C){var T=C.contents,V=C.customClick,b=void 0!==V&&V,S=C.topTag,Z=C.bottomTag,B=C.testId,A=C.borderRadiusVariant,P=C.selectedValue,R=C.onChange,G=C.zoomOptions,O=d(null),D=d(null),L=e(!1),q=L[0],E=L[1],F=e(0),H=F[0],J=F[1],K=c((null==G?void 0:G.zoomModalId)||"zoom-modal-v1").handleZoomClick;v(D);var N=n((function(o){var i;null===(i=O.current)||void 0===i||i.slickGoTo(o)}),[O]);return a((function(){var o;if(P){var i=T.findIndex((function(o){return o.url===P.url}));-1!==i&&(null===(o=O.current)||void 0===o||o.slickGoTo(i))}}),[T,P]),i(r,{children:[b&&t("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:T.map((function(o,i){return t(s,{onClick:function(){return N(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),t(g,o({"data-testid":B,borderRadiusVariant:A,ref:D,role:"button"},{children:t(l,o({afterChange:function(o){var i,r=T[o];(null===(i=null==r?void 0:r.url)||void 0===i?void 0:i.includes("autoplay=1"))?h():p(),J(o),null==R||R(o)}},w,{nextArrow:t(j,{children:t(I,{children:t(f.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:t(j,{children:t(I,{children:t(f.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:O,vertical:q,rows:1},{children:T.map((function(l){var d,e=null==l?void 0:l.url,n=null!==(d=null==l?void 0:l.isVideo)&&void 0!==d&&d,a=(l.alt,"100%"),s="510px";return t(k,o({onClick:(null==G?void 0:G.zoomModalId)?K:void 0},{children:n?t(z,{content:l},l.key):i(r,{children:[t(m,{src:e,height:s,alt:l.alt,width:a},void 0),S&&t(x,o({borderRadiusVariant:A,"data-testid":"topTag"},{children:S}),void 0),t(y,o({onClick:function(){return E(!0)},"data-testid":"bottomTag"},{children:Z}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&t(M,{modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==G?void 0:G.zoomVersion)},void 0)]},void 0)}),l.key)}))}),void 0)}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&t(u,{version:null==G?void 0:G.zoomVersion,modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",contents:T,initialSlide:H,fade:null==G?void 0:G.fade},void 0)]},void 0)};export{C as default};
+import{__assign as o}from"tslib";import{jsxs as i,Fragment as l,jsx as r}from"react/jsx-runtime";import t from"@ant-design/react-slick";import{useRef as d,useState as e,useCallback as n,useEffect as a}from"react";import{Image as m}from"../../../../atoms/Image/Image.js";import s from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{ZoomModalComponent as u}from"../../../ModalZoom/index.js";import{useZoom as c}from"../../../ModalZoom/useZoom.js";import{usePreventVerticalScroll as v}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as p}from"../../utils/sendCommandToIframe.js";import{Container as g,NavButtonContainer as y,Button as j,ViewContainerWrapper as k,TopTagContainer as I,BottomTagContainer as z}from"./ImageProductSlide.styled.js";import{VideoDisplay as w}from"../../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as x}from"../../../ModalZoom/ZoomButton.js";var M={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},C=function(C){var T=C.contents,V=C.customClick,b=void 0!==V&&V,S=C.topTag,Z=C.bottomTag,B=C.testId,P=C.borderRadiusVariant,A=C.selectedValue,R=C.onChange,G=C.zoomOptions,O=d(null),D=d(null),L=e(!1),q=L[0],E=L[1],F=e(0),H=F[0],J=F[1],K=c((null==G?void 0:G.zoomModalId)||"zoom-modal-v1").handleZoomClick;v(D);var N=n((function(o){var i;null===(i=O.current)||void 0===i||i.slickGoTo(o)}),[O]);return a((function(){var o;if(A){var i=T.findIndex((function(o){return o.url===A.url}));-1!==i&&(null===(o=O.current)||void 0===o||o.slickGoTo(i))}}),[T,A]),i(l,{children:[b&&r("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:T.map((function(o,i){return r(s,{onClick:function(){return N(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),r(g,o({"data-testid":B,borderRadiusVariant:P,ref:D,role:"button"},{children:r(t,o({afterChange:function(o){var i,l=T[o];(null===(i=null==l?void 0:l.url)||void 0===i?void 0:i.includes("autoplay=1"))?p():f(),J(o),null==R||R(o)}},M,{nextArrow:r(y,{children:r(j,{children:r(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r(y,{children:r(j,{children:r(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:O,vertical:q,rows:1},{children:T.map((function(t,d){var e,n=null==t?void 0:t.url,a=null!==(e=null==t?void 0:t.isVideo)&&void 0!==e&&e,s=t.url===(null==A?void 0:A.url)||t.key===(null==A?void 0:A.key),u={alt:t.alt,width:"100%",height:"510px",loading:s?"eager":"lazy",decoding:s?"sync":"async"};return r(k,o({onClick:(null==G?void 0:G.zoomModalId)?K:void 0},{children:a?r(w,{content:t},t.key):i(l,{children:[r(m,{src:n,height:u.height,alt:t.alt,width:u.width,loading:u.loading,decoding:u.decoding,fetchPriority:s?"high":"auto"},void 0),S&&r(I,o({borderRadiusVariant:P,"data-testid":"topTag"},{children:S}),void 0),r(z,o({onClick:function(){return E(!0)},"data-testid":"bottomTag"},{children:Z}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&r(x,{modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==G?void 0:G.zoomVersion)},void 0)]},void 0)}),t.key)}))}),void 0)}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&r(u,{version:null==G?void 0:G.zoomVersion,modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",contents:T,initialSlide:H,fade:null==G?void 0:G.fade},void 0)]},void 0)};export{C as default};
 //# sourceMappingURL=ImageProductSlide.js.map

package/build/index.d.ts

@@ -4739,6 +4739,7 @@ declare type ProductGalleryMobileProps$1 = {
     imagesSliderConfig?: ImagesSliderConfig;
     thumbnailSettings?: ThumbnailSettings;
     isRatioSquare?: boolean;
+    selectedValue?: ContentType;
 };
 declare const ProductGalleryMobileV5: react__default.FC<ProductGalleryMobileProps$1>;
 

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../atoms/Image/Image.js"),s=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../../../icons/index.js"),c=require("../utils/sendCommandToIframe.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,h,g,f,x,b=v(i),j=v(t),_=v(r),k=j.default.div(p||(p=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),y=j.default.div(m||(m=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),T=j.default.div(h||(h=e.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n"]))),V=j.default.div(g||(g=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),q=j.default.div(f||(f=e.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),w=j.default.button(x||(x=e.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},R=function(e,n,i){if(n){var t=e<n,o=t?"eager":"lazy",r=t?"sync":"async";i.loading=o,i.decoding=r}return i};exports.Button=w,exports.Container=k,exports.NavButtonContainer=q,exports.default=function(i){var t=i.contents,r=i.customClick,v=void 0!==r&&r,p=i.topTag,m=i.topRightTag,h=i.bottomTag,g=i.testId,f=i.borderRadiusVariant,x=i.selectedValue,j=i.onChange,O=i.itemsOnViewport,z=void 0===O?0:O,I=i.videoAutoplay,S=void 0!==I&&I,P=i.hideVideoControls,A=void 0!==P&&P,B=i.videoMuted,M=void 0===B||B,N=i.videoLoop,D=void 0===N||N,E=i.enableZoom,F=void 0===E||E,G=o.useRef(null),L=o.useRef(null);s.usePreventVerticalScroll(L);var U=o.useCallback((function(e){var n;null===(n=G.current)||void 0===n||n.slickGoTo(e)}),[G]);return o.useEffect((function(){var e;if(x){var n=t.findIndex((function(e){return e.url===x.url}));-1!==n&&(null===(e=G.current)||void 0===e||e.slickGoTo(n))}}),[t,x]),n.jsxs(n.Fragment,{children:[v&&n.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return n.jsx(a,{onClick:function(){return U(i)},text:String(i+1),inline:!0},i)}))}),void 0),n.jsx(k,e.__assign({"data-testid":g,borderRadiusVariant:f,ref:L},{children:n.jsx(b.default,e.__assign({afterChange:function(e){var n,i=t[e];(null===(n=null==i?void 0:i.url)||void 0===n?void 0:n.includes("autoplay=1"))?c.playVideoCommand():c.stopVideoCommand(),null==j||j(e)}},C,{nextArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G},{children:t.map((function(i,t){var o,r=null==i?void 0:i.url,a=null!==(o=null==i?void 0:i.isVideo)&&void 0!==o&&o,s={alt:i.alt,width:"100%",height:"510px"};return n.jsx("div",{children:a?n.jsx(d.Video,{source:r,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:S,muted:M,loop:D,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n.jsxs(n.Fragment,{children:[F?n.jsx(_.default,{src:r,zoomSrc:(null==i?void 0:i.zoomUrl)||r,zoomType:"hover",imgAttributes:R(t,z,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):n.jsx(l.Image,{src:r,alt:i.alt,width:"100%",height:"500px",loading:R(t,z,s).loading,decoding:R(t,z,s).decoding},void 0),n.jsx(y,e.__assign({borderRadiusVariant:f,"data-testid":"topTag"},{children:p}),void 0),n.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:h}),void 0),!!m&&n.jsx(T,{children:m},void 0)]},void 0)},i.key)}))}),void 0)}),void 0)]},void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../atoms/Image/Image.js"),s=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../../../icons/index.js"),c=require("../utils/sendCommandToIframe.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,h,g,f,x,b=v(n),j=v(t),k=v(r),_=j.default.div(p||(p=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),y=j.default.div(m||(m=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),T=j.default.div(h||(h=e.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n"]))),V=j.default.div(g||(g=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),q=j.default.div(f||(f=e.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),w=j.default.button(x||(x=e.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},R=function(e,i,n,t){if(i){var o=e<i,r=o?"eager":"lazy",a=o?"sync":"async";n.loading=r,n.decoding=a}return n.fetchpriority=t?"high":"auto",n};exports.Button=w,exports.Container=_,exports.NavButtonContainer=q,exports.default=function(n){var t=n.contents,r=n.customClick,v=void 0!==r&&r,p=n.topTag,m=n.topRightTag,h=n.bottomTag,g=n.testId,f=n.borderRadiusVariant,x=n.selectedValue,j=n.onChange,O=n.itemsOnViewport,z=void 0===O?0:O,I=n.videoAutoplay,P=void 0!==I&&I,S=n.hideVideoControls,A=void 0!==S&&S,B=n.videoMuted,M=void 0===B||B,N=n.videoLoop,D=void 0===N||N,E=n.enableZoom,F=void 0===E||E,G=o.useRef(null),L=o.useRef(null);s.usePreventVerticalScroll(L);var U=o.useCallback((function(e){var i;null===(i=G.current)||void 0===i||i.slickGoTo(e)}),[G]);return o.useEffect((function(){var e;if(x){var i=t.findIndex((function(e){return e.url===x.url}));-1!==i&&(null===(e=G.current)||void 0===e||e.slickGoTo(i))}}),[t,x]),i.jsxs(i.Fragment,{children:[v&&i.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,n){return i.jsx(a,{onClick:function(){return U(n)},text:String(n+1),inline:!0},n)}))}),void 0),i.jsx(_,e.__assign({"data-testid":g,borderRadiusVariant:f,ref:L},{children:i.jsx(b.default,e.__assign({afterChange:function(e){var i,n=t[e];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?c.playVideoCommand():c.stopVideoCommand(),null==j||j(e)}},C,{nextArrow:i.jsx(q,{children:i.jsx(w,{children:i.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i.jsx(q,{children:i.jsx(w,{children:i.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G},{children:t.map((function(n,t){var o,r=null==n?void 0:n.url,a=null!==(o=null==n?void 0:n.isVideo)&&void 0!==o&&o,s=n.url===(null==x?void 0:x.url)||n.key===(null==x?void 0:x.key),u={alt:n.alt,width:"100%",height:"510px"};return i.jsx("div",{children:a?i.jsx(d.Video,{source:r,thumbnail:null==n?void 0:n.thumbnailUrl,autoPlay:P,muted:M,loop:D,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):i.jsxs(i.Fragment,{children:[F?i.jsx(k.default,{src:r,zoomSrc:(null==n?void 0:n.zoomUrl)||r,zoomType:"hover",imgAttributes:R(t,z,u,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):i.jsx(l.Image,{src:r,alt:n.alt,width:"100%",height:"500px",loading:R(t,z,u,s).loading,decoding:R(t,z,u,s).decoding,fetchPriority:s?"high":"auto"},void 0),i.jsx(y,e.__assign({borderRadiusVariant:f,"data-testid":"topTag"},{children:p}),void 0),i.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:h}),void 0),!!m&&i.jsx(T,{children:m},void 0)]},void 0)},n.key)}))}),void 0)}),void 0)]},void 0)};
 //# sourceMappingURL=ImageProductSlide.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@ant-design/react-slick"),i=require("react"),n=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var a=require("../../../../molecules/Video/Video.js"),l=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),o=require("../utils/afterChangeSlide.js"),s=require("./styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0};module.exports=function(r){var d,g=r.contents,m=r.containerRef,v=r.customClick,f=void 0!==v&&v,h=r.topTag,x=r.topRightTag,j=r.bottomTag,b=r.testId,p=r.borderRadiusVariant,y=r.onChange,T=r.selectedImageIndex,_=r.setSelectedImageIndex,k=r.setGalleryOpened,q=i.useRef(null),C=i.useRef(null);l.usePreventVerticalScroll(C);var S=i.useCallback((function(e){var t;null===(t=q.current)||void 0===t||t.slickGoTo(e,!0)}),[q]);i.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(T,!0)}),[g,T]);var I=null!==(d=function(){if(!(null==m?void 0:m.current))return 1.1;var e=m.current.offsetWidth-15,t=375.41*.8,r=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(r)*2.4)/t}())&&void 0!==d?d:1;return t.jsxs(t.Fragment,{children:[f&&t.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:g.map((function(e,r){return t.jsx(n,{onClick:function(){return S(r)},text:String(r+1),inline:!0},e.key)}))}),void 0),t.jsx(s.Container,e.__assign({"data-testid":b,borderRadiusVariant:p,lastImage:T===g.length-1,ref:C},{children:t.jsx(u.default,e.__assign({afterChange:function(e){return o.afterChangeSlide({slide:e,contents:g,setSelectedImageIndex:_,onChange:y})}},c,{slidesToShow:I,ref:q,centerPadding:"80"},{children:g.map((function(r,i){var n,l=null==r?void 0:r.url,o=null!==(n=null==r?void 0:r.isVideo)&&void 0!==n&&n;return t.jsx("div",e.__assign({role:"button",tabIndex:-1,onClick:function(){return e=r.key,t=g.findIndex((function(t){return t.key===e})),_(t),void k(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(i)},{children:o?t.jsx(a.Video,{source:l,style:{height:"510px !important"},thumbnail:null==r?void 0:r.thumbnailUrl},void 0):t.jsxs(t.Fragment,{children:[t.jsx("img",{src:r.url,alt:r.alt,height:510},void 0),t.jsx(s.TopTagContainer,e.__assign({className:"banner-concealable",borderRadiusVariant:p,"data-testid":"topTag"},{children:h}),void 0),t.jsx(s.BottomTagContainer,e.__assign({className:"banner-concealable","data-testid":"bottomTag"},{children:j}),void 0),!!x&&t.jsx(s.TopRightTagContainer,e.__assign({className:"banner-concealable"},{children:x}),void 0)]},void 0)}),r.key)}))}),void 0)}),void 0)]},void 0)};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),r=require("react"),n=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var a=require("../../../../molecules/Video/Video.js"),l=require("../../../../atoms/Image/Image.js"),o=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../utils/afterChangeSlide.js"),d=require("./styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(i),g={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0};module.exports=function(i){var c,m=i.contents,v=i.containerRef,f=i.customClick,h=void 0!==f&&f,x=i.topTag,j=i.topRightTag,y=i.bottomTag,b=i.testId,p=i.borderRadiusVariant,T=i.onChange,q=i.selectedImageIndex,_=i.setSelectedImageIndex,k=i.setGalleryOpened,C=r.useRef(null),I=r.useRef(null);o.usePreventVerticalScroll(I);var S=r.useCallback((function(e){var t;null===(t=C.current)||void 0===t||t.slickGoTo(e,!0)}),[C]);r.useEffect((function(){var e;null===(e=C.current)||void 0===e||e.slickGoTo(q,!0)}),[m,q]);var V=null!==(c=function(){if(!(null==v?void 0:v.current))return 1.1;var e=v.current.offsetWidth-15,t=375.41*.8,i=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(i)*2.4)/t}())&&void 0!==c?c:1;return t.jsxs(t.Fragment,{children:[h&&t.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:m.map((function(e,i){return t.jsx(n,{onClick:function(){return S(i)},text:String(i+1),inline:!0},e.key)}))}),void 0),t.jsx(d.Container,e.__assign({"data-testid":b,borderRadiusVariant:p,lastImage:q===m.length-1,ref:I},{children:t.jsx(u.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:m,setSelectedImageIndex:_,onChange:T})}},g,{slidesToShow:V,ref:C,centerPadding:"80"},{children:m.map((function(i,r){var n,o=null==i?void 0:i.url,s=null!==(n=null==i?void 0:i.isVideo)&&void 0!==n&&n;return t.jsx("div",e.__assign({role:"button",tabIndex:-1,onClick:function(){return e=i.key,t=m.findIndex((function(t){return t.key===e})),_(t),void k(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(r)},{children:s?t.jsx(a.Video,{source:o,style:{height:"510px !important"},thumbnail:null==i?void 0:i.thumbnailUrl},void 0):t.jsxs(t.Fragment,{children:[t.jsx(l.Image,{src:i.url,alt:i.alt,height:"510px",width:"100%",loading:r===q?"eager":"lazy",decoding:r===q?"sync":"async",fetchPriority:r===q?"high":"auto"},void 0),t.jsx(d.TopTagContainer,e.__assign({className:"banner-concealable",borderRadiusVariant:p,"data-testid":"topTag"},{children:x}),void 0),t.jsx(d.BottomTagContainer,e.__assign({className:"banner-concealable","data-testid":"bottomTag"},{children:y}),void 0),!!j&&t.jsx(d.TopRightTagContainer,e.__assign({className:"banner-concealable"},{children:j}),void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)]},void 0)};
 //# sourceMappingURL=index.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),l=require("../../../../../icons/index.js"),s=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t){if(i){var r=e<i,n=r?"eager":"lazy",o=r?"sync":"async";t.loading=n,t.decoding=o}return t};module.exports=function(t){var n=t.contents,u=t.testId,g=t.borderRadiusVariant,m=t.onChange,x=t.itemsOnViewport,j=void 0===x?0:x,S=t.selectedImageIndex,p=t.setSelectedImageIndex,q=r.useRef(null),C=r.useRef(null),I=r.useState(!0),V=I[0],y=I[1];function b(){y(!1)}function w(){y(!0)}return a.usePreventVerticalScroll(C),r.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(S,!0)}),[n,S]),r.useEffect((function(){w()}),[S]),i.jsx(d.Container,e.__assign({"data-testid":u,borderRadiusVariant:g,ref:C},{children:i.jsx(c.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:n,setSelectedImageIndex:p,onChange:m})}},f,{adaptiveHeight:!0,nextArrow:V?i.jsx(d.NavButtonContainer,e.__assign({"data-testid":"main-gallery-next-button"},{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:V?i.jsx(d.NavButtonContainer,{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:q},{children:n.map((function(t,r){var n,a=null==t?void 0:t.url,l=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,s={alt:t.alt,height:"512px"};return i.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(r)},{children:l?i.jsx(o.Video,{source:a,thumbnail:null==t?void 0:t.thumbnailUrl},void 0):i.jsx(v.default,{afterZoomIn:b,afterZoomOut:w,src:a,zoomSrc:(null==t?void 0:t.zoomUrl)||a,zoomType:"hover",imgAttributes:h(r,j,s),className:"zoomWrapper"},void 0)}),t.key)}))}),void 0)}),void 0)};
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),l=require("../../../../../icons/index.js"),s=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t,r){if(i){var n=e<i,o=n?"eager":"lazy",a=n?"sync":"async";t.loading=o,t.decoding=a}return t.fetchpriority=e===r?"high":"auto",t};module.exports=function(t){var n=t.contents,u=t.testId,g=t.borderRadiusVariant,m=t.onChange,x=t.itemsOnViewport,j=void 0===x?0:x,p=t.selectedImageIndex,S=t.setSelectedImageIndex,q=r.useRef(null),y=r.useRef(null),C=r.useState(!0),I=C[0],V=C[1];function b(){V(!1)}function w(){V(!0)}return a.usePreventVerticalScroll(y),r.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(p,!0)}),[n,p]),r.useEffect((function(){w()}),[p]),i.jsx(d.Container,e.__assign({"data-testid":u,borderRadiusVariant:g,ref:y},{children:i.jsx(c.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:n,setSelectedImageIndex:S,onChange:m})}},f,{adaptiveHeight:!0,nextArrow:I?i.jsx(d.NavButtonContainer,e.__assign({"data-testid":"main-gallery-next-button"},{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:I?i.jsx(d.NavButtonContainer,{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:q},{children:n.map((function(t,r){var n,a=null==t?void 0:t.url,l=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,s={alt:t.alt,height:"512px"};return i.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(r)},{children:l?i.jsx(o.Video,{source:a,thumbnail:null==t?void 0:t.thumbnailUrl},void 0):i.jsx(v.default,{afterZoomIn:b,afterZoomOut:w,src:a,zoomSrc:(null==t?void 0:t.zoomUrl)||a,zoomType:"hover",imgAttributes:h(r,j,s,p),className:"zoomWrapper"},void 0)}),t.key)}))}),void 0)}),void 0)};
 //# sourceMappingURL=index.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),i=require("@emotion/react"),n=require("react"),a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),o=require("../../../icons/index.js"),s=require("./constants.js"),l=require("./styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.ProductGalleryMobileV5=function(t){var d=t.images,c=t.topTag,g=t.bottomTag,h=t.productImageDataTestId,v=t.imagesSliderConfig,m=t.thumbnailSettings,x=t.isRatioSquare,f=void 0!==x&&x,j=i.useTheme().colors,p=n.useState(void 0),_=p[0],S=p[1],T=n.useState(void 0),I=T[0],b=T[1],q=n.useRef(null),y=n.useRef(null),C=n.useRef(null),w=i.useTheme();return a.usePreventVerticalScroll(C),n.useEffect((function(){q.current&&S(q.current),y.current&&b(y.current)}),[]),r.jsx(l.Container,e.__assign({"data-testid":"product-gallery-mobile"},{children:r.jsxs(l.SliderContainer,e.__assign({"data-testid":h,ref:C},{children:[r.jsx(u.default,e.__assign({},s.SETTINGS,{nextArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronRight,{height:"21px",width:"21px",fill:j.shades[700].color},void 0)},void 0)},void 0),prevArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:j.shades[700].color},void 0)},void 0)},void 0),asNavFor:I,ref:function(e){return q.current=e}},{children:d.map((function(t){var i=t.url,n=t.key,a=t.alt;return r.jsxs("div",{children:[r.jsx(l.StyledImage,{alt:a,src:i,objectFit:"cover",width:w.component.gallery.mainImgWidth,height:w.component.gallery.mainImgHeight,loading:"eager",isRatioSquare:f},void 0),r.jsx(l.TopTagContainer,e.__assign({"data-testid":"topTag"},{children:c}),void 0),r.jsx(l.BottomTagContainer,e.__assign({"data-testid":"bottomTag"},{children:g}),void 0)]},n)}))}),void 0),r.jsx(l.SliderThumbnail,e.__assign({asNavFor:_,ref:function(e){return y.current=e}},m||s.THUMBNAIL_SETTINGS,{children:d.map((function(t){var i=t.url,n=t.key,a=t.alt;return r.jsx(l.SlideItem,e.__assign({paddingRight:null==v?void 0:v.spacesBetweenImages},{children:r.jsx(l.ThumbnailImage,e.__assign({alt:"".concat(a,"-thumbnail"),src:i},v,{loading:"eager",isRatioSquare:f}),void 0)}),n)}))}),void 0)]}),void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),i=require("@emotion/react"),n=require("react"),a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),o=require("../../../icons/index.js"),s=require("./constants.js"),l=require("./styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.ProductGalleryMobileV5=function(t){var d=t.images,c=t.topTag,g=t.bottomTag,h=t.productImageDataTestId,v=t.imagesSliderConfig,m=t.thumbnailSettings,f=t.isRatioSquare,x=void 0!==f&&f,j=t.selectedValue,p=i.useTheme().colors,_=n.useState(void 0),y=_[0],S=_[1],T=n.useState(void 0),I=T[0],b=T[1],q=n.useRef(null),C=n.useRef(null),w=n.useRef(null),R=i.useTheme();return a.usePreventVerticalScroll(w),n.useEffect((function(){q.current&&S(q.current),C.current&&b(C.current)}),[]),r.jsx(l.Container,e.__assign({"data-testid":"product-gallery-mobile"},{children:r.jsxs(l.SliderContainer,e.__assign({"data-testid":h,ref:w},{children:[r.jsx(u.default,e.__assign({},s.SETTINGS,{nextArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronRight,{height:"21px",width:"21px",fill:p.shades[700].color},void 0)},void 0)},void 0),prevArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:p.shades[700].color},void 0)},void 0)},void 0),asNavFor:I,ref:function(e){return q.current=e}},{children:d.map((function(t){var i=t.url,n=t.key,a=t.alt,o=i===(null==j?void 0:j.url)||n===(null==j?void 0:j.key);return r.jsxs("div",{children:[r.jsx(l.StyledImage,{alt:a,src:i,objectFit:"cover",width:R.component.gallery.mainImgWidth,height:R.component.gallery.mainImgHeight,loading:o?"eager":"lazy",decoding:o?"sync":"async",fetchPriority:o?"high":"auto",isRatioSquare:x},void 0),r.jsx(l.TopTagContainer,e.__assign({"data-testid":"topTag"},{children:c}),void 0),r.jsx(l.BottomTagContainer,e.__assign({"data-testid":"bottomTag"},{children:g}),void 0)]},n)}))}),void 0),r.jsx(l.SliderThumbnail,e.__assign({asNavFor:y,ref:function(e){return C.current=e}},m||s.THUMBNAIL_SETTINGS,{children:d.map((function(t,i){var n=t.url,a=t.key,o=t.alt;return r.jsx(l.SlideItem,e.__assign({paddingRight:null==v?void 0:v.spacesBetweenImages},{children:r.jsx(l.ThumbnailImage,e.__assign({alt:"".concat(o,"-thumbnail"),src:n},v,{loading:i<4?"eager":"lazy",decoding:i<4?"sync":"async",isRatioSquare:x}),void 0)}),a)}))}),void 0)]}),void 0)}),void 0)};
 //# sourceMappingURL=ProductGalleryMobileV5.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("react");require("../../../../PackSelectorV2/PackSelectoV2.js"),require("../../../../absorbency-level/AbsorbencyLevel.js"),require("../../../../accordion-options/AccordionOptions.js"),require("../../../../accordion/Accordion.js"),require("../../../../../types/enums.js"),require("../../../../../core/theme/Theme.js"),require("../../../../../utils/constants/offerAtCart.js");var s=require("../../../../../utils/debounce/index.js");require("../../../../../utils/media.js"),require("../../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../pricing/discount/styled.js"),require("../../../../pricing/styles.js"),require("../../../../tooltip/Styled.js"),require("../../../../atoms/PriceLabel/PriceLabel.js"),require("../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../../atoms/Icon/Icon.js");var o=require("../../../../atoms/Image/Image.js");require("../../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../../atoms/Toggle/toggle.styled.js"),require("../../../../radio/input/styles.js"),require("../../../../autoship/styled.js"),require("../../../../autoshipV2/styled.js"),require("../../../../before-after/BeforeAfter.js"),require("../../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../../shared/card/Card.js"),require("../../../../bundle/minimalistic/styled.js"),require("../../../../text/Text.js"),require("../../../../bundle/motivator/styled.js"),require("../../../../bundle/simple/Simple.js"),require("../../../../buynowpaylater/BuyNowPayLater.js"),require("../../../../offer-banner/OfferBanner.js"),require("../../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../../cartProductItem/Description/Description.js"),require("../../../../cartProductItem/Promo/Promo.js"),require("../../../../cartProductItem/Title/Title.js"),require("../../../../cartProductItem/TrashIcon/styled.js"),require("../../../../checkbox/Checkbox.js"),require("../../../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../../../SkeletonBox/SkeletonBox.js"),require("../../../../club-price-label/ClubPriceLabel.js"),require("../../../../strength-bars/StrengthBars.js"),require("../../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../../rating/starList/StarList.js"),require("../../../../rating/styles.js"),require("../../../../collection/product/mobile/styled.js"),require("../../../../icon-button/IconButton.js"),require("../../../../tag/variants/product/styled.js"),require("../../../../collection/product/truekind/styled.js"),require("../../../../color/ColorRadioGroup.js"),require("../../../../color/selector/PatternSelector.js"),require("../../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../../cta/styled.js"),require("../../../../delivery-details/DeliveryDetails.js"),require("../../../../delivery-details/Note/Note.js"),require("../../../../drawer/style.js"),require("../../../../dropdown-list-icons/Styled.js"),require("../../../../dropdown/size-dropdown/Styled.js"),require("../../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../../input/base/Error.js"),require("../../../../shared/select/BaseSelect.js"),require("../../../../dropdown/variants/smart/styled.js"),require("../../../../filtering/Accordion.js"),require("../../../../filtering/FiltersStyled.js"),require("../../../../filtering/Tags/Tags.js"),require("../../../../fit-guarantee/FitGuarantee.js"),require("../../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../../modal/Modal.js"),require("../../../ModalZoom/zoomModal.styled.js"),require("../../../ModalZoom/ZoomModalV2.styled.js");var l=require("../../../../molecules/Video/Video.js");require("../../../../slider/ArrowButton.js"),require("../../../../slider/StyledSlider.js"),require("../../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../../gallery/components/ImagePreviewList/styled.js"),require("../../../../gallery/components/ImageProductSlide/styled.js"),require("../../../../gallery/styled.js"),require("../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../../iconsWithTitle/index.js"),require("../../../../image-card/ImageCard.js"),require("../../../../input/label/Label.js"),require("../../../../input/base/Styled.js"),require("../../../../input/custom/Custom.js"),require("../../../../input/basePlusButton/BasePlusButton.js"),require("../../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../../order-bar/OrderBar.js"),require("../../../../packs/selector/PackSelector.js"),require("../../../../pagination/styles.js"),require("../../../../payment-methods/PaymentMethod.js"),require("../../../../product/order/item/SimpleOrderItem.js"),require("../../../../progress-bar/ProgressBar.js"),require("../../../../quantityPicker/styled.js"),require("../../../../radio/RadioPrimary/radioPrimary.js"),require("../../../../radio/clubRadioInput/clubRadio.js"),require("../../../../review-detail/ReviewDetail.js"),require("../../../../review/Review.js"),require("../../../../reviews-header/ReviewsHeader.js"),require("../../../../scroll-to-top/ScrollToTop.js"),require("../../../../search-bar/components/ClearButton/styled.js"),require("../../../../search-bar/components/Footer/styled.js"),require("../../../../search-bar/components/ProductItem/styled.js"),require("../../../../search-bar/components/ResultsPanel/styled.js"),require("../../../../search-bar/components/SearchControl/styled.js"),require("../../../../search-bar/styled.js"),require("../../../../search-navigation/styled.js"),require("react-dom"),require("../../../../short-banner/ShortBanner.js"),require("../../../../size-chart/styled.js"),require("../../../../size-table/SizeTable.js"),require("../../../../size/guide/SizeFitGuide.js"),require("../../../../size/selector/styled.js"),require("../../../../tabs/Tab.js"),require("../../../../tabs/Tabs.js"),require("../../../../tag/Tag.js"),require("@emotion/react"),require("../../../../textWithImage/index.js"),require("../../../../timer/styled.js"),require("../../../../toast/Toast.js"),require("../../../../totals/total/styled.js"),require("../../../../totals/subtotal/Subtotal.js"),require("../../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../../tracking-progress/TrackingProgress.js"),require("../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../BasicAccordion/BasicAccordion.js"),require("../../../CartItemCard/CartItem.js"),require("../../../ClubOfferSelector/styled.js"),require("../../../ClubOfferSelector2/styled.js"),require("../../../JoinClubCard/joinClubCard.js"),require("../../../OfferAtCart/styled.js"),require("../../../OfferAtCartV2/styled.js"),require("../../../OfferAtCartV3/styled.js"),require("../../../OfferAtCartV4/styled.js"),require("../../../OfferAtPDP/styled.js"),require("../../../OfferAtPDP/types.js"),require("../../../ProductCard/ProductCardV1/ProductCard.js"),require("../../../ProductCard/ProductCardV2/styled.js"),require("../../../ProductCard/ProductCardV3/styled.js"),require("../../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../ProductGalleryMobileV5/styled.js"),require("../ColorVariantsGallery/styled.js");var u=require("./styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../styled.js"),require("../../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../SubscriptionPlanSelector/styled.js"),require("../../../TwoCtasAtCart/Greeting.styled.js"),require("../../../TwoCtasAtCart/Card.styled.js"),require("../../../../timerV2/styled.js"),require("../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../../molecules/CouponCard/styled.js"),require("../../../../molecules/BenefitsList/styled.js"),require("../../../../molecules/HurryUp/styled.js"),require("../../../../molecules/Spinner/styled.js"),require("../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../../molecules/LikeButton/styled.js"),require("../../../../molecules/ScarcityTag/ScarcityTag.styled.js");var d=a(i),n={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},c=function(e){if(!(null==e?void 0:e.current))return 1.1;return(e.current.offsetWidth-15)/312-1e-4};exports.MainGallery=function(i){var a,j,q,y=i.contents,b=i.topTag,m=i.topRightTag,p=i.bottomTag,f=i.containerRef,g=t.useRef(null),P=t.useRef(null),C=t.useState(null!==(a=c(f))&&void 0!==a?a:1),v=C[0],h=C[1],T=null===(j=null==y?void 0:y[0])||void 0===j?void 0:j.key;return t.useEffect((function(){var e;null===(e=g.current)||void 0===e||e.slickGoTo(0,!0)}),[T]),t.useLayoutEffect((function(){if(null==f?void 0:f.current){var e=s.debounce((function(){var e;h(null!==(e=c(f))&&void 0!==e?e:1)}),300);return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}}),[f,null===(q=null==f?void 0:f.current)||void 0===q?void 0:q.offsetWidth]),r.jsx(u.MainGalleryContainer,e.__assign({ref:P},{children:r.jsx(d.default,e.__assign({},n,{slidesToShow:v,ref:g,centerPadding:"80"},{children:y.map((function(i,t){var s,a=null==i?void 0:i.url,d=null!==(s=null==i?void 0:i.isVideo)&&void 0!==s&&s;return r.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(t)},{children:d?r.jsx(l.Video,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):r.jsxs(r.Fragment,{children:[r.jsx(o.Image,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r.jsx(u.TopTag,e.__assign({"data-testid":"topTag"},{children:b}),void 0),r.jsx(u.BottomTag,e.__assign({"data-testid":"bottomTag"},{children:p}),void 0),!!m&&r.jsx(u.TopRightTag,{children:m},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("react");require("../../../../PackSelectorV2/PackSelectoV2.js"),require("../../../../absorbency-level/AbsorbencyLevel.js"),require("../../../../accordion-options/AccordionOptions.js"),require("../../../../accordion/Accordion.js"),require("../../../../../types/enums.js"),require("../../../../../core/theme/Theme.js"),require("../../../../../utils/constants/offerAtCart.js");var s=require("../../../../../utils/debounce/index.js");require("../../../../../utils/media.js"),require("../../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../pricing/discount/styled.js"),require("../../../../pricing/styles.js"),require("../../../../tooltip/Styled.js"),require("../../../../atoms/PriceLabel/PriceLabel.js"),require("../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../../atoms/Icon/Icon.js");var o=require("../../../../atoms/Image/Image.js");require("../../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../../atoms/Toggle/toggle.styled.js"),require("../../../../radio/input/styles.js"),require("../../../../autoship/styled.js"),require("../../../../autoshipV2/styled.js"),require("../../../../before-after/BeforeAfter.js"),require("../../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../../shared/card/Card.js"),require("../../../../bundle/minimalistic/styled.js"),require("../../../../text/Text.js"),require("../../../../bundle/motivator/styled.js"),require("../../../../bundle/simple/Simple.js"),require("../../../../buynowpaylater/BuyNowPayLater.js"),require("../../../../offer-banner/OfferBanner.js"),require("../../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../../cartProductItem/Description/Description.js"),require("../../../../cartProductItem/Promo/Promo.js"),require("../../../../cartProductItem/Title/Title.js"),require("../../../../cartProductItem/TrashIcon/styled.js"),require("../../../../checkbox/Checkbox.js"),require("../../../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../../../SkeletonBox/SkeletonBox.js"),require("../../../../club-price-label/ClubPriceLabel.js"),require("../../../../strength-bars/StrengthBars.js"),require("../../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../../rating/starList/StarList.js"),require("../../../../rating/styles.js"),require("../../../../collection/product/mobile/styled.js"),require("../../../../icon-button/IconButton.js"),require("../../../../tag/variants/product/styled.js"),require("../../../../collection/product/truekind/styled.js"),require("../../../../color/ColorRadioGroup.js"),require("../../../../color/selector/PatternSelector.js"),require("../../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../../cta/styled.js"),require("../../../../delivery-details/DeliveryDetails.js"),require("../../../../delivery-details/Note/Note.js"),require("../../../../drawer/style.js"),require("../../../../dropdown-list-icons/Styled.js"),require("../../../../dropdown/size-dropdown/Styled.js"),require("../../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../../input/base/Error.js"),require("../../../../shared/select/BaseSelect.js"),require("../../../../dropdown/variants/smart/styled.js"),require("../../../../filtering/Accordion.js"),require("../../../../filtering/FiltersStyled.js"),require("../../../../filtering/Tags/Tags.js"),require("../../../../fit-guarantee/FitGuarantee.js"),require("../../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../../modal/Modal.js"),require("../../../ModalZoom/zoomModal.styled.js"),require("../../../ModalZoom/ZoomModalV2.styled.js");var l=require("../../../../molecules/Video/Video.js");require("../../../../slider/ArrowButton.js"),require("../../../../slider/StyledSlider.js"),require("../../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../../gallery/components/ImagePreviewList/styled.js"),require("../../../../gallery/components/ImageProductSlide/styled.js"),require("../../../../gallery/styled.js"),require("../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../../iconsWithTitle/index.js"),require("../../../../image-card/ImageCard.js"),require("../../../../input/label/Label.js"),require("../../../../input/base/Styled.js"),require("../../../../input/custom/Custom.js"),require("../../../../input/basePlusButton/BasePlusButton.js"),require("../../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../../order-bar/OrderBar.js"),require("../../../../packs/selector/PackSelector.js"),require("../../../../pagination/styles.js"),require("../../../../payment-methods/PaymentMethod.js"),require("../../../../product/order/item/SimpleOrderItem.js"),require("../../../../progress-bar/ProgressBar.js"),require("../../../../quantityPicker/styled.js"),require("../../../../radio/RadioPrimary/radioPrimary.js"),require("../../../../radio/clubRadioInput/clubRadio.js"),require("../../../../review-detail/ReviewDetail.js"),require("../../../../review/Review.js"),require("../../../../reviews-header/ReviewsHeader.js"),require("../../../../scroll-to-top/ScrollToTop.js"),require("../../../../search-bar/components/ClearButton/styled.js"),require("../../../../search-bar/components/Footer/styled.js"),require("../../../../search-bar/components/ProductItem/styled.js"),require("../../../../search-bar/components/ResultsPanel/styled.js"),require("../../../../search-bar/components/SearchControl/styled.js"),require("../../../../search-bar/styled.js"),require("../../../../search-navigation/styled.js"),require("react-dom"),require("../../../../short-banner/ShortBanner.js"),require("../../../../size-chart/styled.js"),require("../../../../size-table/SizeTable.js"),require("../../../../size/guide/SizeFitGuide.js"),require("../../../../size/selector/styled.js"),require("../../../../tabs/Tab.js"),require("../../../../tabs/Tabs.js"),require("../../../../tag/Tag.js"),require("@emotion/react"),require("../../../../textWithImage/index.js"),require("../../../../timer/styled.js"),require("../../../../toast/Toast.js"),require("../../../../totals/total/styled.js"),require("../../../../totals/subtotal/Subtotal.js"),require("../../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../../tracking-progress/TrackingProgress.js"),require("../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../BasicAccordion/BasicAccordion.js"),require("../../../CartItemCard/CartItem.js"),require("../../../ClubOfferSelector/styled.js"),require("../../../ClubOfferSelector2/styled.js"),require("../../../JoinClubCard/joinClubCard.js"),require("../../../OfferAtCart/styled.js"),require("../../../OfferAtCartV2/styled.js"),require("../../../OfferAtCartV3/styled.js"),require("../../../OfferAtCartV4/styled.js"),require("../../../OfferAtPDP/styled.js"),require("../../../OfferAtPDP/types.js"),require("../../../ProductCard/ProductCardV1/ProductCard.js"),require("../../../ProductCard/ProductCardV2/styled.js"),require("../../../ProductCard/ProductCardV3/styled.js"),require("../../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../ProductGalleryMobileV5/styled.js"),require("../ColorVariantsGallery/styled.js");var u=require("./styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../styled.js"),require("../../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../SubscriptionPlanSelector/styled.js"),require("../../../TwoCtasAtCart/Greeting.styled.js"),require("../../../TwoCtasAtCart/Card.styled.js"),require("../../../../timerV2/styled.js"),require("../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../../molecules/CouponCard/styled.js"),require("../../../../molecules/BenefitsList/styled.js"),require("../../../../molecules/HurryUp/styled.js"),require("../../../../molecules/Spinner/styled.js"),require("../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../../molecules/LikeButton/styled.js"),require("../../../../molecules/ScarcityTag/ScarcityTag.styled.js");var d=a(i),n={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},c=function(e){if(!(null==e?void 0:e.current))return 1.1;return(e.current.offsetWidth-15)/312-1e-4};exports.MainGallery=function(i){var a,j,q,y=i.contents,b=i.topTag,m=i.topRightTag,p=i.bottomTag,g=i.containerRef,f=t.useRef(null),P=t.useRef(null),C=t.useState(null!==(a=c(g))&&void 0!==a?a:1),h=C[0],v=C[1],T=null===(j=null==y?void 0:y[0])||void 0===j?void 0:j.key;return t.useEffect((function(){var e;null===(e=f.current)||void 0===e||e.slickGoTo(0,!0)}),[T]),t.useLayoutEffect((function(){if(null==g?void 0:g.current){var e=s.debounce((function(){var e;v(null!==(e=c(g))&&void 0!==e?e:1)}),300);return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}}),[g,null===(q=null==g?void 0:g.current)||void 0===q?void 0:q.offsetWidth]),r.jsx(u.MainGalleryContainer,e.__assign({ref:P},{children:r.jsx(d.default,e.__assign({},n,{slidesToShow:h,ref:f,centerPadding:"80"},{children:y.map((function(i,t){var s,a=null==i?void 0:i.url,d=null!==(s=null==i?void 0:i.isVideo)&&void 0!==s&&s;return r.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(t)},{children:d?r.jsx(l.Video,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):r.jsxs(r.Fragment,{children:[r.jsx(o.Image,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:0===t?"eager":"lazy",decoding:0===t?"sync":"async",fetchPriority:0===t?"high":"auto"},void 0),r.jsx(u.TopTag,e.__assign({"data-testid":"topTag"},{children:b}),void 0),r.jsx(u.BottomTag,e.__assign({"data-testid":"bottomTag"},{children:p}),void 0),!!m&&r.jsx(u.TopRightTag,{children:m},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};
 //# sourceMappingURL=index.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),n=require("react"),r=require("../../../../atoms/Image/Image.js"),t=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var l=require("../../../ModalZoom/index.js"),d=require("../../../ModalZoom/useZoom.js"),a=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../icons/index.js"),u=require("../../utils/sendCommandToIframe.js"),c=require("./ImageProductSlide.styled.js"),m=require("../../../ModalZoom/VideoDisplay.js"),v=require("../../../ModalZoom/ZoomButton.js");function j(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var h=j(i),f={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};module.exports=function(i){var j=i.contents,x=i.customClick,g=void 0!==x&&x,p=i.topTag,C=i.bottomTag,q=i.testId,I=i.borderRadiusVariant,y=i.selectedValue,V=i.onChange,k=i.zoomOptions,T=n.useRef(null),z=n.useRef(null),M=n.useState(!1),_=M[0],b=M[1],w=n.useState(0),B=w[0],S=w[1],Z=d.useZoom((null==k?void 0:k.zoomModalId)||"zoom-modal-v1").handleZoomClick;a.usePreventVerticalScroll(z);var R=n.useCallback((function(o){var e;null===(e=T.current)||void 0===e||e.slickGoTo(o)}),[T]);return n.useEffect((function(){var o;if(y){var e=j.findIndex((function(o){return o.url===y.url}));-1!==e&&(null===(o=T.current)||void 0===o||o.slickGoTo(e))}}),[j,y]),e.jsxs(e.Fragment,{children:[g&&e.jsx("div",o.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:j.map((function(o,i){return e.jsx(t,{onClick:function(){return R(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),e.jsx(c.Container,o.__assign({"data-testid":q,borderRadiusVariant:I,ref:z,role:"button"},{children:e.jsx(h.default,o.__assign({afterChange:function(o){var e,i=j[o];(null===(e=null==i?void 0:i.url)||void 0===e?void 0:e.includes("autoplay=1"))?u.playVideoCommand():u.stopVideoCommand(),S(o),null==V||V(o)}},f,{nextArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:T,vertical:_,rows:1},{children:j.map((function(i){var n,t=null==i?void 0:i.url,l=null!==(n=null==i?void 0:i.isVideo)&&void 0!==n&&n,d=(i.alt,"100%"),a="510px";return e.jsx(c.ViewContainerWrapper,o.__assign({onClick:(null==k?void 0:k.zoomModalId)?Z:void 0},{children:l?e.jsx(m.VideoDisplay,{content:i},i.key):e.jsxs(e.Fragment,{children:[e.jsx(r.Image,{src:t,height:a,alt:i.alt,width:d},void 0),p&&e.jsx(c.TopTagContainer,o.__assign({borderRadiusVariant:I,"data-testid":"topTag"},{children:p}),void 0),e.jsx(c.BottomTagContainer,o.__assign({onClick:function(){return b(!0)},"data-testid":"bottomTag"},{children:C}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&e.jsx(v.ZoomButtonComponent,{modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==k?void 0:k.zoomVersion)},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&e.jsx(l.ZoomModalComponent,{version:null==k?void 0:k.zoomVersion,modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",contents:j,initialSlide:B,fade:null==k?void 0:k.fade},void 0)]},void 0)};
+"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),n=require("react"),r=require("../../../../atoms/Image/Image.js"),t=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var l=require("../../../ModalZoom/index.js"),d=require("../../../ModalZoom/useZoom.js"),a=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../icons/index.js"),u=require("../../utils/sendCommandToIframe.js"),c=require("./ImageProductSlide.styled.js"),v=require("../../../ModalZoom/VideoDisplay.js"),m=require("../../../ModalZoom/ZoomButton.js");function h(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var g=h(i),j={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};module.exports=function(i){var h=i.contents,f=i.customClick,x=void 0!==f&&f,p=i.topTag,y=i.bottomTag,C=i.testId,q=i.borderRadiusVariant,I=i.selectedValue,k=i.onChange,V=i.zoomOptions,w=n.useRef(null),z=n.useRef(null),T=n.useState(!1),M=T[0],_=T[1],b=n.useState(0),B=b[0],S=b[1],Z=d.useZoom((null==V?void 0:V.zoomModalId)||"zoom-modal-v1").handleZoomClick;a.usePreventVerticalScroll(z);var P=n.useCallback((function(o){var e;null===(e=w.current)||void 0===e||e.slickGoTo(o)}),[w]);return n.useEffect((function(){var o;if(I){var e=h.findIndex((function(o){return o.url===I.url}));-1!==e&&(null===(o=w.current)||void 0===o||o.slickGoTo(e))}}),[h,I]),e.jsxs(e.Fragment,{children:[x&&e.jsx("div",o.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:h.map((function(o,i){return e.jsx(t,{onClick:function(){return P(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),e.jsx(c.Container,o.__assign({"data-testid":C,borderRadiusVariant:q,ref:z,role:"button"},{children:e.jsx(g.default,o.__assign({afterChange:function(o){var e,i=h[o];(null===(e=null==i?void 0:i.url)||void 0===e?void 0:e.includes("autoplay=1"))?u.playVideoCommand():u.stopVideoCommand(),S(o),null==k||k(o)}},j,{nextArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w,vertical:M,rows:1},{children:h.map((function(i,n){var t,l=null==i?void 0:i.url,d=null!==(t=null==i?void 0:i.isVideo)&&void 0!==t&&t,a=i.url===(null==I?void 0:I.url)||i.key===(null==I?void 0:I.key),s={alt:i.alt,width:"100%",height:"510px",loading:a?"eager":"lazy",decoding:a?"sync":"async"};return e.jsx(c.ViewContainerWrapper,o.__assign({onClick:(null==V?void 0:V.zoomModalId)?Z:void 0},{children:d?e.jsx(v.VideoDisplay,{content:i},i.key):e.jsxs(e.Fragment,{children:[e.jsx(r.Image,{src:l,height:s.height,alt:i.alt,width:s.width,loading:s.loading,decoding:s.decoding,fetchPriority:a?"high":"auto"},void 0),p&&e.jsx(c.TopTagContainer,o.__assign({borderRadiusVariant:q,"data-testid":"topTag"},{children:p}),void 0),e.jsx(c.BottomTagContainer,o.__assign({onClick:function(){return _(!0)},"data-testid":"bottomTag"},{children:y}),void 0),Boolean(null==V?void 0:V.zoomModalId)&&e.jsx(m.ZoomButtonComponent,{modalId:(null==V?void 0:V.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==V?void 0:V.zoomVersion)},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0),Boolean(null==V?void 0:V.zoomModalId)&&e.jsx(l.ZoomModalComponent,{version:null==V?void 0:V.zoomVersion,modalId:(null==V?void 0:V.zoomModalId)||"zoom-modal-v1",contents:h,initialSlide:B,fade:null==V?void 0:V.fade},void 0)]},void 0)};
 //# sourceMappingURL=ImageProductSlide.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.20.0",
+  "version": "7.20.1",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",