@trafilea/afrodita-components 7.24.0 → 7.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
  2. package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  3. package/build/es/components/molecules/Video/Video.js +1 -1
  4. package/build/es/components/organisms/ModalZoom/VideoDisplay.js +1 -1
  5. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  6. package/build/es/index.css +1 -1
  7. package/build/index.d.ts +2 -0
  8. package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
  9. package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  10. package/build/lib/components/molecules/Video/Video.js +1 -1
  11. package/build/lib/components/organisms/ModalZoom/VideoDisplay.js +1 -1
  12. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  13. package/build/lib/index.css +1 -1
  14. package/package.json +1 -1
package/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as i}from"tslib";import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var p=function(i,e){var r="eager";e&&(r=i<e?"eager":"lazy");return r},g=function(i,e){var r="auto";e&&(r=i<e?"sync":"async");return r},h=function(e){var r=e.item,t=e.index,n=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,f=e.itemsOnViewport,h=void 0===f?0:f,y=e.videoInPreview,I=void 0!==y&&y,C=e.alwaysPlayInPreview,P=void 0!==C&&C,b=e.isHorizontal,S=void 0!==b&&b,V=r.isVideo&&I&&(P||r.key===n.key);return o(u,i({role:"listitem"},{children:o(m,i({onClick:function(){return l(t)}},{children:V?o(c,i({isRatioSquare:w,isHorizontal:S},{children:o(a,{source:r.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):o(d,{imageUrl:(null==r?void 0:r.alt.includes("-video"))?null==r?void 0:r.thumbnailUrl:(null==r?void 0:r.thumbnailUrl)||(null==r?void 0:r.url),alt:r.alt,selected:r.key===n.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:p(t,h),decoding:g(t,h)},void 0)}),void 0)}),r.key)},y=function(a){var d=a.images,u=a.selectedImage,m=a.onClick,c=a.dataTestId,p=a.position,g=a.borderRadiusVariant,y=a.previewImgBorderColor,I=a.hasOverflowArrows,C=a.isRatioSquare,P=a.itemsOnViewport,b=void 0===P?0:P,S=a.videoInPreview,V=void 0!==S&&S,k=a.alwaysPlayInPreview,R=void 0!==k&&k;!function(i){var e=t(new Set);n((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var r=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(r)}}}),[i])}(d);return e(r,{children:[o(s,i({role:"list","data-testid":c,position:p,className:I?"imageListContainer":p,hasOverflowArrows:I,isRatioSquare:C},{children:"horizontal"==p?o("div",i({style:{maxWidth:"360px"}},{children:o(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[o(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),o(f,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{y as ImagePreviewList};
1
+ import{__assign as i}from"tslib";import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var y=function(i,e){var r="eager";e&&(r=i<e?"eager":"lazy");return r},g=function(i,e){var r="auto";e&&(r=i<e?"sync":"async");return r},h=function(e){var r=e.item,t=e.index,n=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,f=e.itemsOnViewport,h=void 0===f?0:f,p=e.videoInPreview,I=void 0!==p&&p,C=e.alwaysPlayInPreview,P=void 0!==C&&C,b=e.isHorizontal,k=void 0!==b&&b,S=r.isVideo&&I&&(P||r.key===n.key);return o(u,i({role:"listitem"},{children:o(m,i({onClick:function(){return l(t)}},{children:S?o(c,i({isRatioSquare:w,isHorizontal:k},{children:o(a,{source:r.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:P||r.key===n.key,lazyLoad:!1},void 0)}),void 0):o(d,{imageUrl:(null==r?void 0:r.alt.includes("-video"))?null==r?void 0:r.thumbnailUrl:(null==r?void 0:r.thumbnailUrl)||(null==r?void 0:r.url),alt:r.alt,selected:r.key===n.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:y(t,h),decoding:g(t,h)},void 0)}),void 0)}),r.key)},p=function(a){var d=a.images,u=a.selectedImage,m=a.onClick,c=a.dataTestId,y=a.position,g=a.borderRadiusVariant,p=a.previewImgBorderColor,I=a.hasOverflowArrows,C=a.isRatioSquare,P=a.itemsOnViewport,b=void 0===P?0:P,k=a.videoInPreview,S=void 0!==k&&k,V=a.alwaysPlayInPreview,R=void 0!==V&&V;!function(i){var e=t(new Set);n((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var r=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(r)}}}),[i])}(d);return e(r,{children:[o(s,i({role:"list","data-testid":c,position:y,className:I?"imageListContainer":y,hasOverflowArrows:I,isRatioSquare:C},{children:"horizontal"==y?o("div",i({style:{maxWidth:"360px"}},{children:o(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:C,itemsOnViewport:b,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:C,itemsOnViewport:b,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[o(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),o(f,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{p as ImagePreviewList};
2
2
  //# sourceMappingURL=ImagePreviewList.js.map
package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as l}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as e}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as h,ButtonSecondaryOutlineWrapper as u}from"./styled.js";var p=function(p){var g,z=p.content,b=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,R=p.ctaText,T=p.ctaAction,Z=p.hideCTA,w=p.withZoom,x=p.isRatioSquare,A=p.videoAutoplay,C=void 0!==A&&A,k=p.hideVideoControls,P=void 0!==k&&k,S=p.zoomOptions,q=null==z?void 0:z.url,B=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,F=C||null==z?void 0:z.thumbnailUrl,H=P?{pointerEvents:"none"}:void 0,O=l((null==S?void 0:S.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!B&&i(t,{children:[w?d(n,{src:q,zoomSrc:(null==z?void 0:z.zoomUrl)||q,zoomType:(null==S?void 0:S.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:x,afterZoomIn:(null==S?void 0:S.zoomModalId)?O:void 0},void 0):d(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:q,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:x,fetchPriority:"high"},void 0),d(m,o({borderRadiusVariant:V},{children:b}),void 0),d(v,o({isCTAHidden:Z},{children:f}),void 0),!!y&&d(c,{children:d(h,{children:y},void 0)},void 0)]},void 0),B&&d(r,{source:q,thumbnail:F,autoPlay:C,muted:!0,loop:!0,withProgressBar:!P,style:H,preload:"auto"},void 0),R&&T&&d("div",o({style:{display:Z?"none":"block"}},{children:d(u,{wide:!0,onClick:T,text:R},void 0)}),void 0),Boolean(null==S?void 0:S.zoomModalId)&&d(e,{modalId:(null==S?void 0:S.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==S?void 0:S.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as e}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as l}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as h,ButtonSecondaryOutlineWrapper as u}from"./styled.js";var p=function(p){var g,z=p.content,y=p.topTag,b=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,A=p.ctaText,R=p.ctaAction,T=p.hideCTA,Z=p.withZoom,w=p.isRatioSquare,x=p.videoAutoplay,C=void 0!==x&&x,k=p.hideVideoControls,P=void 0!==k&&k,S=p.zoomOptions,q=p.isActive,B=void 0===q||q,F=null==z?void 0:z.url,H=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,O=C||null==z?void 0:z.thumbnailUrl,U=P?{pointerEvents:"none"}:void 0,E=e((null==S?void 0:S.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!H&&i(t,{children:[Z?d(n,{src:F,zoomSrc:(null==z?void 0:z.zoomUrl)||F,zoomType:(null==S?void 0:S.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:w,afterZoomIn:(null==S?void 0:S.zoomModalId)?E:void 0},void 0):d(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:F,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:w,fetchPriority:"high"},void 0),d(m,o({borderRadiusVariant:V},{children:y}),void 0),d(v,o({isCTAHidden:T},{children:f}),void 0),!!b&&d(c,{children:d(h,{children:b},void 0)},void 0)]},void 0),H&&d(r,{source:F,thumbnail:O,autoPlay:C,muted:!0,loop:!0,withProgressBar:!P,style:U,isActive:B,lazyLoad:!1},void 0),A&&R&&d("div",o({style:{display:T?"none":"block"}},{children:d(u,{wide:!0,onClick:R,text:A},void 0)}),void 0),Boolean(null==S?void 0:S.zoomModalId)&&d(l,{modalId:(null==S?void 0:S.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==S?void 0:S.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/es/components/molecules/Video/Video.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.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{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PlayContainer as l,PlayIcon as m,PauseContainer as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,C=h.className,L=h.withProgressBar,A=void 0===L||L,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,B=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),x=r(null),z=n(!0),E=z[0],H=z[1],M=n(!1),O=M[0],V=M[1],_=n(!!D||I),q=_[0],F=_[1],S=n(0),U=S[0],G=S[1],J=n(!1),K=J[0],Q=J[1],R=n(!1),W=R[0],X=R[1],Y=n(!1),Z=Y[0],$=Y[1],oo=U>0,to=(null===(y=x.current)||void 0===y?void 0:y.duration)?U/x.current.duration:0,ro=U===(null===(g=null==x?void 0:x.current)||void 0===g?void 0:g.duration)||0===U,no=D?void 0:P;e((function(){$(!1)}),[j]),e((function(){var o=x.current;o&&o.load()}),[j,no]),e((function(){var o=x.current;if(o)if(w&&D&&Z){o.muted=!0,F(!0);var t=o.play();void 0!==t&&t.then((function(){V(!0)})).catch((function(o){"NotAllowedError"===o.name&&X(!0)}))}else w||(o.pause(),V(!1))}),[w,D,Z]);return a(d,t({className:C},{children:[!E&&A&&u(s,{progress:to,hide:ro},void 0),O?u(f,{"data-testid":"pause",onClick:function(){x.current&&O&&(x.current.pause(),V(!1))}},void 0):u(l,t({"data-testid":"play",onClick:function(){x.current&&!K&&(Q(!0),x.current.play().then((function(){V(!0)})).catch((function(o){"NotAllowedError"===o.name&&X(!0)})).finally((function(){return Q(!1)})))}},{children:oo&&u(m,{},void 0)}),void 0),k&&a(p,t({onClick:function(){x.current&&F((function(o){return!o}))}},{children:[q&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!q&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},B,{key:"".concat(j,"-").concat(no||"no-poster"),autoPlay:D&&w,muted:q,"data-testid":"video",poster:no,playsInline:!0,controls:W,ref:x,onTimeUpdate:function(){if(x.current){var o=x.current.currentTime;requestAnimationFrame((function(){return G(o)}))}},onCanPlay:function(){return H(!1)},onCanPlayThrough:function(){return $(!0)},onLoadedData:function(o){T&&T(o),H(!1)},onPause:function(){return V(!1)},onPlaying:function(){return V(!0)},height:b||"auto"}),u("track",{kind:"captions"},void 0),u("source",{src:j},void 0))]}),void 0)};export{h as Video};
1
+ import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.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{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PlayContainer as l,PlayIcon as m,PauseContainer as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,L=h.className,C=h.withProgressBar,A=void 0===C||C,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,z=h.lazyLoad,B=void 0!==z&&z,x=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=n(!0),M=H[0],O=H[1],V=n(!1),_=V[0],q=V[1],F=n(!!D||I),S=F[0],U=F[1],G=n(0),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=n(!1),Y=X[0],Z=X[1],$=n(!1),oo=$[0],to=$[1],ro=n(!B||w),no=ro[0],eo=ro[1],io=J>0,ao=(null===(y=E.current)||void 0===y?void 0:y.duration)?J/E.current.duration:0,uo=J===(null===(g=null==E?void 0:E.current)||void 0===g?void 0:g.duration)||0===J,co=!B||no,so=D&&co?void 0:P;e((function(){to(!1)}),[j]),e((function(){w&&!no&&eo(!0)}),[w,no]),e((function(){var o=E.current;o&&o.load()}),[j,so]),e((function(){var o=E.current;if(o)if(w&&D&&oo){o.muted=!0,U(!0);var t=o.play();void 0!==t&&t.then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)}))}else w||(o.pause(),q(!1))}),[w,D,oo]);return a(d,t({className:L},{children:[!M&&A&&u(s,{progress:ao,hide:uo},void 0),_?u(f,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(l,t({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.play().then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)})).finally((function(){return W(!1)})))}},{children:io&&u(m,{},void 0)}),void 0),k&&a(p,t({onClick:function(){E.current&&U((function(o){return!o}))}},{children:[S&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!S&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},x,{key:"".concat(j,"-").concat(so||"no-poster"),autoPlay:D&&w,muted:S,"data-testid":"video",poster:so,playsInline:!0,controls:Y,ref:E,onTimeUpdate:function(){if(E.current){var o=E.current.currentTime;requestAnimationFrame((function(){return K(o)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(){return to(!0)},onLoadedData:function(o){T&&T(o),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:b||"auto",preload:co?"metadata":"none"}),u("track",{kind:"captions"},void 0),co&&u("source",{src:j},void 0))]}),void 0)};export{h as Video};
2
2
  //# sourceMappingURL=Video.js.map
package/build/es/components/organisms/ModalZoom/VideoDisplay.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.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"../../atoms/Image/styled.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"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../modal/Modal.js";import{VideoContainer as r}from"./zoomModal.styled.js";import"./ZoomModalV2.styled.js";import{Video as o}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"../ProductGalleryMobile/ProductGalleryMobileV1/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 e=function(e){var i=e.content,s=e.videoAutoplay,l=void 0===s||s,a=e.videoMuted,m=void 0===a||a,p=e.videoLoop,d=void 0===p||p,c=e.hideVideoControls,n=void 0===c||c,j=e.sizes;return t(r,{children:t(o,{source:i.url,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:l,muted:m,loop:d,withProgressBar:!n,style:n?{pointerEvents:"none"}:void 0,preload:"auto",height:null==j?void 0:j.height,width:null==j?void 0:j.width},i.key)},void 0)};export{e as VideoDisplay};
1
+ import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.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"../../atoms/Image/styled.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"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../modal/Modal.js";import{VideoContainer as r}from"./zoomModal.styled.js";import"./ZoomModalV2.styled.js";import{Video as o}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"../ProductGalleryMobile/ProductGalleryMobileV1/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 e=function(e){var i=e.content,s=e.videoAutoplay,l=void 0===s||s,a=e.videoMuted,m=void 0===a||a,p=e.videoLoop,d=void 0===p||p,c=e.hideVideoControls,n=void 0===c||c,j=e.sizes;return t(r,{children:t(o,{source:i.url,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:l,muted:m,loop:d,withProgressBar:!n,style:n?{pointerEvents:"none"}:void 0,isActive:!0,lazyLoad:!1,height:null==j?void 0:j.height,width:null==j?void 0:j.width},i.key)},void 0)};export{e as VideoDisplay};
2
2
  //# sourceMappingURL=VideoDisplay.js.map
package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as r}from"react/jsx-runtime";import e from"@ant-design/react-slick";import d from"@emotion/styled";import{useMemo as l,useRef as a,useState as u,useCallback as s,useEffect as m}from"react";import c from"react-inner-image-zoom";import v 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 p}from"../../../molecules/Video/Video.js";import{ZoomModalComponent as h}from"../../ModalZoom/index.js";import{useZoom as f}from"../../ModalZoom/useZoom.js";import{Image as g}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as b}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as x}from"../../../icons/index.js";import{stopVideoCommand as y,playVideoCommand as k}from"../utils/sendCommandToIframe.js";import{VideoDisplay as z}from"../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as V}from"../../ModalZoom/ZoomButton.js";var j,w,I,M,T,C,R,S=d.div(j||(j=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})),Z=d.div(w||(w=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"})),A=d.div(I||(I=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),P=d.div(M||(M=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),B=d.div(T||(T=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),D=d.button(C||(C=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"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},G=function(o,i){return o.loading=i?"eager":"lazy",o.decoding=i?"sync":"async",o.fetchpriority=i?"high":"auto",o},L=d.div(R||(R=o(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),N=function(o){var d=o.contents,j=o.customClick,w=void 0!==j&&j,I=o.topTag,M=o.topRightTag,T=o.bottomTag,C=o.testId,R=o.borderRadiusVariant,N=o.selectedValue,U=o.onChange,E=o.videoAutoplay,W=void 0!==E&&E,q=o.hideVideoControls,F=void 0!==q&&q,H=o.videoMuted,J=void 0===H||H,K=o.videoLoop,Q=void 0===K||K,X=o.enableZoom,Y=void 0===X||X,$=o.zoomOptions,_=l((function(){if(!N||!(null==d?void 0:d.length))return 0;var o=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));return Math.max(0,o)}),[d,N]),oo=a(null),io=a(null),no=u(_),to=no[0],ro=no[1],eo=f((null==$?void 0:$.zoomModalId)||"zoom-modal-v1").handleZoomClick,lo=Boolean(null==$?void 0:$.zoomModalId),ao=Y&&!lo;b(io);var uo=s((function(o){var i;null===(i=oo.current)||void 0===i||i.slickGoTo(o)}),[oo]),so=a(!0);return m((function(){var o;if(so.current)so.current=!1;else if(N){var i=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));-1!==i&&(null===(o=oo.current)||void 0===o||o.slickGoTo(i))}}),[d,N]),n(t,{children:[w&&r("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return r(v,{onClick:function(){return uo(i)},text:String(i+1),inline:!0},i)}))}),void 0),r(S,i({"data-testid":C,borderRadiusVariant:R,ref:io},{children:r(e,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"))?k():y(),ro(o),null==U||U(o)}},O,{initialSlide:_,nextArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:oo},{children:d.map((function(o){var e,d=null==o?void 0:o.url,l=null!==(e=null==o?void 0:o.isVideo)&&void 0!==e&&e,a=o.url===(null==N?void 0:N.url)||o.key===(null==N?void 0:N.key),u={alt:o.alt,width:"100%",height:"510px"},s=function(){if(ao)return r(c,{src:d,zoomSrc:(null==o?void 0:o.zoomUrl)||d,zoomType:"hover",imgAttributes:G(u,a),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0);var i=G(u,a);return r(g,{src:d,alt:o.alt,width:"100%",height:"510px",loading:i.loading,decoding:i.decoding,fetchPriority:a?"high":"auto"},void 0)};return r(lo?L:"div",i({},lo?{onClick:eo}:{},{children:l?lo?r(z,{content:o},void 0):r(p,{source:d,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:W,muted:J,loop:Q,withProgressBar:!F,style:F?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[s(),r(Z,i({borderRadiusVariant:R,"data-testid":"topTag"},{children:I}),void 0),r(P,i({"data-testid":"bottomTag"},{children:T}),void 0),!!M&&r(A,{children:M},void 0),lo&&r(V,{modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==$?void 0:$.zoomVersion)},void 0)]},void 0)}),o.key)}))}),void 0)}),void 0),lo&&r(h,{version:null==$?void 0:$.zoomVersion,modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",contents:d,initialSlide:to,fade:null==$?void 0:$.fade},void 0)]},void 0)};export{D as Button,S as Container,B as NavButtonContainer,N as default};
1
+ import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as r}from"react/jsx-runtime";import e from"@ant-design/react-slick";import d from"@emotion/styled";import{useMemo as l,useRef as a,useState as u,useCallback as s,useEffect as m}from"react";import c from"react-inner-image-zoom";import v 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 p}from"../../../molecules/Video/Video.js";import{ZoomModalComponent as h}from"../../ModalZoom/index.js";import{useZoom as f}from"../../ModalZoom/useZoom.js";import{Image as g}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as b}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as x}from"../../../icons/index.js";import{stopVideoCommand as y,playVideoCommand as k}from"../utils/sendCommandToIframe.js";import{VideoDisplay as z}from"../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as V}from"../../ModalZoom/ZoomButton.js";var j,w,I,M,T,C,R,S=d.div(j||(j=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})),Z=d.div(w||(w=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"})),A=d.div(I||(I=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),P=d.div(M||(M=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),B=d.div(T||(T=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),D=d.button(C||(C=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"]))),L={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},O=function(o,i){return o.loading=i?"eager":"lazy",o.decoding=i?"sync":"async",o.fetchpriority=i?"high":"auto",o},G=d.div(R||(R=o(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),N=function(o){var d=o.contents,j=o.customClick,w=void 0!==j&&j,I=o.topTag,M=o.topRightTag,T=o.bottomTag,C=o.testId,R=o.borderRadiusVariant,N=o.selectedValue,U=o.onChange,E=o.videoAutoplay,W=void 0!==E&&E,q=o.hideVideoControls,F=void 0!==q&&q,H=o.videoMuted,J=void 0===H||H,K=o.videoLoop,Q=void 0===K||K,X=o.enableZoom,Y=void 0===X||X,$=o.zoomOptions,_=l((function(){if(!N||!(null==d?void 0:d.length))return 0;var o=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));return Math.max(0,o)}),[d,N]),oo=a(null),io=a(null),no=u(_),to=no[0],ro=no[1],eo=f((null==$?void 0:$.zoomModalId)||"zoom-modal-v1").handleZoomClick,lo=Boolean(null==$?void 0:$.zoomModalId),ao=Y&&!lo;b(io);var uo=s((function(o){var i;null===(i=oo.current)||void 0===i||i.slickGoTo(o)}),[oo]),so=a(!0);return m((function(){var o;if(so.current)so.current=!1;else if(N){var i=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));-1!==i&&(null===(o=oo.current)||void 0===o||o.slickGoTo(i))}}),[d,N]),n(t,{children:[w&&r("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return r(v,{onClick:function(){return uo(i)},text:String(i+1),inline:!0},i)}))}),void 0),r(S,i({"data-testid":C,borderRadiusVariant:R,ref:io},{children:r(e,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"))?k():y(),ro(o),null==U||U(o)}},L,{initialSlide:_,nextArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronRight,{height:2.125,width:1.25},void 0)},void 0)},void 0),prevArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronLeft,{height:2.125,width:1.25},void 0)},void 0)},void 0),ref:oo},{children:d.map((function(o,e){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,u=o.url===(null==N?void 0:N.url)||o.key===(null==N?void 0:N.key),s=e===to,m={alt:o.alt,width:"100%",height:"510px"},v=function(){if(ao)return r(c,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:O(m,u),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0);var i=O(m,u);return r(g,{src:l,alt:o.alt,width:"100%",height:"510px",loading:i.loading,decoding:i.decoding,fetchPriority:u?"high":"auto"},void 0)};return r(lo?G:"div",i({},lo?{onClick:eo}:{},{children:a?lo?r(z,{content:o},void 0):r(p,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:W,muted:J,loop:Q,withProgressBar:!F,style:F?{pointerEvents:"none"}:void 0,isActive:s,lazyLoad:!0},void 0):n(t,{children:[v(),r(Z,i({borderRadiusVariant:R,"data-testid":"topTag"},{children:I}),void 0),r(P,i({"data-testid":"bottomTag"},{children:T}),void 0),!!M&&r(A,{children:M},void 0),lo&&r(V,{modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==$?void 0:$.zoomVersion)},void 0)]},void 0)}),o.key)}))}),void 0)}),void 0),lo&&r(h,{version:null==$?void 0:$.zoomVersion,modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",contents:d,initialSlide:to,fade:null==$?void 0:$.fade},void 0)]},void 0)};export{D as Button,S as Container,B as NavButtonContainer,N as default};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/es/index.css CHANGED
@@ -2,4 +2,4 @@
2
2
  .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:0.063rem;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:0.063rem solid transparent;}.slick-arrow.slick-hidden{display:none;}
3
3
  .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:1.25rem;height:1.25rem;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:1.25rem;line-height:1;opacity:0.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-1.5rem;}[dir='rtl'] .slick-prev{right:-1.5rem;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-1.5rem;}[dir='rtl'] .slick-next{right:auto;left:-1.5rem;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:1.875rem;}.slick-dots{position:absolute;bottom:-1.5rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0 0.313rem;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:1.25rem;height:1.25rem;padding:0.313rem;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:0.375rem;line-height:1.25rem;position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;content:'•';text-align:center;opacity:0.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:0.75;color:black;}
4
4
 
5
- .iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
5
+ .iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.gallery-nav-arrow{fill:#292929;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
package/build/index.d.ts CHANGED
@@ -3023,6 +3023,8 @@ declare type VideoProps = {
3023
3023
  withProgressBar?: boolean;
3024
3024
  /** Whether this video's slide is currently visible/active. Defaults to true. */
3025
3025
  isActive?: boolean;
3026
+ /** Whether to defer loading until isActive becomes true. Defaults to true for CWV optimization. */
3027
+ lazyLoad?: boolean;
3026
3028
  } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
3027
3029
  declare const Video: React.FC<VideoProps>;
3028
3030
 
package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),n=require("../../../slider/SliderNavigation.js"),t=require("../ImageSmallPreview/ImageSmallPreview.js"),a=require("./styled.js"),s=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},l=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var n=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,w=r.isRatioSquare,g=r.itemsOnViewport,h=void 0===g?0:g,y=r.videoInPreview,f=void 0!==y&&y,I=r.alwaysPlayInPreview,p=void 0!==I&&I,x=r.isHorizontal,P=void 0!==x&&x,j=n.isVideo&&f&&(p||n.key===u.key);return i.jsx(a.ListItem,e.__assign({role:"listitem"},{children:i.jsx(a.Button,e.__assign({onClick:function(){return c(d)}},{children:j?i.jsx(a.VideoContainer,e.__assign({isRatioSquare:w,isHorizontal:P},{children:i.jsx(o.Video,{source:n.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):i.jsx(t.ImageSmallPreview,{imageUrl:(null==n?void 0:n.alt.includes("-video"))?null==n?void 0:n.thumbnailUrl:(null==n?void 0:n.thumbnailUrl)||(null==n?void 0:n.url),alt:n.alt,selected:n.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,loading:s(d,h),decoding:l(d,h)},void 0)}),void 0)}),n.key)};exports.ImagePreviewList=function(o){var t=o.images,s=o.selectedImage,l=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,w=o.hasOverflowArrows,g=o.isRatioSquare,h=o.itemsOnViewport,y=void 0===h?0:h,f=o.videoInPreview,I=void 0!==f&&f,p=o.alwaysPlayInPreview,x=void 0!==p&&p;!function(e){var i=r.useRef(new Set);r.useEffect((function(){if(e.some((function(e){return!e.isVideo&&e.thumbnailUrl&&e.thumbnailUrl!==e.url}))){var r=setTimeout((function(){e.forEach((function(e){e.isVideo||!e.thumbnailUrl||e.thumbnailUrl===e.url||i.current.has(e.url)||((new Image).src=e.url,i.current.add(e.url))}))}),1500);return function(){return clearTimeout(r)}}}),[e])}(t);return i.jsxs(i.Fragment,{children:[i.jsx(a.Container,e.__assign({role:"list","data-testid":u,position:c,className:w?"imageListContainer":c,hasOverflowArrows:w,isRatioSquare:g},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(n,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!0})}))}),void 0)}),void 0):t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!1})}))}),void 0),w&&i.jsxs(a.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(a.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(a.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),n=require("../../../slider/SliderNavigation.js"),t=require("../ImageSmallPreview/ImageSmallPreview.js"),a=require("./styled.js"),s=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},l=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var n=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,w=r.isRatioSquare,g=r.itemsOnViewport,y=void 0===g?0:g,h=r.videoInPreview,f=void 0!==h&&h,I=r.alwaysPlayInPreview,x=void 0!==I&&I,p=r.isHorizontal,P=void 0!==p&&p,j=n.isVideo&&f&&(x||n.key===u.key);return i.jsx(a.ListItem,e.__assign({role:"listitem"},{children:i.jsx(a.Button,e.__assign({onClick:function(){return c(d)}},{children:j?i.jsx(a.VideoContainer,e.__assign({isRatioSquare:w,isHorizontal:P},{children:i.jsx(o.Video,{source:n.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:x||n.key===u.key,lazyLoad:!1},void 0)}),void 0):i.jsx(t.ImageSmallPreview,{imageUrl:(null==n?void 0:n.alt.includes("-video"))?null==n?void 0:n.thumbnailUrl:(null==n?void 0:n.thumbnailUrl)||(null==n?void 0:n.url),alt:n.alt,selected:n.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,loading:s(d,y),decoding:l(d,y)},void 0)}),void 0)}),n.key)};exports.ImagePreviewList=function(o){var t=o.images,s=o.selectedImage,l=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,w=o.hasOverflowArrows,g=o.isRatioSquare,y=o.itemsOnViewport,h=void 0===y?0:y,f=o.videoInPreview,I=void 0!==f&&f,x=o.alwaysPlayInPreview,p=void 0!==x&&x;!function(e){var i=r.useRef(new Set);r.useEffect((function(){if(e.some((function(e){return!e.isVideo&&e.thumbnailUrl&&e.thumbnailUrl!==e.url}))){var r=setTimeout((function(){e.forEach((function(e){e.isVideo||!e.thumbnailUrl||e.thumbnailUrl===e.url||i.current.has(e.url)||((new Image).src=e.url,i.current.add(e.url))}))}),1500);return function(){return clearTimeout(r)}}}),[e])}(t);return i.jsxs(i.Fragment,{children:[i.jsx(a.Container,e.__assign({role:"list","data-testid":u,position:c,className:w?"imageListContainer":c,hasOverflowArrows:w,isRatioSquare:g},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(n,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:p,isHorizontal:!0})}))}),void 0)}),void 0):t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:p,isHorizontal:!1})}))}),void 0),w&&i.jsxs(a.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(a.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(a.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
2
2
  //# sourceMappingURL=ImagePreviewList.js.map
package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),r=require("./styled.js");exports.ImageProductSlide=function(a){var n,l=a.content,s=a.topTag,u=a.topRightTag,c=a.bottomTag,m=a.testId,v=a.position,h=void 0===v?"vertical":v,g=a.borderRadiusVariant,p=a.ctaText,j=a.ctaAction,x=a.hideCTA,y=a.withZoom,z=a.isRatioSquare,b=a.videoAutoplay,T=void 0!==b&&b,I=a.hideVideoControls,C=void 0!==I&&I,Z=a.zoomOptions,_=null==l?void 0:l.url,q=null!==(n=null==l?void 0:l.isVideo)&&void 0!==n&&n,M=T||null==l?void 0:l.thumbnailUrl,R=C?{pointerEvents:"none"}:void 0,V=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(r.Container,o.__assign({"data-testid":m,className:"stylefor".concat(h),borderRadiusVariant:g,position:h},{children:[!q&&i.jsxs(i.Fragment,{children:[y?i.jsx(r.InnerImageZoomStyled,{src:_,zoomSrc:(null==l?void 0:l.zoomUrl)||_,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==h?360:530,height:"horizontal"==h?480:720,hideHint:!0,isRatioSquare:z,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?V:void 0},void 0):i.jsx(r.ImageStyled,{width:"horizontal"==h?"360px":"530px",height:"auto",src:_,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:z,fetchPriority:"high"},void 0),i.jsx(r.TopTagContainer,o.__assign({borderRadiusVariant:g},{children:s}),void 0),i.jsx(r.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(r.TopRightTagWrapper,{children:i.jsx(r.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),q&&i.jsx(d.Video,{source:_,thumbnail:M,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:R,preload:"auto"},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(r.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),r=require("./styled.js");exports.ImageProductSlide=function(a){var n,l=a.content,s=a.topTag,u=a.topRightTag,c=a.bottomTag,v=a.testId,m=a.position,h=void 0===m?"vertical":m,g=a.borderRadiusVariant,p=a.ctaText,j=a.ctaAction,x=a.hideCTA,y=a.withZoom,z=a.isRatioSquare,b=a.videoAutoplay,T=void 0!==b&&b,I=a.hideVideoControls,C=void 0!==I&&I,Z=a.zoomOptions,_=a.isActive,q=void 0===_||_,M=null==l?void 0:l.url,R=null!==(n=null==l?void 0:l.isVideo)&&void 0!==n&&n,V=T||null==l?void 0:l.thumbnailUrl,S=C?{pointerEvents:"none"}:void 0,A=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(r.Container,o.__assign({"data-testid":v,className:"stylefor".concat(h),borderRadiusVariant:g,position:h},{children:[!R&&i.jsxs(i.Fragment,{children:[y?i.jsx(r.InnerImageZoomStyled,{src:M,zoomSrc:(null==l?void 0:l.zoomUrl)||M,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==h?360:530,height:"horizontal"==h?480:720,hideHint:!0,isRatioSquare:z,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?A:void 0},void 0):i.jsx(r.ImageStyled,{width:"horizontal"==h?"360px":"530px",height:"auto",src:M,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:z,fetchPriority:"high"},void 0),i.jsx(r.TopTagContainer,o.__assign({borderRadiusVariant:g},{children:s}),void 0),i.jsx(r.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(r.TopRightTagWrapper,{children:i.jsx(r.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),R&&i.jsx(d.Video,{source:M,thumbnail:V,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:S,isActive:q,lazyLoad:!1},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(r.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/lib/components/molecules/Video/Video.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.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");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(s){var u,a,c=s.source,d=s.thumbnail,l=s.height,f=s.className,m=s.withProgressBar,v=void 0===m||m,j=s.hasAudioControl,h=s.muted,g=s.onLoadedData,y=s.autoPlay,p=s.isActive,P=void 0===p||p,q=e.__rest(s,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),b=r.useRef(null),_=r.useState(!0),x=_[0],C=_[1],L=r.useState(!1),I=L[0],S=L[1],A=r.useState(!!y||h),T=A[0],k=A[1],E=r.useState(0),B=E[0],D=E[1],M=r.useState(!1),N=M[0],w=M[1],V=r.useState(!1),H=V[0],O=V[1],z=r.useState(!1),F=z[0],R=z[1],U=B>0,G=(null===(u=b.current)||void 0===u?void 0:u.duration)?B/b.current.duration:0,J=B===(null===(a=null==b?void 0:b.current)||void 0===a?void 0:a.duration)||0===B,K=y?void 0:d;r.useEffect((function(){R(!1)}),[c]),r.useEffect((function(){var e=b.current;e&&e.load()}),[c,K]),r.useEffect((function(){var e=b.current;if(e)if(P&&y&&F){e.muted=!0,k(!0);var r=e.play();void 0!==r&&r.then((function(){S(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)}))}else P||(e.pause(),S(!1))}),[P,y,F]);return t.jsxs(i.Container,e.__assign({className:f},{children:[!x&&v&&t.jsx(o.ProgressBar,{progress:G,hide:J},void 0),I?t.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){b.current&&I&&(b.current.pause(),S(!1))}},void 0):t.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){b.current&&!N&&(w(!0),b.current.play().then((function(){S(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)})).finally((function(){return w(!1)})))}},{children:U&&t.jsx(i.PlayIcon,{},void 0)}),void 0),j&&t.jsxs(i.MuteButton,e.__assign({onClick:function(){b.current&&k((function(e){return!e}))}},{children:[T&&t.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!T&&t.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.createElement(i.HTMLVideo,e.__assign({},q,{key:"".concat(c,"-").concat(K||"no-poster"),autoPlay:y&&P,muted:T,"data-testid":"video",poster:K,playsInline:!0,controls:H,ref:b,onTimeUpdate:function(){if(b.current){var e=b.current.currentTime;requestAnimationFrame((function(){return D(e)}))}},onCanPlay:function(){return C(!1)},onCanPlayThrough:function(){return R(!0)},onLoadedData:function(e){g&&g(e),C(!1)},onPause:function(){return S(!1)},onPlaying:function(){return S(!0)},height:l||"auto"}),t.jsx("track",{kind:"captions"},void 0),t.jsx("source",{src:c},void 0))]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.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");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(a){var s,u,c=a.source,d=a.thumbnail,l=a.height,f=a.className,m=a.withProgressBar,v=void 0===m||m,j=a.hasAudioControl,y=a.muted,h=a.onLoadedData,g=a.autoPlay,p=a.isActive,P=void 0===p||p,q=a.lazyLoad,b=void 0!==q&&q,_=e.__rest(a,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),x=t.useRef(null),C=t.useState(!0),L=C[0],I=C[1],S=t.useState(!1),A=S[0],E=S[1],T=t.useState(!!g||y),k=T[0],B=T[1],D=t.useState(0),M=D[0],N=D[1],w=t.useState(!1),z=w[0],V=w[1],H=t.useState(!1),O=H[0],F=H[1],R=t.useState(!1),U=R[0],G=R[1],J=t.useState(!b||P),K=J[0],Q=J[1],W=M>0,X=(null===(s=x.current)||void 0===s?void 0:s.duration)?M/x.current.duration:0,Y=M===(null===(u=null==x?void 0:x.current)||void 0===u?void 0:u.duration)||0===M,Z=!b||K,$=g&&Z?void 0:d;t.useEffect((function(){G(!1)}),[c]),t.useEffect((function(){P&&!K&&Q(!0)}),[P,K]),t.useEffect((function(){var e=x.current;e&&e.load()}),[c,$]),t.useEffect((function(){var e=x.current;if(e)if(P&&g&&U){e.muted=!0,B(!0);var t=e.play();void 0!==t&&t.then((function(){E(!0)})).catch((function(e){"NotAllowedError"===e.name&&F(!0)}))}else P||(e.pause(),E(!1))}),[P,g,U]);return r.jsxs(i.Container,e.__assign({className:f},{children:[!L&&v&&r.jsx(o.ProgressBar,{progress:X,hide:Y},void 0),A?r.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){x.current&&A&&(x.current.pause(),E(!1))}},void 0):r.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){x.current&&!z&&(V(!0),x.current.play().then((function(){E(!0)})).catch((function(e){"NotAllowedError"===e.name&&F(!0)})).finally((function(){return V(!1)})))}},{children:W&&r.jsx(i.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(i.MuteButton,e.__assign({onClick:function(){x.current&&B((function(e){return!e}))}},{children:[k&&r.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!k&&r.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),t.createElement(i.HTMLVideo,e.__assign({},_,{key:"".concat(c,"-").concat($||"no-poster"),autoPlay:g&&P,muted:k,"data-testid":"video",poster:$,playsInline:!0,controls:O,ref:x,onTimeUpdate:function(){if(x.current){var e=x.current.currentTime;requestAnimationFrame((function(){return N(e)}))}},onCanPlay:function(){return I(!1)},onCanPlayThrough:function(){return G(!0)},onLoadedData:function(e){h&&h(e),I(!1)},onPause:function(){return E(!1)},onPlaying:function(){return E(!0)},height:l||"auto",preload:Z?"metadata":"none"}),r.jsx("track",{kind:"captions"},void 0),Z&&r.jsx("source",{src:c},void 0))]}),void 0)};
2
2
  //# sourceMappingURL=Video.js.map
package/build/lib/components/organisms/ModalZoom/VideoDisplay.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("tslib"),require("react"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.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"),require("../../atoms/Image/styled.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("@ant-design/react-slick"),require("react-zoom-pan-pinch"),require("../../modal/Modal.js");var r=require("./zoomModal.styled.js");require("./ZoomModalV2.styled.js");var i=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("../ProductGalleryMobile/ProductGalleryMobileV1/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");exports.VideoDisplay=function(s){var t=s.content,o=s.videoAutoplay,u=void 0===o||o,l=s.videoMuted,a=void 0===l||l,d=s.videoLoop,c=void 0===d||d,n=s.hideVideoControls,q=void 0===n||n,j=s.sizes;return e.jsx(r.VideoContainer,{children:e.jsx(i.Video,{source:t.url,thumbnail:null==t?void 0:t.thumbnailUrl,autoPlay:u,muted:a,loop:c,withProgressBar:!q,style:q?{pointerEvents:"none"}:void 0,preload:"auto",height:null==j?void 0:j.height,width:null==j?void 0:j.width},t.key)},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("tslib"),require("react"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.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"),require("../../atoms/Image/styled.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("@ant-design/react-slick"),require("react-zoom-pan-pinch"),require("../../modal/Modal.js");var r=require("./zoomModal.styled.js");require("./ZoomModalV2.styled.js");var i=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("../ProductGalleryMobile/ProductGalleryMobileV1/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");exports.VideoDisplay=function(s){var t=s.content,o=s.videoAutoplay,u=void 0===o||o,l=s.videoMuted,a=void 0===l||l,d=s.videoLoop,c=void 0===d||d,n=s.hideVideoControls,q=void 0===n||n,j=s.sizes;return e.jsx(r.VideoContainer,{children:e.jsx(i.Video,{source:t.url,thumbnail:null==t?void 0:t.thumbnailUrl,autoPlay:u,muted:a,loop:c,withProgressBar:!q,style:q?{pointerEvents:"none"}:void 0,isActive:!0,lazyLoad:!1,height:null==j?void 0:j.height,width:null==j?void 0:j.width},t.key)},void 0)};
2
2
  //# sourceMappingURL=VideoDisplay.js.map
package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),n=require("@ant-design/react-slick"),i=require("@emotion/styled"),t=require("react"),r=require("react-inner-image-zoom"),l=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"),a=require("../../ModalZoom/index.js"),s=require("../../ModalZoom/useZoom.js"),u=require("../../../atoms/Image/Image.js"),c=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),m=require("../../../icons/index.js"),v=require("../utils/sendCommandToIframe.js"),p=require("../../ModalZoom/VideoDisplay.js"),h=require("../../ModalZoom/ZoomButton.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g,x,j,b,k,y,_,V=f(n),q=f(i),T=f(r),z=q.default.div(g||(g=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})),C=q.default.div(x||(x=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"})),w=q.default.div(j||(j=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),I=q.default.div(b||(b=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),M=q.default.div(k||(k=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),O=q.default.button(y||(y=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"]))),R={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},Z=function(e,o){return e.loading=o?"eager":"lazy",e.decoding=o?"sync":"async",e.fetchpriority=o?"high":"auto",e},S=q.default.div(_||(_=e.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));exports.Button=O,exports.Container=z,exports.NavButtonContainer=M,exports.default=function(n){var i=n.contents,r=n.customClick,f=void 0!==r&&r,g=n.topTag,x=n.topRightTag,j=n.bottomTag,b=n.testId,k=n.borderRadiusVariant,y=n.selectedValue,_=n.onChange,q=n.videoAutoplay,B=void 0!==q&&q,P=n.hideVideoControls,A=void 0!==P&&P,D=n.videoMuted,N=void 0===D||D,E=n.videoLoop,F=void 0===E||E,G=n.enableZoom,L=void 0===G||G,U=n.zoomOptions,W=t.useMemo((function(){if(!y||!(null==i?void 0:i.length))return 0;var e=i.findIndex((function(e){return e.url===y.url||e.key===y.key}));return Math.max(0,e)}),[i,y]),H=t.useRef(null),J=t.useRef(null),K=t.useState(W),Q=K[0],X=K[1],Y=s.useZoom((null==U?void 0:U.zoomModalId)||"zoom-modal-v1").handleZoomClick,$=Boolean(null==U?void 0:U.zoomModalId),ee=L&&!$;c.usePreventVerticalScroll(J);var oe=t.useCallback((function(e){var o;null===(o=H.current)||void 0===o||o.slickGoTo(e)}),[H]),ne=t.useRef(!0);return t.useEffect((function(){var e;if(ne.current)ne.current=!1;else if(y){var o=i.findIndex((function(e){return e.url===y.url||e.key===y.key}));-1!==o&&(null===(e=H.current)||void 0===e||e.slickGoTo(o))}}),[i,y]),o.jsxs(o.Fragment,{children:[f&&o.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:i.map((function(e,n){return o.jsx(l,{onClick:function(){return oe(n)},text:String(n+1),inline:!0},n)}))}),void 0),o.jsx(z,e.__assign({"data-testid":b,borderRadiusVariant:k,ref:J},{children:o.jsx(V.default,e.__assign({afterChange:function(e){var o,n=i[e];(null===(o=null==n?void 0:n.url)||void 0===o?void 0:o.includes("autoplay=1"))?v.playVideoCommand():v.stopVideoCommand(),X(e),null==_||_(e)}},R,{initialSlide:W,nextArrow:o.jsx(M,{children:o.jsx(O,{children:o.jsx(m.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:o.jsx(M,{children:o.jsx(O,{children:o.jsx(m.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:H},{children:i.map((function(n){var i,t=null==n?void 0:n.url,r=null!==(i=null==n?void 0:n.isVideo)&&void 0!==i&&i,l=n.url===(null==y?void 0:y.url)||n.key===(null==y?void 0:y.key),a={alt:n.alt,width:"100%",height:"510px"},s=function(){if(ee)return o.jsx(T.default,{src:t,zoomSrc:(null==n?void 0:n.zoomUrl)||t,zoomType:"hover",imgAttributes:Z(a,l),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0);var e=Z(a,l);return o.jsx(u.Image,{src:t,alt:n.alt,width:"100%",height:"510px",loading:e.loading,decoding:e.decoding,fetchPriority:l?"high":"auto"},void 0)},c=$?S:"div",m=$?{onClick:Y}:{};return o.jsx(c,e.__assign({},m,{children:r?$?o.jsx(p.VideoDisplay,{content:n},void 0):o.jsx(d.Video,{source:t,thumbnail:null==n?void 0:n.thumbnailUrl,autoPlay:B,muted:N,loop:F,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):o.jsxs(o.Fragment,{children:[s(),o.jsx(C,e.__assign({borderRadiusVariant:k,"data-testid":"topTag"},{children:g}),void 0),o.jsx(I,e.__assign({"data-testid":"bottomTag"},{children:j}),void 0),!!x&&o.jsx(w,{children:x},void 0),$&&o.jsx(h.ZoomButtonComponent,{modalId:(null==U?void 0:U.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==U?void 0:U.zoomVersion)},void 0)]},void 0)}),n.key)}))}),void 0)}),void 0),$&&o.jsx(a.ZoomModalComponent,{version:null==U?void 0:U.zoomVersion,modalId:(null==U?void 0:U.zoomModalId)||"zoom-modal-v1",contents:i,initialSlide:Q,fade:null==U?void 0:U.fade},void 0)]},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),n=require("@ant-design/react-slick"),i=require("@emotion/styled"),t=require("react"),r=require("react-inner-image-zoom"),d=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("../../../molecules/Video/Video.js"),a=require("../../ModalZoom/index.js"),s=require("../../ModalZoom/useZoom.js"),u=require("../../../atoms/Image/Image.js"),c=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),m=require("../../../icons/index.js"),v=require("../utils/sendCommandToIframe.js"),p=require("../../ModalZoom/VideoDisplay.js"),h=require("../../ModalZoom/ZoomButton.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g,x,j,b,k,y,_,V=f(n),q=f(i),z=f(r),T=q.default.div(g||(g=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})),C=q.default.div(x||(x=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"})),w=q.default.div(j||(j=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),I=q.default.div(b||(b=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),M=q.default.div(k||(k=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),O=q.default.button(y||(y=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"]))),R={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},Z=function(e,o){return e.loading=o?"eager":"lazy",e.decoding=o?"sync":"async",e.fetchpriority=o?"high":"auto",e},S=q.default.div(_||(_=e.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));exports.Button=O,exports.Container=T,exports.NavButtonContainer=M,exports.default=function(n){var i=n.contents,r=n.customClick,f=void 0!==r&&r,g=n.topTag,x=n.topRightTag,j=n.bottomTag,b=n.testId,k=n.borderRadiusVariant,y=n.selectedValue,_=n.onChange,q=n.videoAutoplay,B=void 0!==q&&q,P=n.hideVideoControls,A=void 0!==P&&P,D=n.videoMuted,L=void 0===D||D,N=n.videoLoop,E=void 0===N||N,F=n.enableZoom,G=void 0===F||F,U=n.zoomOptions,W=t.useMemo((function(){if(!y||!(null==i?void 0:i.length))return 0;var e=i.findIndex((function(e){return e.url===y.url||e.key===y.key}));return Math.max(0,e)}),[i,y]),H=t.useRef(null),J=t.useRef(null),K=t.useState(W),Q=K[0],X=K[1],Y=s.useZoom((null==U?void 0:U.zoomModalId)||"zoom-modal-v1").handleZoomClick,$=Boolean(null==U?void 0:U.zoomModalId),ee=G&&!$;c.usePreventVerticalScroll(J);var oe=t.useCallback((function(e){var o;null===(o=H.current)||void 0===o||o.slickGoTo(e)}),[H]),ne=t.useRef(!0);return t.useEffect((function(){var e;if(ne.current)ne.current=!1;else if(y){var o=i.findIndex((function(e){return e.url===y.url||e.key===y.key}));-1!==o&&(null===(e=H.current)||void 0===e||e.slickGoTo(o))}}),[i,y]),o.jsxs(o.Fragment,{children:[f&&o.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:i.map((function(e,n){return o.jsx(d,{onClick:function(){return oe(n)},text:String(n+1),inline:!0},n)}))}),void 0),o.jsx(T,e.__assign({"data-testid":b,borderRadiusVariant:k,ref:J},{children:o.jsx(V.default,e.__assign({afterChange:function(e){var o,n=i[e];(null===(o=null==n?void 0:n.url)||void 0===o?void 0:o.includes("autoplay=1"))?v.playVideoCommand():v.stopVideoCommand(),X(e),null==_||_(e)}},R,{initialSlide:W,nextArrow:o.jsx(M,{children:o.jsx(O,{children:o.jsx(m.Icon.Arrows.ChevronRight,{height:2.125,width:1.25},void 0)},void 0)},void 0),prevArrow:o.jsx(M,{children:o.jsx(O,{children:o.jsx(m.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25},void 0)},void 0)},void 0),ref:H},{children:i.map((function(n,i){var t,r=null==n?void 0:n.url,d=null!==(t=null==n?void 0:n.isVideo)&&void 0!==t&&t,a=n.url===(null==y?void 0:y.url)||n.key===(null==y?void 0:y.key),s=i===Q,c={alt:n.alt,width:"100%",height:"510px"},m=function(){if(ee)return o.jsx(z.default,{src:r,zoomSrc:(null==n?void 0:n.zoomUrl)||r,zoomType:"hover",imgAttributes:Z(c,a),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0);var e=Z(c,a);return o.jsx(u.Image,{src:r,alt:n.alt,width:"100%",height:"510px",loading:e.loading,decoding:e.decoding,fetchPriority:a?"high":"auto"},void 0)},v=$?S:"div",f=$?{onClick:Y}:{};return o.jsx(v,e.__assign({},f,{children:d?$?o.jsx(p.VideoDisplay,{content:n},void 0):o.jsx(l.Video,{source:r,thumbnail:null==n?void 0:n.thumbnailUrl,autoPlay:B,muted:L,loop:E,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,isActive:s,lazyLoad:!0},void 0):o.jsxs(o.Fragment,{children:[m(),o.jsx(C,e.__assign({borderRadiusVariant:k,"data-testid":"topTag"},{children:g}),void 0),o.jsx(I,e.__assign({"data-testid":"bottomTag"},{children:j}),void 0),!!x&&o.jsx(w,{children:x},void 0),$&&o.jsx(h.ZoomButtonComponent,{modalId:(null==U?void 0:U.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==U?void 0:U.zoomVersion)},void 0)]},void 0)}),n.key)}))}),void 0)}),void 0),$&&o.jsx(a.ZoomModalComponent,{version:null==U?void 0:U.zoomVersion,modalId:(null==U?void 0:U.zoomModalId)||"zoom-modal-v1",contents:i,initialSlide:Q,fade:null==U?void 0:U.fade},void 0)]},void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/lib/index.css CHANGED
@@ -2,4 +2,4 @@
2
2
  .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:0.063rem;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:0.063rem solid transparent;}.slick-arrow.slick-hidden{display:none;}
3
3
  .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:1.25rem;height:1.25rem;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:1.25rem;line-height:1;opacity:0.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-1.5rem;}[dir='rtl'] .slick-prev{right:-1.5rem;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-1.5rem;}[dir='rtl'] .slick-next{right:auto;left:-1.5rem;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:1.875rem;}.slick-dots{position:absolute;bottom:-1.5rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0 0.313rem;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:1.25rem;height:1.25rem;padding:0.313rem;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:0.375rem;line-height:1.25rem;position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;content:'•';text-align:center;opacity:0.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:0.75;color:black;}
4
4
 
5
- .iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
5
+ .iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.gallery-nav-arrow{fill:#292929;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.24.0",
6
+ "version": "7.24.1",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",