@trafilea/afrodita-components 7.25.1 → 7.25.3

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 (32) hide show
  1. package/build/es/components/gallery/ProductGallery.js +1 -1
  2. package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  3. package/build/es/components/gallery/components/ImageProductSlide/styled.js +1 -1
  4. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  5. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
  6. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/styled.js +2 -0
  7. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/styled.js.map +1 -0
  8. package/build/es/components/radio/clubContainer/clubGroup.js +1 -1
  9. package/build/es/components/radio/clubRadioInput/clubRadio.js +1 -1
  10. package/build/es/components/radio/input/radio.js +1 -1
  11. package/build/es/components/radio/input/styles.js +1 -1
  12. package/build/es/components/search-bar/components/ClearButton/styled.js +1 -1
  13. package/build/es/components/search-bar/components/ResultsPanel/styled.js +1 -1
  14. package/build/index.d.ts +25 -3
  15. package/build/lib/components/gallery/ProductGallery.js +1 -1
  16. package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  17. package/build/lib/components/gallery/components/ImageProductSlide/styled.js +1 -1
  18. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  19. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
  20. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/styled.js +2 -0
  21. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/styled.js.map +1 -0
  22. package/build/lib/components/radio/clubContainer/clubGroup.js +1 -1
  23. package/build/lib/components/radio/clubRadioInput/clubRadio.js +1 -1
  24. package/build/lib/components/radio/input/radio.js +1 -1
  25. package/build/lib/components/radio/input/styles.js +1 -1
  26. package/build/lib/components/search-bar/components/ClearButton/styled.js +1 -1
  27. package/build/lib/components/search-bar/components/ResultsPanel/styled.js +1 -1
  28. package/package.json +1 -1
  29. package/build/es/components/radio/clubRadioInput/styles.js +0 -2
  30. package/build/es/components/radio/clubRadioInput/styles.js.map +0 -1
  31. package/build/lib/components/radio/clubRadioInput/styles.js +0 -2
  32. package/build/lib/components/radio/clubRadioInput/styles.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as d}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as n}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as m}from"./styled.js";var l=function(l){var v=l.images,u=l.selectedValue,p=l.topTag,c=l.topRightTag,f=l.bottomTag,g=l.productImageDataTestId,w=l.previewListDataTestId,I=l.thumbnailPosition,h=l.borderRadiusVariant,T=void 0!==h&&h,P=l.previewImgBorderColor,O=l.ctaText,V=l.ctaAction,b=l.hideCTA,A=void 0===b||b,R=l.hasOverflowArrows,x=void 0!==R&&R,y=l.withZoom,C=void 0===y||y,z=l.hasToPreserveOrder,S=void 0!==z&&z,j=l.isRatioSquare,q=l.itemsOnViewport,B=void 0===q?6:q,L=l.videoAutoplay,M=void 0!==L&&L,Z=l.videoInPreview,D=void 0!==Z&&Z,k=l.hideVideoControls,E=void 0!==k&&k,F=l.alwaysPlayInPreview,G=void 0!==F&&F,H=l.zoomOptions,J=r(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(v,u)),K=J[0],N=J[1];if(a((function(){if(u&&!S){var o=v.indexOf(u);o>-1&&N(o)}}),[u,S]),0===v.length)return null;var Q=v[K];return i(e,{children:[i(m,o({thumbnailPosition:I},{children:[t(n,{images:v,selectedImage:Q,dataTestId:w,onClick:function(o){N(o)},position:I,borderRadiusVariant:T,previewImgBorderColor:P,hasOverflowArrows:x,isRatioSquare:j,itemsOnViewport:B,videoInPreview:D,alwaysPlayInPreview:G},void 0),t(s,{content:Q,topTag:p,topRightTag:c,bottomTag:f,testId:g,position:I,borderRadiusVariant:T,ctaText:O,ctaAction:V,hideCTA:A,withZoom:C,isRatioSquare:j,videoAutoplay:M,hideVideoControls:E,zoomOptions:H},void 0)]}),void 0),Boolean(null==H?void 0:H.zoomModalId)&&t(d,{version:null==H?void 0:H.zoomVersion,modalId:(null==H?void 0:H.zoomModalId)||"zoom-modal-v1",contents:v,initialSlide:K,fade:null==H?void 0:H.fade},void 0)]},void 0)};export{l as ProductGallery};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as n}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as d}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as v}from"./styled.js";var l=function(l){var m=l.images,c=l.selectedValue,u=l.topTag,p=l.topRightTag,h=l.bottomTag,f=l.productImageDataTestId,g=l.previewListDataTestId,I=l.thumbnailPosition,w=l.borderRadiusVariant,P=void 0!==w&&w,T=l.previewImgBorderColor,V=l.ctaText,C=l.ctaAction,x=l.hideCTA,O=void 0===x||x,b=l.hasOverflowArrows,z=void 0!==b&&b,A=l.withZoom,R=void 0===A||A,y=l.hasToPreserveOrder,S=void 0!==y&&y,j=l.isRatioSquare,q=l.itemsOnViewport,B=void 0===q?6:q,L=l.videoAutoplay,M=void 0!==L&&L,Z=l.videoInPreview,D=void 0!==Z&&Z,N=l.hideVideoControls,k=void 0!==N&&N,E=l.alwaysPlayInPreview,F=void 0!==E&&E,G=l.zoomOptions,H=l.zoomIconVariant,J=l.chevronsColor,K=void 0===J?"#000":J,Q=l.showChevrons,U=void 0!==Q&&Q,W=r(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(m,c)),X=W[0],Y=W[1];if(a((function(){if(c&&!S){var o=m.indexOf(c);o>-1&&Y(o)}}),[c,S]),0===m.length)return null;var $=m[X];return i(e,{children:[i(v,o({thumbnailPosition:I},{children:[t(d,{images:m,selectedImage:$,dataTestId:g,onClick:function(o){Y(o)},position:I,borderRadiusVariant:P,previewImgBorderColor:T,hasOverflowArrows:z,isRatioSquare:j,itemsOnViewport:B,videoInPreview:D,alwaysPlayInPreview:F},void 0),t(s,{content:$,topTag:u,topRightTag:p,bottomTag:h,testId:f,position:I,borderRadiusVariant:P,ctaText:V,ctaAction:C,hideCTA:O,withZoom:R,isRatioSquare:j,videoAutoplay:M,hideVideoControls:k,zoomOptions:G,zoomIconVariant:H,chevronsColor:K,onPrev:U?function(){X>0&&Y(X-1)}:void 0,onNext:U?function(){X<m.length-1&&Y(X+1)}:void 0,hasPrev:U&&X>0,hasNext:U&&X<m.length-1},void 0)]}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&t(n,{version:null==G?void 0:G.zoomVersion,modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",contents:m,initialSlide:X,fade:null==G?void 0:G.fade},void 0)]},void 0)};export{l as ProductGallery};
2
2
  //# sourceMappingURL=ProductGallery.js.map
@@ -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 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};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{Icon as e}from"../../../icons/index.js";import{useZoom as l}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as r}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as a}from"../../../molecules/Video/Video.js";import{Container as n,InnerImageZoomStyled as v,ImageStyled as s,TopTagContainer as m,BottomTagContainer as c,TopRightTagWrapper as h,TopRightTagContainer as u,ButtonSecondaryOutlineWrapper as g,ChevronPrev as p,ChevronNext as z}from"./styled.js";var b=function(b){var f,y=b.content,w=b.topTag,x=b.topRightTag,C=b.bottomTag,I=b.testId,j=b.position,A=void 0===j?"vertical":j,M=b.borderRadiusVariant,V=b.ctaText,R=b.ctaAction,P=b.hideCTA,T=b.withZoom,Z=b.isRatioSquare,k=b.videoAutoplay,N=void 0!==k&&k,S=b.hideVideoControls,q=void 0!==S&&S,B=b.zoomOptions,F=b.isActive,H=void 0===F||F,L=b.zoomIconVariant,O=b.chevronsColor,U=void 0===O?"#000":O,E=b.onPrev,D=b.onNext,G=b.hasPrev,J=void 0!==G&&G,K=b.hasNext,Q=void 0!==K&&K,W=null==y?void 0:y.url,X=null!==(f=null==y?void 0:y.isVideo)&&void 0!==f&&f,Y=N||null==y?void 0:y.thumbnailUrl,$=q?{pointerEvents:"none"}:void 0,_=l((null==B?void 0:B.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(n,o({"data-testid":I,className:"stylefor".concat(A),borderRadiusVariant:M,position:A},{children:[!X&&i(d,{children:[T?i(d,{children:[t(v,{src:W,zoomSrc:(null==y?void 0:y.zoomUrl)||W,zoomType:(null==B?void 0:B.zoomModalId)?"click":"hover",imgAttributes:{alt:y.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==A?360:530,height:"horizontal"==A?480:720,hideHint:!!L||!!(null==B?void 0:B.zoomModalId),isRatioSquare:Z,afterZoomIn:(null==B?void 0:B.zoomModalId)?_:void 0},void 0),L]},void 0):t(s,{width:"horizontal"==A?"360px":"530px",height:"auto",src:W,alt:y.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:Z,fetchPriority:"high"},void 0),t(m,o({borderRadiusVariant:M},{children:w}),void 0),t(c,o({isCTAHidden:P},{children:C}),void 0),!!x&&t(h,{children:t(u,{children:x},void 0)},void 0)]},void 0),X&&t(a,{source:W,thumbnail:Y,autoPlay:N,muted:!0,loop:!0,withProgressBar:!q,style:$,isActive:H,lazyLoad:!1},void 0),V&&R&&t("div",o({style:{display:P?"none":"block"}},{children:t(g,{wide:!0,onClick:R,text:V},void 0)}),void 0),Boolean(null==B?void 0:B.zoomModalId)&&t(r,{modalId:(null==B?void 0:B.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==B?void 0:B.zoomVersion)},void 0),J&&E&&t(p,o({onClick:E,"aria-label":"Previous image"},{children:t(e.Arrows.ChevronLeft,{height:1.85,width:1.85,fill:U},void 0)}),void 0),Q&&D&&t(z,o({onClick:D,"aria-label":"Next image"},{children:t(e.Arrows.ChevronRight,{height:1.85,width:1.85,fill:U},void 0)}),void 0)]}),void 0)};export{b as ImageProductSlide};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as t}from"tslib";import n from"@emotion/styled";import o from"react-inner-image-zoom";import"react/jsx-runtime";import"../../../../core/theme/Theme.js";import"react";import"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Tooltip.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as i}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"@emotion/react/jsx-runtime";import"../../../cta/styled.js";import e from"../../../cta/secondary/ButtonSecondaryOutline.js";var r,a,p,s,m,l,c,d,u=n.div(r||(r=t(["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"],["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"])),(function(t){return t.borderRadiusVariant&&"border-radius: 40px;"}),(function(t){return"horizontal"===t.position?"unset":"1/2"})),h=n.div(a||(a=t(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(t){var n=t.borderRadiusVariant,o=t.theme;return n?"50px":o.component.gallery.tagPosition.left}),(function(t){var n=t.borderRadiusVariant,o=t.theme;return n?"10px":o.component.gallery.tagPosition.top})),f=n.div(p||(p=t(["\n position: absolute;\n bottom: ",";\n left: 0;\n"],["\n position: absolute;\n bottom: ",";\n left: 0;\n"])),(function(t){return t.isCTAHidden?"60px":"120px"})),g=n.div(s||(s=t(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),b=n.div(m||(m=t(["\n white-space: pre-wrap;\n"],["\n white-space: pre-wrap;\n"]))),x=n(e)(l||(l=t(["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"],["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"]))),j=n(i)(c||(c=t(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(t){var n=t.theme;return t.isRatioSquare?"1 / 1":n.component.gallery.aspectRatio})),y=n(o)(d||(d=t(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(t){var n=t.theme;return t.isRatioSquare?"1 / 1":n.component.gallery.aspectRatio}));export{f as BottomTagContainer,x as ButtonSecondaryOutlineWrapper,u as Container,j as ImageStyled,y as InnerImageZoomStyled,b as TopRightTagContainer,g as TopRightTagWrapper,h as TopTagContainer};
1
+ import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import o from"react-inner-image-zoom";import"react/jsx-runtime";import"../../../../core/theme/Theme.js";import"react";import"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Tooltip.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as e}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"@emotion/react/jsx-runtime";import"../../../cta/styled.js";import i from"../../../cta/secondary/ButtonSecondaryOutline.js";var r,a,p,s,m,l,c,d,u,g,h,b=t.div(r||(r=n(["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"],["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"])),(function(n){return n.borderRadiusVariant&&"border-radius: 40px;"}),(function(n){return"horizontal"===n.position?"unset":"1/2"})),f=t.div(a||(a=n(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(n){var t=n.borderRadiusVariant,o=n.theme;return t?"50px":o.component.gallery.tagPosition.left}),(function(n){var t=n.borderRadiusVariant,o=n.theme;return t?"10px":o.component.gallery.tagPosition.top})),x=t.div(p||(p=n(["\n position: absolute;\n bottom: ",";\n left: 0;\n"],["\n position: absolute;\n bottom: ",";\n left: 0;\n"])),(function(n){return n.isCTAHidden?"60px":"120px"})),j=t.div(s||(s=n(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),y=t.div(m||(m=n(["\n white-space: pre-wrap;\n"],["\n white-space: pre-wrap;\n"]))),v=t(i)(l||(l=n(["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"],["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"]))),w=t(e)(c||(c=n(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(n){var t=n.theme;return n.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio})),z=t(o)(d||(d=n(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(n){var t=n.theme;return n.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio})),P=t.button(u||(u=n(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n cursor: pointer;\n z-index: 2;\n height: 40px;\n"],["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n cursor: pointer;\n z-index: 2;\n height: 40px;\n"]))),R=t(P)(g||(g=n(["\n left: 10px;\n"],["\n left: 10px;\n"]))),L=t(P)(h||(h=n(["\n right: 10px;\n"],["\n right: 10px;\n"])));export{x as BottomTagContainer,v as ButtonSecondaryOutlineWrapper,P as ChevronButton,L as ChevronNext,R as ChevronPrev,b as Container,w as ImageStyled,z as InnerImageZoomStyled,y as TopRightTagContainer,j as TopRightTagWrapper,f as TopTagContainer};
2
2
  //# sourceMappingURL=styled.js.map
@@ -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"]))),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};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as r,jsx as e}from"react/jsx-runtime";import t from"@ant-design/react-slick";import{useMemo as l,useRef as n,useState as d,useCallback as a,useEffect as m}from"react";import s from"react-inner-image-zoom";import u 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 v}from"../../../molecules/Video/Video.js";import{ZoomModalComponent as c}from"../../ModalZoom/index.js";import{useZoom as h}from"../../ModalZoom/useZoom.js";import{Image as f}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as p}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as g}from"../../../icons/index.js";import{stopVideoCommand as y,playVideoCommand as z}from"../utils/sendCommandToIframe.js";import{Container as k,NavButtonContainer as j,Button as b,ProgressBar as x,ViewContainerWrapper as C,TopTagContainer as V,BottomTagContainer as I,TopRightTagContainer as w,SlideContentWrapper as M}from"./styled.js";import{VideoDisplay as T}from"../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as S}from"../../ModalZoom/ZoomButton.js";var B={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},P=function(o,i){return o.loading=i?"eager":"lazy",o.decoding=i?"sync":"async",o.fetchpriority=i?"high":"auto",o},Z=function(Z){var A=Z.contents,O=Z.customClick,R=void 0!==O&&O,D=Z.topTag,L=Z.topRightTag,G=Z.bottomTag,U=Z.testId,E=Z.borderRadiusVariant,H=Z.selectedValue,N=Z.onChange,W=Z.videoAutoplay,q=void 0!==W&&W,F=Z.hideVideoControls,J=void 0!==F&&F,K=Z.videoMuted,Q=void 0===K||K,X=Z.videoLoop,Y=void 0===X||X,$=Z.enableZoom,_=void 0===$||$,oo=Z.zoomOptions,io=Z.chevronsColor,ro=void 0===io?"#000":io,eo=Z.sliderDotsOnBottom,to=void 0!==eo&&eo,lo=Z.zoomIconVariant,no=Z.baseSettings,ao=Z.progressBar,mo=o(o({},B),no),so=l((function(){if(!H||!(null==A?void 0:A.length))return 0;var o=A.findIndex((function(o){return o.url===H.url||o.key===H.key}));return Math.max(0,o)}),[A,H]),uo=n(null),vo=n(null),co=d(so),ho=co[0],fo=co[1],po=h((null==oo?void 0:oo.zoomModalId)||"zoom-modal-v1").handleZoomClick,go=Boolean(null==oo?void 0:oo.zoomModalId),yo=_&&!go,zo=1===mo.slidesToShow;p(vo);var ko=a((function(o){var i;null===(i=uo.current)||void 0===i||i.slickGoTo(o)}),[uo]),jo=(Math.round(ho)+1)/A.length*100,bo=n(!0);return m((function(){var o;if(bo.current)bo.current=!1;else if(H){var i=A.findIndex((function(o){return o.url===H.url||o.key===H.key}));-1!==i&&(null===(o=uo.current)||void 0===o||o.slickGoTo(i))}}),[A,H]),i(r,{children:[R&&e("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:A.map((function(o,i){return e(u,{onClick:function(){return ko(i)},text:String(i+1),inline:!0},i)}))}),void 0),i(k,o({"data-testid":U,borderRadiusVariant:E,sliderDotsOnBottom:to,ref:vo,isOneSlidePerView:zo},{children:[e(t,o({afterChange:function(o){var i,r=A[o];(null===(i=null==r?void 0:r.url)||void 0===i?void 0:i.includes("autoplay=1"))?z():y(),fo(o),null==N||N(o)}},mo,{initialSlide:so,nextArrow:e(j,{children:e(b,{children:e(g.Arrows.ChevronRight,{height:2.125,width:1.25,fill:ro},void 0)},void 0)},void 0),prevArrow:e(j,{children:e(b,{children:e(g.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:ro},void 0)},void 0)},void 0),ref:uo},{children:A.map((function(t,l){var n,d=null==t?void 0:t.url,a=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,m=t.url===(null==H?void 0:H.url)||t.key===(null==H?void 0:H.key),u=l===ho,c={alt:t.alt,width:"100%",height:"510px"},h=function(){if(yo)return i(r,{children:[e(s,{src:d,zoomSrc:(null==t?void 0:t.zoomUrl)||d,zoomType:"hover",imgAttributes:P(c,m),height:510,fullscreenOnMobile:!0,className:"zoomWrapper",hideHint:!!lo},void 0),lo]},void 0);var o=P(c,m);return e(f,{src:d,alt:t.alt,width:"100%",height:"510px",loading:o.loading,decoding:o.decoding,fetchPriority:m?"high":"auto"},void 0)};return e(go?C:zo?"div":M,o({},go?{onClick:po}:{},{children:a?go?e(T,{content:t},void 0):e(v,{source:d,thumbnail:null==t?void 0:t.thumbnailUrl,autoPlay:q,muted:Q,loop:Y,withProgressBar:!J,style:J?{pointerEvents:"none"}:void 0,isActive:u,lazyLoad:!0},void 0):i(r,{children:[h(),e(V,o({borderRadiusVariant:E,"data-testid":"topTag"},{children:D}),void 0),e(I,o({"data-testid":"bottomTag"},{children:G}),void 0),!!L&&e(w,{children:L},void 0),go&&e(S,{modalId:(null==oo?void 0:oo.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==oo?void 0:oo.zoomVersion)},void 0)]},void 0)}),t.key)}))}),void 0),ao&&e(x,{progressInPercentage:jo,fillColor:ao.fillColor,backgroundColor:ao.backgroundColor},void 0)]}),void 0),go&&e(c,{version:null==oo?void 0:oo.zoomVersion,modalId:(null==oo?void 0:oo.zoomModalId)||"zoom-modal-v1",contents:A,initialSlide:ho,fade:null==oo?void 0:oo.fade},void 0)]},void 0)};export{Z as default};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as d}from"react";import n from"./ImageProductSlide.js";var r,a=e.div(r||(r=o(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),l=function(o){var e=o.images,r=o.customClick,l=o.topTag,m=o.topRightTag,s=o.bottomTag,p=o.productImageDataTestId,v=o.borderRadiusVariant,c=void 0!==v&&v,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,T=void 0!==b&&b,V=o.hideVideoControls,y=void 0!==V&&V,C=o.videoMuted,O=void 0===C||C,w=o.videoLoop,I=void 0===w||w,R=o.enableZoom,j=void 0===R||R,k=o.zoomOptions,z=d(0),A=z[0],L=z[1],M=f?null==e?void 0:e[A]:u;return i(a,t({"data-testid":"product-gallery-mobile-v1"},{children:i(n,{contents:e,customClick:r,topTag:l,topRightTag:m,bottomTag:s,testId:p,borderRadiusVariant:c,selectedValue:M,onChange:function(o){return L(o)},itemsOnViewport:x,videoAutoplay:T,hideVideoControls:y,videoMuted:O,videoLoop:I,enableZoom:j,zoomOptions:k},void 0)}),void 0)};export{l as ProductGalleryMobile};
1
+ import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as n}from"react";import r from"./ImageProductSlide.js";var d,a=e.div(d||(d=o(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n\n > div {\n ","\n }\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n\n > div {\n ","\n }\n"])),(function(o){return o.sliderDotsOnBottom&&" \n overflow: visible;\n "})),s=function(o){var e=o.images,d=o.customClick,s=o.topTag,l=o.topRightTag,m=o.bottomTag,v=o.productImageDataTestId,p=o.borderRadiusVariant,c=void 0!==p&&p,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,b=void 0===h?1:h,x=o.videoAutoplay,V=void 0!==x&&x,O=o.hideVideoControls,T=void 0!==O&&O,C=o.videoMuted,y=void 0===C||C,B=o.videoLoop,I=void 0===B||B,w=o.enableZoom,D=void 0===w||w,z=o.zoomOptions,R=o.chevronsColor,S=void 0===R?"#000":R,j=o.sliderDotsOnBottom,k=void 0!==j&&j,A=o.zoomIconVariant,L=o.baseSettings,M=o.progressBar,P=n(0),Z=P[0],q=P[1],E=f?null==e?void 0:e[Z]:u;return i(a,t({"data-testid":"product-gallery-mobile-v1",sliderDotsOnBottom:k},{children:i(r,{contents:e,customClick:d,topTag:s,topRightTag:l,bottomTag:m,testId:v,borderRadiusVariant:c,selectedValue:E,onChange:function(o){return q(o)},itemsOnViewport:b,videoAutoplay:V,hideVideoControls:T,videoMuted:y,videoLoop:I,enableZoom:D,zoomOptions:z,chevronsColor:S,zoomIconVariant:A,sliderDotsOnBottom:k,baseSettings:L,progressBar:M},void 0)}),void 0)};export{s as ProductGalleryMobile};
2
2
  //# sourceMappingURL=ProductGalleryMobile.js.map
@@ -0,0 +1,2 @@
1
+ import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var i,o,r,e,a,d,p,u,l,s=t.div(i||(i=n(["\n width: 80%;\n margin: 0 auto;\n height: 2px;\n margin-top: 2px;\n background: linear-gradient(\n to right,\n "," 0%,\n "," ","%,\n ","\n ","%,\n "," 100%\n );\n"],["\n width: 80%;\n margin: 0 auto;\n height: 2px;\n margin-top: 2px;\n background: linear-gradient(\n to right,\n "," 0%,\n "," ","%,\n ","\n ","%,\n "," 100%\n );\n"])),(function(n){return n.fillColor}),(function(n){return n.fillColor}),(function(n){var t=n.progressInPercentage;return void 0===t?0:t}),(function(n){return n.backgroundColor}),(function(n){var t=n.progressInPercentage;return void 0===t?0:t}),(function(n){return n.backgroundColor})),c=t.div(o||(o=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 ","\n\n\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 ","\n\n\n ","\n"])),(function(n){return n.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor}),(function(n){return n.sliderDotsOnBottom&&"\n > div > ul {\n margin-bottom: -40px !important;\n\n > li.slick-active > button:before {\n background-color: #292929 !important;\n top: 0 !important;\n border: none !important;\n }\n\n > li > button:before {\n border: none !important;\n height: 10px !important;\n width: 10px !important;\n }\n }\n "}),(function(n){return!n.isOneSlidePerView&&"\n > div > div > div > div.slick-slide > div {\n margin-right: 7px;\n }\n > div > div > div > div.slick-slide:last-child > div {\n margin-left: 7px;\n margin-right: 0px;\n }\n "})),g=t.div(r||(r=n(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(n){return n.borderRadiusVariant?"13px":"0"}),(function(n){return n.borderRadiusVariant?"11px":"0"})),b=t.div(e||(e=n(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),m=t.div(a||(a=n(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),v=t.div(d||(d=n(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),h=t.button(p||(p=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"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),f=t.div(u||(u=n(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),x=t.div(l||(l=n(["\n position: relative;\n"],["\n position: relative;\n"])));export{m as BottomTagContainer,h as Button,c as Container,v as NavButtonContainer,s as ProgressBar,x as SlideContentWrapper,b as TopRightTagContainer,g as TopTagContainer,f as ViewContainerWrapper};
2
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import{ComponentSize as o}from"../../../types/enums.js";import{ClubRadioInput as a}from"../clubRadioInput/clubRadio.js";var r=function(r){var n=r.style,d=r.name,u=r.options,l=void 0===u?[]:u,m=r.value,s=r.onChange,v=r.size,c=void 0===v?o.Medium:v,p=r.disabled,f=void 0!==p&&p,b=t(m),h=b[0],g=b[1];return i("div",e({"data-testid":"group-container"},{children:l.map((function(e,t){return i(a,{id:"".concat(t),name:d,value:e.value,label:e.label,onChange:function(e){return g(i=e),void s(i);var i},checked:e.value===(null==h?void 0:h.value),size:c,disabled:f,"data-testid":"input",style:n},t)}))}),void 0)};export{r as ClubRadioGroupInput};
1
+ import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{ComponentSize as t}from"../../../types/enums.js";import{ClubRadioInput as a}from"../clubRadioInput/clubRadio.js";var n=function(n){var r=n.style,d=n.name,l=n.options,u=void 0===l?[]:l,v=n.value,m=n.onChange,c=n.size,s=void 0===c?t.Medium:c,p=n.disabled,f=void 0!==p&&p,b=o(v),h=b[0],g=b[1];return i("div",e({"data-testid":"group-container"},{children:u.map((function(e,o){var t;return i(a,{id:"".concat(o),name:d,value:e.value,label:e.label,onChange:function(e){return g(i=e),void m(i);var i},checked:e.value===(null==h?void 0:h.value),size:s,disabled:f,"data-testid":"input",style:r},null!==(t=e.value)&&void 0!==t?t:"".concat(o))}))}),void 0)};export{n as ClubRadioGroupInput};
2
2
  //# sourceMappingURL=clubGroup.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{useTheme as a}from"../../../core/theme/Theme.js";import{ContainerStyles as d,CustomRadioStyles as s}from"./styles.js";import{ComponentSize as l}from"../../../types/enums.js";var c,m,h,u=o.div(c||(c=e(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),p=o.div(t({},d.baseStyles),(function(e){return[d[e.size](e.theme)]})),f=o.input(m||(m=e(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),v=o.div([function(e){return s.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s[e.size](e.theme,e.isChecked)}]),b=o(r)(h||(h=e(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),g=function(e){var o=e.style,r=e.name,d=e.value,s=e.id,c=e.label,m=e.checked,h=void 0!==m&&m,g=e.disabled,y=void 0!==g&&g,z=e.onChange,x=e.size,k=void 0===x?l.Medium:x,j=a();return n(u,{children:[n(p,t({theme:j,size:k,style:o,"data-testid":"container"},{children:[i(f,{id:"".concat(r,"-").concat(s),type:"radio",name:r,value:d,checked:h,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;z({value:n,label:t})}(e,c)},disabled:y,style:o},void 0),i(v,{size:k,isChecked:h,disabled:y,theme:j,"data-testid":"custom-radio",style:o},void 0)]}),void 0),i(b,t({htmlFor:"".concat(r,"-").concat(s),"data-testid":"label",variant:"regular",size:k,disabled:y,"aria-checked":h},{children:c}),void 0)]},void 0)};export{g as ClubRadioInput};
1
+ import{__makeTemplateObject as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import n from"@emotion/styled";import{RadioInput as o}from"../input/radio.js";import{ComponentSize as t}from"../../../types/enums.js";var d,a=n.div(d||(d=e(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),r=function(e){var n=e.style,d=e.name,r=e.value,l=e.id,m=e.label,s=e.checked,p=void 0!==s&&s,c=e.disabled,v=void 0!==c&&c,b=e.onChange,u=e.size,f=void 0===u?t.Medium:u;return i(a,{children:i(o,{style:n,name:d,value:r,id:l,label:m,checked:p,disabled:v,onChange:b,size:f,variant:"club",labelAriaChecked:p},void 0)},void 0)};export{r as ClubRadioInput};
2
2
  //# sourceMappingURL=clubRadio.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useTheme as a}from"../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../types/enums.js";import{Wrapper as r,Input as l,CustomRadio as d,StyledLabelV2 as n,StyledLabel as c,HorizontalContainer as s,Container as m}from"./styles.js";var v=function(v){var h=v.style,u=v.name,b=v.value,y=v.id,f=v.label,p=v.checked,z=void 0!==p&&p,g=v.disabled,j=void 0!==g&&g,k=v.onChange,C=v.size,x=void 0===C?o.Medium:C,F=v.useV2Style,S=void 0!==F&&F,T=v.labelStyle,M=v.icon,V=v.horizontal,$=void 0!==V&&V,q=a();return t(r,e({"aria-orientation":$?"horizontal":"vertical",$horizontal:$},{children:[t($?s:m,e({theme:q,size:x,style:h,"data-testid":"container"},{children:[i(l,{id:"".concat(u,"-").concat(y),type:"radio",name:u,value:b,checked:z,onChange:function(e){return j?null:function(e,t){var i=e.currentTarget.value;k({value:i,label:t})}(e,f)},disabled:j,style:h},void 0),i(d,{size:x,isChecked:z,disabled:j,theme:q,"data-testid":"custom-radio",style:h},void 0)]}),void 0),S?t(n,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:j,style:T},{children:[M," ",f]}),void 0):i(c,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:j},{children:f}),void 0)]}),void 0)};export{v as RadioInput};
1
+ import{__assign as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useTheme as t}from"../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../types/enums.js";import{Wrapper as r,Input as d,CustomRadio as l,StyledLabelV2 as n,StyledLabel as c,HorizontalContainer as s,Container as v}from"./styles.js";var m=function(m){var h=m.style,u=m.name,b=m.value,y=m.id,f=m.label,p=m.checked,z=void 0!==p&&p,k=m.disabled,g=void 0!==k&&k,j=m.onChange,C=m.size,x=void 0===C?o.Medium:C,F=m.useV2Style,S=void 0!==F&&F,T=m.labelStyle,A=m.icon,M=m.horizontal,V=void 0!==M&&M,$=m.variant,q=void 0===$?"default":$,w=m.labelAriaChecked,B=t();return a(r,e({"aria-orientation":V?"horizontal":"vertical",$horizontal:V},{children:[a(V?s:v,e({theme:B,size:x,style:h,"data-testid":"container"},{children:[i(d,{id:"".concat(u,"-").concat(y),type:"radio",name:u,value:b,checked:z,onChange:function(e){return g?null:function(e,a){var i=e.currentTarget.value;j({value:i,label:a})}(e,f)},disabled:g,style:h},void 0),i(l,{size:x,isChecked:z,disabled:g,theme:B,variant:q,"data-testid":"custom-radio",style:h},void 0)]}),void 0),S?a(n,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:g,style:T,"aria-checked":w},{children:[A," ",f]}),void 0):i(c,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:g,"aria-checked":w},{children:f}),void 0)]}),void 0)};export{m as RadioInput};
2
2
  //# sourceMappingURL=radio.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e,__makeTemplateObject as n}from"tslib";import{css as i}from"@emotion/react";import o from"../../shared/label/label.js";import"@emotion/cache";import t from"@emotion/styled";var r,a,d,m={baseStyles:function(e,n){return i({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return i({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return i({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return i({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},h={baseStyles:i({position:"relative"}),small:function(e){return i({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return i({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return i({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},l=t.div((function(){return{display:"flex",alignItems:"center"}})),s=t.div(e({},h.baseStyles),(function(e){return[h[e.size](e.theme)]})),c=t(s)({alignSelf:"center"}),u=t.input(r||(r=n(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),g=t.div([function(e){return m.baseStyles(e.theme,e.disabled)},function(e){return m[e.size](e.theme,e.isChecked)}]),p=t(o)(a||(a=n(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=t(o)(d||(d=n(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));export{s as Container,h as ContainerStyles,g as CustomRadio,m as CustomRadioStyles,c as HorizontalContainer,u as Input,p as StyledLabel,b as StyledLabelV2,l as Wrapper};
1
+ import{__assign as e,__makeTemplateObject as o}from"tslib";import{css as n}from"@emotion/react";import i from"../../shared/label/label.js";import"@emotion/cache";import t from"@emotion/styled";var r,a,d,l={baseStyles:function(e,o,i,t){var r=e.component.radio.borderColor;return"club"===i?r=t?"var(--colors-pallete-wine-color)":e.component.radio.borderColor:o&&(r=e.colors.border.disabled),n({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:r})},small:function(e,o){return n({borderWidth:o?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,o){return n({borderWidth:o?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,o){return n({borderWidth:o?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},m={baseStyles:n({position:"relative"}),small:function(e){return n({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return n({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return n({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},s=t.div((function(){return{display:"flex",alignItems:"center"}})),c=t.div(e({},m.baseStyles),(function(e){return[m[e.size](e.theme)]})),h=t(c)({alignSelf:"center"}),u=t.input(r||(r=o(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=t.div([function(e){return l.baseStyles(e.theme,e.disabled,e.variant,e.isChecked)},function(e){return l[e.size](e.theme,e.isChecked)}]),g=t(i)(a||(a=o(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=t(i)(d||(d=o(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));export{c as Container,m as ContainerStyles,p as CustomRadio,l as CustomRadioStyles,h as HorizontalContainer,u as Input,g as StyledLabel,b as StyledLabelV2,s as Wrapper};
2
2
  //# sourceMappingURL=styles.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as t}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var r,e=o.button(r||(r=n(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"])),t({right:["1rem","7.75rem"],top:["0.75rem","0.75rem"]}));export{e as Button};
1
+ import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";var i,r=e.button(i||(i=n(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"])));export{r as Button};
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as r}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var e,i,t,d=o.ul({margin:"0px",padding:"0px"}),s=o.li(e||(e=n(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(n){return n.theme.colors.shades[100].color}),r({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),a=o.a({width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none"}),l=o.div(i||(i=n(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=o.div(t||(t=n(["\n ","\n"],["\n ","\n"])),r({margin:["0rem 0rem 1rem 0rem","1rem"]}));export{a as Anchor,l as Container,m as Header,s as OptionItem,d as OptionsList};
1
+ import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as r}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var e,i,t,d=o.ul({margin:"0px",padding:"0px"}),l=o.li(e||(e=n(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(n){return n.theme.colors.shades[100].color}),r({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),s=o.a({display:"block",width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none",outline:"none","&:focus-visible":{outline:"0.125rem solid var(--colors-pallete-secondary-color)",outlineOffset:"0.125rem"}}),a=o.div(i||(i=n(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=o.div(t||(t=n(["\n ","\n"],["\n ","\n"])),r({margin:["0rem 0rem 1rem 0rem","1rem"]}));export{s as Anchor,a as Container,m as Header,l as OptionItem,d as OptionsList};
2
2
  //# sourceMappingURL=styled.js.map
package/build/index.d.ts CHANGED
@@ -17,6 +17,7 @@ import { IconName as IconName$1, ImageProps as ImageProps$1 } from 'src/componen
17
17
  import { IconName as IconName$2 } from 'src/components/atoms/Icon/types';
18
18
  import { OfferAtCartBenefitProps as OfferAtCartBenefitProps$1 } from 'src/components/molecules';
19
19
  import { ProductItemProps as ProductItemProps$1 } from 'src/components/collection/product/types';
20
+ import { Settings as Settings$1 } from '@ant-design/react-slick';
20
21
  import facepaint from 'facepaint';
21
22
  export { default as createCache } from '@emotion/cache';
22
23
 
@@ -3535,6 +3536,12 @@ declare type ProductGalleryProps = {
3535
3536
  hideVideoControls?: boolean;
3536
3537
  alwaysPlayInPreview?: boolean;
3537
3538
  zoomOptions?: ProductGalleryZoomOptionsType;
3539
+ /** Custom zoom icon element. When provided, hides the default zoom hint and renders this element instead. */
3540
+ zoomIconVariant?: JSX.Element;
3541
+ /** Color for navigation chevrons/arrows. Default: '#000' */
3542
+ chevronsColor?: string;
3543
+ /** Show chevron arrows on the main image for next/previous navigation. Default: false */
3544
+ showChevrons?: boolean;
3538
3545
  };
3539
3546
  declare const ProductGallery: FC<ProductGalleryProps>;
3540
3547
 
@@ -3806,7 +3813,7 @@ interface ProductOrderItemProps {
3806
3813
  }
3807
3814
  declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, isGift, isClub, isPrincingStyleTestEnabled, }: ProductOrderItemProps) => JSX.Element;
3808
3815
 
3809
- interface ProgressBarProps {
3816
+ interface ProgressBarProps$1 {
3810
3817
  description?: string;
3811
3818
  fillColor: string;
3812
3819
  widthAuto?: boolean;
@@ -3815,7 +3822,7 @@ interface ProgressBarProps {
3815
3822
  backgroundColor?: string;
3816
3823
  borderRadius?: string;
3817
3824
  }
3818
- declare const ProgressBar: ({ description, fillColor, widthAuto, percent, height, backgroundColor, borderRadius, }: ProgressBarProps) => JSX.Element;
3825
+ declare const ProgressBar: ({ description, fillColor, widthAuto, percent, height, backgroundColor, borderRadius, }: ProgressBarProps$1) => JSX.Element;
3819
3826
 
3820
3827
  declare type QuantityPickerPropsOnChange = (value: number) => void;
3821
3828
  declare type QuantityPickerPropsControlled = {
@@ -3890,8 +3897,10 @@ interface RadioProps {
3890
3897
  useV2Style?: boolean;
3891
3898
  icon?: ReactNode;
3892
3899
  horizontal?: boolean;
3900
+ variant?: 'default' | 'club';
3901
+ labelAriaChecked?: boolean;
3893
3902
  }
3894
- declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, icon, horizontal, }: RadioProps) => JSX.Element;
3903
+ declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, icon, horizontal, variant, labelAriaChecked, }: RadioProps) => JSX.Element;
3895
3904
 
3896
3905
  interface StarListProps {
3897
3906
  rating: number;
@@ -4759,6 +4768,14 @@ interface ProductCardV3Props extends ProductItemProps {
4759
4768
  }
4760
4769
  declare const ProductCardV3: FC<ProductCardV3Props>;
4761
4770
 
4771
+ /**
4772
+ * Progress bar styling options
4773
+ */
4774
+ interface ProgressBarProps {
4775
+ fillColor: string;
4776
+ backgroundColor: string;
4777
+ }
4778
+
4762
4779
  interface ProductGalleryMobileProps {
4763
4780
  images: ContentType[];
4764
4781
  customClick?: boolean;
@@ -4778,6 +4795,11 @@ interface ProductGalleryMobileProps {
4778
4795
  enableZoom?: boolean;
4779
4796
  /** Modal zoom options - when provided, uses modal zoom instead of inline zoom */
4780
4797
  zoomOptions?: ProductGalleryZoomOptionsType;
4798
+ chevronsColor?: string;
4799
+ sliderDotsOnBottom?: boolean;
4800
+ zoomIconVariant?: JSX.Element;
4801
+ baseSettings?: Settings$1;
4802
+ progressBar?: ProgressBarProps;
4781
4803
  }
4782
4804
  declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps>;
4783
4805
 
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),d=require("./styled.js");exports.ProductGallery=function(n){var s=n.images,l=n.selectedValue,v=n.topTag,u=n.topRightTag,m=n.bottomTag,c=n.productImageDataTestId,g=n.previewListDataTestId,p=n.thumbnailPosition,I=n.borderRadiusVariant,w=void 0!==I&&I,P=n.previewImgBorderColor,f=n.ctaText,h=n.ctaAction,T=n.hideCTA,x=void 0===T||T,j=n.hasOverflowArrows,q=void 0!==j&&j,O=n.withZoom,b=void 0===O||O,y=n.hasToPreserveOrder,C=void 0!==y&&y,V=n.isRatioSquare,A=n.itemsOnViewport,R=void 0===A?6:A,S=n.videoAutoplay,z=void 0!==S&&S,M=n.videoInPreview,L=void 0!==M&&M,Z=n.hideVideoControls,_=void 0!==Z&&Z,B=n.alwaysPlayInPreview,D=void 0!==B&&B,k=n.zoomOptions,E=i.useState(function(e,o){if(o){var i=e.indexOf(o);return i>-1?i:0}return 0}(s,l)),F=E[0],G=E[1];if(i.useEffect((function(){if(l&&!C){var e=s.indexOf(l);e>-1&&G(e)}}),[l,C]),0===s.length)return null;var H=s[F];return o.jsxs(o.Fragment,{children:[o.jsxs(d.Container,e.__assign({thumbnailPosition:p},{children:[o.jsx(r.ImagePreviewList,{images:s,selectedImage:H,dataTestId:g,onClick:function(e){G(e)},position:p,borderRadiusVariant:w,previewImgBorderColor:P,hasOverflowArrows:q,isRatioSquare:V,itemsOnViewport:R,videoInPreview:L,alwaysPlayInPreview:D},void 0),o.jsx(a.ImageProductSlide,{content:H,topTag:v,topRightTag:u,bottomTag:m,testId:c,position:p,borderRadiusVariant:w,ctaText:f,ctaAction:h,hideCTA:x,withZoom:b,isRatioSquare:V,videoAutoplay:z,hideVideoControls:_,zoomOptions:k},void 0)]}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&o.jsx(t.ZoomModalComponent,{version:null==k?void 0:k.zoomVersion,modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",contents:s,initialSlide:F,fade:null==k?void 0:k.fade},void 0)]},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),n=require("./styled.js");exports.ProductGallery=function(d){var s=d.images,l=d.selectedValue,v=d.topTag,u=d.topRightTag,m=d.bottomTag,c=d.productImageDataTestId,g=d.previewListDataTestId,h=d.thumbnailPosition,I=d.borderRadiusVariant,p=void 0!==I&&I,w=d.previewImgBorderColor,P=d.ctaText,f=d.ctaAction,x=d.hideCTA,T=void 0===x||x,C=d.hasOverflowArrows,j=void 0!==C&&C,V=d.withZoom,q=void 0===V||V,O=d.hasToPreserveOrder,b=void 0!==O&&O,y=d.isRatioSquare,z=d.itemsOnViewport,A=void 0===z?6:z,R=d.videoAutoplay,S=void 0!==R&&R,M=d.videoInPreview,L=void 0!==M&&M,Z=d.hideVideoControls,_=void 0!==Z&&Z,B=d.alwaysPlayInPreview,D=void 0!==B&&B,N=d.zoomOptions,k=d.zoomIconVariant,E=d.chevronsColor,F=void 0===E?"#000":E,G=d.showChevrons,H=void 0!==G&&G,J=i.useState(function(o,e){if(e){var i=o.indexOf(e);return i>-1?i:0}return 0}(s,l)),K=J[0],Q=J[1];if(i.useEffect((function(){if(l&&!b){var o=s.indexOf(l);o>-1&&Q(o)}}),[l,b]),0===s.length)return null;var U=s[K];return e.jsxs(e.Fragment,{children:[e.jsxs(n.Container,o.__assign({thumbnailPosition:h},{children:[e.jsx(r.ImagePreviewList,{images:s,selectedImage:U,dataTestId:g,onClick:function(o){Q(o)},position:h,borderRadiusVariant:p,previewImgBorderColor:w,hasOverflowArrows:j,isRatioSquare:y,itemsOnViewport:A,videoInPreview:L,alwaysPlayInPreview:D},void 0),e.jsx(a.ImageProductSlide,{content:U,topTag:v,topRightTag:u,bottomTag:m,testId:c,position:h,borderRadiusVariant:p,ctaText:P,ctaAction:f,hideCTA:T,withZoom:q,isRatioSquare:y,videoAutoplay:S,hideVideoControls:_,zoomOptions:N,zoomIconVariant:k,chevronsColor:F,onPrev:H?function(){K>0&&Q(K-1)}:void 0,onNext:H?function(){K<s.length-1&&Q(K+1)}:void 0,hasPrev:H&&K>0,hasNext:H&&K<s.length-1},void 0)]}),void 0),Boolean(null==N?void 0:N.zoomModalId)&&e.jsx(t.ZoomModalComponent,{version:null==N?void 0:N.zoomVersion,modalId:(null==N?void 0:N.zoomModalId)||"zoom-modal-v1",contents:s,initialSlide:K,fade:null==N?void 0:N.fade},void 0)]},void 0)};
2
2
  //# sourceMappingURL=ProductGallery.js.map
@@ -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,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)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../icons/index.js"),t=require("../../../organisms/ModalZoom/useZoom.js"),d=require("../../../organisms/ModalZoom/ZoomButton.js"),r=require("../../../molecules/Video/Video.js"),n=require("./styled.js");exports.ImageProductSlide=function(a){var l,s=a.content,v=a.topTag,c=a.topRightTag,h=a.bottomTag,u=a.testId,m=a.position,g=void 0===m?"vertical":m,x=a.borderRadiusVariant,j=a.ctaText,p=a.ctaAction,y=a.hideCTA,z=a.withZoom,C=a.isRatioSquare,b=a.videoAutoplay,I=void 0!==b&&b,T=a.hideVideoControls,_=void 0!==T&&T,q=a.zoomOptions,w=a.isActive,M=void 0===w||w,P=a.zoomIconVariant,R=a.chevronsColor,V=void 0===R?"#000":R,Z=a.onPrev,f=a.onNext,A=a.hasPrev,S=void 0!==A&&A,k=a.hasNext,B=void 0!==k&&k,N=null==s?void 0:s.url,F=null!==(l=null==s?void 0:s.isVideo)&&void 0!==l&&l,O=I||null==s?void 0:s.thumbnailUrl,H=_?{pointerEvents:"none"}:void 0,L=t.useZoom((null==q?void 0:q.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(n.Container,o.__assign({"data-testid":u,className:"stylefor".concat(g),borderRadiusVariant:x,position:g},{children:[!F&&i.jsxs(i.Fragment,{children:[z?i.jsxs(i.Fragment,{children:[i.jsx(n.InnerImageZoomStyled,{src:N,zoomSrc:(null==s?void 0:s.zoomUrl)||N,zoomType:(null==q?void 0:q.zoomModalId)?"click":"hover",imgAttributes:{alt:s.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==g?360:530,height:"horizontal"==g?480:720,hideHint:!!P||!!(null==q?void 0:q.zoomModalId),isRatioSquare:C,afterZoomIn:(null==q?void 0:q.zoomModalId)?L:void 0},void 0),P]},void 0):i.jsx(n.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:N,alt:s.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:C,fetchPriority:"high"},void 0),i.jsx(n.TopTagContainer,o.__assign({borderRadiusVariant:x},{children:v}),void 0),i.jsx(n.BottomTagContainer,o.__assign({isCTAHidden:y},{children:h}),void 0),!!c&&i.jsx(n.TopRightTagWrapper,{children:i.jsx(n.TopRightTagContainer,{children:c},void 0)},void 0)]},void 0),F&&i.jsx(r.Video,{source:N,thumbnail:O,autoPlay:I,muted:!0,loop:!0,withProgressBar:!_,style:H,isActive:M,lazyLoad:!1},void 0),j&&p&&i.jsx("div",o.__assign({style:{display:y?"none":"block"}},{children:i.jsx(n.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:p,text:j},void 0)}),void 0),Boolean(null==q?void 0:q.zoomModalId)&&i.jsx(d.ZoomButtonComponent,{modalId:(null==q?void 0:q.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==q?void 0:q.zoomVersion)},void 0),S&&Z&&i.jsx(n.ChevronPrev,o.__assign({onClick:Z,"aria-label":"Previous image"},{children:i.jsx(e.Icon.Arrows.ChevronLeft,{height:1.85,width:1.85,fill:V},void 0)}),void 0),B&&f&&i.jsx(n.ChevronNext,o.__assign({onClick:f,"aria-label":"Next image"},{children:i.jsx(e.Icon.Arrows.ChevronRight,{height:1.85,width:1.85,fill:V},void 0)}),void 0)]}),void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/styled"),n=require("react-inner-image-zoom");require("react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("react"),require("../../../../types/enums.js"),require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Tooltip.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var r=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("@emotion/react/jsx-runtime"),require("../../../cta/styled.js");var i=require("../../../cta/secondary/ButtonSecondaryOutline.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,s,p,l,u,m,c,d,f=a(t),g=a(n),b=f.default.div(o||(o=e.__makeTemplateObject(["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"],["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"])),(function(e){return e.borderRadiusVariant&&"border-radius: 40px;"}),(function(e){return"horizontal"===e.position?"unset":"1/2"})),h=f.default.div(s||(s=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){var t=e.borderRadiusVariant,n=e.theme;return t?"50px":n.component.gallery.tagPosition.left}),(function(e){var t=e.borderRadiusVariant,n=e.theme;return t?"10px":n.component.gallery.tagPosition.top})),x=f.default.div(p||(p=e.__makeTemplateObject(["\n position: absolute;\n bottom: ",";\n left: 0;\n"],["\n position: absolute;\n bottom: ",";\n left: 0;\n"])),(function(e){return e.isCTAHidden?"60px":"120px"})),j=f.default.div(l||(l=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),q=f.default.div(u||(u=e.__makeTemplateObject(["\n white-space: pre-wrap;\n"],["\n white-space: pre-wrap;\n"]))),y=f.default(i)(m||(m=e.__makeTemplateObject(["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"],["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"]))),v=f.default(r.Image)(c||(c=e.__makeTemplateObject(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(e){var t=e.theme;return e.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio})),T=f.default(g.default)(d||(d=e.__makeTemplateObject(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(e){var t=e.theme;return e.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio}));exports.BottomTagContainer=x,exports.ButtonSecondaryOutlineWrapper=y,exports.Container=b,exports.ImageStyled=v,exports.InnerImageZoomStyled=T,exports.TopRightTagContainer=q,exports.TopRightTagWrapper=j,exports.TopTagContainer=h;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/styled"),n=require("react-inner-image-zoom");require("react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("react"),require("../../../../types/enums.js"),require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Tooltip.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var r=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("@emotion/react/jsx-runtime"),require("../../../cta/styled.js");var a=require("../../../cta/secondary/ButtonSecondaryOutline.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,p,s,l,u,m,d,c,b,g,f,x=o(t),h=o(n),j=x.default.div(i||(i=e.__makeTemplateObject(["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"],["\n ","\n z-index: 0;\n position: relative;\n height: fit-content;\n /* &.styleforhorizontal {\n height: 30rem;\n } */\n display: block;\n overflow: hidden;\n white-space: nowrap;\n grid-area: ",";\n width: 100%;\n max-width: max-content;\n"])),(function(e){return e.borderRadiusVariant&&"border-radius: 40px;"}),(function(e){return"horizontal"===e.position?"unset":"1/2"})),v=x.default.div(p||(p=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){var t=e.borderRadiusVariant,n=e.theme;return t?"50px":n.component.gallery.tagPosition.left}),(function(e){var t=e.borderRadiusVariant,n=e.theme;return t?"10px":n.component.gallery.tagPosition.top})),_=x.default.div(s||(s=e.__makeTemplateObject(["\n position: absolute;\n bottom: ",";\n left: 0;\n"],["\n position: absolute;\n bottom: ",";\n left: 0;\n"])),(function(e){return e.isCTAHidden?"60px":"120px"})),q=x.default.div(l||(l=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),T=x.default.div(u||(u=e.__makeTemplateObject(["\n white-space: pre-wrap;\n"],["\n white-space: pre-wrap;\n"]))),y=x.default(a)(m||(m=e.__makeTemplateObject(["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"],["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"]))),w=x.default(r.Image)(d||(d=e.__makeTemplateObject(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(e){var t=e.theme;return e.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio})),O=x.default(h.default)(c||(c=e.__makeTemplateObject(["\n aspect-ratio: ",";\n"],["\n aspect-ratio: ",";\n"])),(function(e){var t=e.theme;return e.isRatioSquare?"1 / 1":t.component.gallery.aspectRatio})),k=x.default.button(b||(b=e.__makeTemplateObject(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n cursor: pointer;\n z-index: 2;\n height: 40px;\n"],["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n cursor: pointer;\n z-index: 2;\n height: 40px;\n"]))),z=x.default(k)(g||(g=e.__makeTemplateObject(["\n left: 10px;\n"],["\n left: 10px;\n"]))),C=x.default(k)(f||(f=e.__makeTemplateObject(["\n right: 10px;\n"],["\n right: 10px;\n"])));exports.BottomTagContainer=_,exports.ButtonSecondaryOutlineWrapper=y,exports.ChevronButton=k,exports.ChevronNext=C,exports.ChevronPrev=z,exports.Container=j,exports.ImageStyled=w,exports.InnerImageZoomStyled=O,exports.TopRightTagContainer=T,exports.TopRightTagWrapper=q,exports.TopTagContainer=v;
2
2
  //# sourceMappingURL=styled.js.map
@@ -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"),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)};
1
+ "use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),t=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var l=require("../../../molecules/Video/Video.js"),d=require("../../ModalZoom/index.js"),a=require("../../ModalZoom/useZoom.js"),s=require("../../../atoms/Image/Image.js"),u=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),c=require("../../../icons/index.js"),v=require("../utils/sendCommandToIframe.js"),m=require("./styled.js"),h=require("../../ModalZoom/VideoDisplay.js"),g=require("../../ModalZoom/ZoomButton.js");function f(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var j=f(i),p=f(n),x={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},y=function(o,e){return o.loading=e?"eager":"lazy",o.decoding=e?"sync":"async",o.fetchpriority=e?"high":"auto",o};module.exports=function(i){var n=i.contents,f=i.customClick,C=void 0!==f&&f,V=i.topTag,q=i.topRightTag,k=i.bottomTag,z=i.testId,T=i.borderRadiusVariant,b=i.selectedValue,I=i.onChange,_=i.videoAutoplay,B=void 0!==_&&_,M=i.hideVideoControls,w=void 0!==M&&M,S=i.videoMuted,Z=void 0===S||S,P=i.videoLoop,R=void 0===P||P,A=i.enableZoom,O=void 0===A||A,D=i.zoomOptions,F=i.chevronsColor,L=void 0===F?"#000":F,N=i.sliderDotsOnBottom,W=void 0!==N&&N,E=i.zoomIconVariant,G=i.baseSettings,U=i.progressBar,H=o.__assign(o.__assign({},x),G),J=r.useMemo((function(){if(!b||!(null==n?void 0:n.length))return 0;var o=n.findIndex((function(o){return o.url===b.url||o.key===b.key}));return Math.max(0,o)}),[n,b]),K=r.useRef(null),Q=r.useRef(null),X=r.useState(J),Y=X[0],$=X[1],oo=a.useZoom((null==D?void 0:D.zoomModalId)||"zoom-modal-v1").handleZoomClick,eo=Boolean(null==D?void 0:D.zoomModalId),io=O&&!eo,ro=1===H.slidesToShow;u.usePreventVerticalScroll(Q);var no=r.useCallback((function(o){var e;null===(e=K.current)||void 0===e||e.slickGoTo(o)}),[K]),to=(Math.round(Y)+1)/n.length*100,lo=r.useRef(!0);return r.useEffect((function(){var o;if(lo.current)lo.current=!1;else if(b){var e=n.findIndex((function(o){return o.url===b.url||o.key===b.key}));-1!==e&&(null===(o=K.current)||void 0===o||o.slickGoTo(e))}}),[n,b]),e.jsxs(e.Fragment,{children:[C&&e.jsx("div",o.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(o,i){return e.jsx(t,{onClick:function(){return no(i)},text:String(i+1),inline:!0},i)}))}),void 0),e.jsxs(m.Container,o.__assign({"data-testid":z,borderRadiusVariant:T,sliderDotsOnBottom:W,ref:Q,isOneSlidePerView:ro},{children:[e.jsx(j.default,o.__assign({afterChange:function(o){var e,i=n[o];(null===(e=null==i?void 0:i.url)||void 0===e?void 0:e.includes("autoplay=1"))?v.playVideoCommand():v.stopVideoCommand(),$(o),null==I||I(o)}},H,{initialSlide:J,nextArrow:e.jsx(m.NavButtonContainer,{children:e.jsx(m.Button,{children:e.jsx(c.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:L},void 0)},void 0)},void 0),prevArrow:e.jsx(m.NavButtonContainer,{children:e.jsx(m.Button,{children:e.jsx(c.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:L},void 0)},void 0)},void 0),ref:K},{children:n.map((function(i,r){var n,t=null==i?void 0:i.url,d=null!==(n=null==i?void 0:i.isVideo)&&void 0!==n&&n,a=i.url===(null==b?void 0:b.url)||i.key===(null==b?void 0:b.key),u=r===Y,c={alt:i.alt,width:"100%",height:"510px"},v=function(){if(io)return e.jsxs(e.Fragment,{children:[e.jsx(p.default,{src:t,zoomSrc:(null==i?void 0:i.zoomUrl)||t,zoomType:"hover",imgAttributes:y(c,a),height:510,fullscreenOnMobile:!0,className:"zoomWrapper",hideHint:!!E},void 0),E]},void 0);var o=y(c,a);return e.jsx(s.Image,{src:t,alt:i.alt,width:"100%",height:"510px",loading:o.loading,decoding:o.decoding,fetchPriority:a?"high":"auto"},void 0)},f=ro?"div":m.SlideContentWrapper,j=eo?m.ViewContainerWrapper:f,x=eo?{onClick:oo}:{};return e.jsx(j,o.__assign({},x,{children:d?eo?e.jsx(h.VideoDisplay,{content:i},void 0):e.jsx(l.Video,{source:t,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:B,muted:Z,loop:R,withProgressBar:!w,style:w?{pointerEvents:"none"}:void 0,isActive:u,lazyLoad:!0},void 0):e.jsxs(e.Fragment,{children:[v(),e.jsx(m.TopTagContainer,o.__assign({borderRadiusVariant:T,"data-testid":"topTag"},{children:V}),void 0),e.jsx(m.BottomTagContainer,o.__assign({"data-testid":"bottomTag"},{children:k}),void 0),!!q&&e.jsx(m.TopRightTagContainer,{children:q},void 0),eo&&e.jsx(g.ZoomButtonComponent,{modalId:(null==D?void 0:D.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==D?void 0:D.zoomVersion)},void 0)]},void 0)}),i.key)}))}),void 0),U&&e.jsx(m.ProgressBar,{progressInPercentage:to,fillColor:U.fillColor,backgroundColor:U.backgroundColor},void 0)]}),void 0),eo&&e.jsx(d.ZoomModalComponent,{version:null==D?void 0:D.zoomVersion,modalId:(null==D?void 0:D.zoomModalId)||"zoom-modal-v1",contents:n,initialSlide:Y,fade:null==D?void 0:D.fade},void 0)]},void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("react"),d=require("./ImageProductSlide.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,a=n(o).default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));exports.ProductGalleryMobile=function(o){var n=o.images,r=o.customClick,l=o.topTag,s=o.topRightTag,u=o.bottomTag,c=o.productImageDataTestId,v=o.borderRadiusVariant,p=void 0!==v&&v,m=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,y=void 0!==b&&b,T=o.hideVideoControls,V=void 0!==T&&T,j=o.videoMuted,O=void 0===j||j,_=o.videoLoop,q=void 0===_||_,C=o.enableZoom,w=void 0===C||C,I=o.zoomOptions,M=i.useState(0),P=M[0],R=M[1],k=f?null==n?void 0:n[P]:m;return t.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1"},{children:t.jsx(d.default,{contents:n,customClick:r,topTag:l,topRightTag:s,bottomTag:u,testId:c,borderRadiusVariant:p,selectedValue:k,onChange:function(e){return R(e)},itemsOnViewport:x,videoAutoplay:y,hideVideoControls:V,videoMuted:O,videoLoop:q,enableZoom:w,zoomOptions:I},void 0)}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),t=require("@emotion/styled"),i=require("react"),n=require("./ImageProductSlide.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,a=r(t).default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n\n > div {\n ","\n }\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n\n > div {\n ","\n }\n"])),(function(e){return e.sliderDotsOnBottom&&" \n overflow: visible;\n "}));exports.ProductGalleryMobile=function(t){var r=t.images,d=t.customClick,s=t.topTag,l=t.topRightTag,u=t.bottomTag,v=t.productImageDataTestId,c=t.borderRadiusVariant,m=void 0!==c&&c,p=t.selectedValue,g=t.hasToPreserveOrder,f=void 0!==g&&g,b=t.itemsOnViewport,h=void 0===b?1:b,x=t.videoAutoplay,O=void 0!==x&&x,V=t.hideVideoControls,y=void 0!==V&&V,T=t.videoMuted,j=void 0===T||T,C=t.videoLoop,B=void 0===C||C,I=t.enableZoom,_=void 0===I||I,q=t.zoomOptions,w=t.chevronsColor,D=void 0===w?"#000":w,z=t.sliderDotsOnBottom,M=void 0!==z&&z,P=t.zoomIconVariant,R=t.baseSettings,S=t.progressBar,k=i.useState(0),A=k[0],L=k[1],Z=f?null==r?void 0:r[A]:p;return o.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1",sliderDotsOnBottom:M},{children:o.jsx(n,{contents:r,customClick:d,topTag:s,topRightTag:l,bottomTag:u,testId:v,borderRadiusVariant:m,selectedValue:Z,onChange:function(e){return L(e)},itemsOnViewport:h,videoAutoplay:O,hideVideoControls:y,videoMuted:j,videoLoop:B,enableZoom:_,zoomOptions:q,chevronsColor:D,zoomIconVariant:P,sliderDotsOnBottom:M,baseSettings:R,progressBar:S},void 0)}),void 0)};
2
2
  //# sourceMappingURL=ProductGalleryMobile.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,o,r,i,a,p,d,l,u,s=t(require("@emotion/styled")),c=s.default.div(e||(e=n.__makeTemplateObject(["\n width: 80%;\n margin: 0 auto;\n height: 2px;\n margin-top: 2px;\n background: linear-gradient(\n to right,\n "," 0%,\n "," ","%,\n ","\n ","%,\n "," 100%\n );\n"],["\n width: 80%;\n margin: 0 auto;\n height: 2px;\n margin-top: 2px;\n background: linear-gradient(\n to right,\n "," 0%,\n "," ","%,\n ","\n ","%,\n "," 100%\n );\n"])),(function(n){return n.fillColor}),(function(n){return n.fillColor}),(function(n){var t=n.progressInPercentage;return void 0===t?0:t}),(function(n){return n.backgroundColor}),(function(n){var t=n.progressInPercentage;return void 0===t?0:t}),(function(n){return n.backgroundColor})),m=s.default.div(o||(o=n.__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\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 ","\n\n\n ","\n"])),(function(n){return n.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor}),(function(n){return n.sliderDotsOnBottom&&"\n > div > ul {\n margin-bottom: -40px !important;\n\n > li.slick-active > button:before {\n background-color: #292929 !important;\n top: 0 !important;\n border: none !important;\n }\n\n > li > button:before {\n border: none !important;\n height: 10px !important;\n width: 10px !important;\n }\n }\n "}),(function(n){return!n.isOneSlidePerView&&"\n > div > div > div > div.slick-slide > div {\n margin-right: 7px;\n }\n > div > div > div > div.slick-slide:last-child > div {\n margin-left: 7px;\n margin-right: 0px;\n }\n "})),b=s.default.div(r||(r=n.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(n){return n.borderRadiusVariant?"13px":"0"}),(function(n){return n.borderRadiusVariant?"11px":"0"})),g=s.default.div(i||(i=n.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),f=s.default.div(a||(a=n.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),v=s.default.div(p||(p=n.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),x=s.default.button(d||(d=n.__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"]))),h=s.default.div(l||(l=n.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),k=s.default.div(u||(u=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));exports.BottomTagContainer=f,exports.Button=x,exports.Container=m,exports.NavButtonContainer=v,exports.ProgressBar=c,exports.SlideContentWrapper=k,exports.TopRightTagContainer=g,exports.TopTagContainer=b,exports.ViewContainerWrapper=h;
2
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../../types/enums.js"),a=require("../clubRadioInput/clubRadio.js");exports.ClubRadioGroupInput=function(n){var r=n.style,o=n.name,d=n.options,s=void 0===d?[]:d,l=n.value,v=n.onChange,c=n.size,p=void 0===c?u.ComponentSize.Medium:c,b=n.disabled,m=void 0!==b&&b,j=t.useState(l),q=j[0],x=j[1];return i.jsx("div",e.__assign({"data-testid":"group-container"},{children:s.map((function(e,t){return i.jsx(a.ClubRadioInput,{id:"".concat(t),name:o,value:e.value,label:e.label,onChange:function(e){return x(i=e),void v(i);var i},checked:e.value===(null==q?void 0:q.value),size:p,disabled:m,"data-testid":"input",style:r},t)}))}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../../types/enums.js"),a=require("../clubRadioInput/clubRadio.js");exports.ClubRadioGroupInput=function(n){var r=n.style,o=n.name,d=n.options,l=void 0===d?[]:d,s=n.value,v=n.onChange,c=n.size,p=void 0===c?u.ComponentSize.Medium:c,b=n.disabled,m=void 0!==b&&b,j=t.useState(s),q=j[0],x=j[1];return i.jsx("div",e.__assign({"data-testid":"group-container"},{children:l.map((function(e,t){var u;return i.jsx(a.ClubRadioInput,{id:"".concat(t),name:o,value:e.value,label:e.label,onChange:function(e){return x(i=e),void v(i);var i},checked:e.value===(null==q?void 0:q.value),size:p,disabled:m,"data-testid":"input",style:r},null!==(u=e.value)&&void 0!==u?u:"".concat(t))}))}),void 0)};
2
2
  //# sourceMappingURL=clubGroup.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("../../../core/theme/Theme.js"),s=require("./styles.js"),o=require("../../../types/enums.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l,u,c=r(n),m=c.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),h=c.default.div(e.__assign({},s.ContainerStyles.baseStyles),(function(e){return[s.ContainerStyles[e.size](e.theme)]})),p=c.default.input(l||(l=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),b=c.default.div([function(e){return s.CustomRadioStyles.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s.CustomRadioStyles[e.size](e.theme,e.isChecked)}]),f=c.default(i)(u||(u=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}));exports.ClubRadioInput=function(n){var i=n.style,s=n.name,r=n.value,d=n.id,l=n.label,u=n.checked,c=void 0!==u&&u,v=n.disabled,y=void 0!==v&&v,g=n.onChange,j=n.size,_=void 0===j?o.ComponentSize.Medium:j,x=a.useTheme();return t.jsxs(m,{children:[t.jsxs(h,e.__assign({theme:x,size:_,style:i,"data-testid":"container"},{children:[t.jsx(p,{id:"".concat(s,"-").concat(d),type:"radio",name:s,value:r,checked:c,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;g({value:n,label:t})}(e,l)},disabled:y,style:i},void 0),t.jsx(b,{size:_,isChecked:c,disabled:y,theme:x,"data-testid":"custom-radio",style:i},void 0)]}),void 0),t.jsx(f,e.__assign({htmlFor:"".concat(s,"-").concat(d),"data-testid":"label",variant:"regular",size:_,disabled:y,"aria-checked":c},{children:l}),void 0)]},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),t=require("../input/radio.js"),a=require("../../../types/enums.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,l=d(n).default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"])));exports.ClubRadioInput=function(e){var n=e.style,d=e.name,r=e.value,o=e.id,u=e.label,s=e.checked,c=void 0!==s&&s,p=e.disabled,b=void 0!==p&&p,m=e.onChange,v=e.size,f=void 0===v?a.ComponentSize.Medium:v;return i.jsx(l,{children:i.jsx(t.RadioInput,{style:n,name:d,value:r,id:o,label:u,checked:c,disabled:b,onChange:m,size:f,variant:"club",labelAriaChecked:c},void 0)},void 0)};
2
2
  //# sourceMappingURL=clubRadio.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("../../../core/theme/Theme.js"),a=require("../../../types/enums.js"),s=require("./styles.js");exports.RadioInput=function(r){var n=r.style,o=r.name,l=r.value,d=r.id,c=r.label,u=r.checked,v=void 0!==u&&u,h=r.disabled,m=void 0!==h&&h,b=r.onChange,y=r.size,j=void 0===y?a.ComponentSize.Medium:y,p=r.useV2Style,z=void 0!==p&&p,_=r.labelStyle,g=r.icon,x=r.horizontal,C=void 0!==x&&x,q=t.useTheme(),S=C?s.HorizontalContainer:s.Container;return i.jsxs(s.Wrapper,e.__assign({"aria-orientation":C?"horizontal":"vertical",$horizontal:C},{children:[i.jsxs(S,e.__assign({theme:q,size:j,style:n,"data-testid":"container"},{children:[i.jsx(s.Input,{id:"".concat(o,"-").concat(d),type:"radio",name:o,value:l,checked:v,onChange:function(e){return m?null:function(e,i){var t=e.currentTarget.value;b({value:t,label:i})}(e,c)},disabled:m,style:n},void 0),i.jsx(s.CustomRadio,{size:j,isChecked:v,disabled:m,theme:q,"data-testid":"custom-radio",style:n},void 0)]}),void 0),z?i.jsxs(s.StyledLabelV2,e.__assign({htmlFor:"".concat(o,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:m,style:_},{children:[g," ",c]}),void 0):i.jsx(s.StyledLabel,e.__assign({htmlFor:"".concat(o,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:m},{children:c}),void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../../core/theme/Theme.js"),t=require("../../../types/enums.js"),r=require("./styles.js");exports.RadioInput=function(s){var n=s.style,d=s.name,l=s.value,o=s.id,c=s.label,u=s.checked,v=void 0!==u&&u,h=s.disabled,b=void 0!==h&&h,m=s.onChange,y=s.size,j=void 0===y?t.ComponentSize.Medium:y,p=s.useV2Style,z=void 0!==p&&p,_=s.labelStyle,g=s.icon,x=s.horizontal,C=void 0!==x&&x,k=s.variant,f=void 0===k?"default":k,q=s.labelAriaChecked,S=i.useTheme(),T=C?r.HorizontalContainer:r.Container;return a.jsxs(r.Wrapper,e.__assign({"aria-orientation":C?"horizontal":"vertical",$horizontal:C},{children:[a.jsxs(T,e.__assign({theme:S,size:j,style:n,"data-testid":"container"},{children:[a.jsx(r.Input,{id:"".concat(d,"-").concat(o),type:"radio",name:d,value:l,checked:v,onChange:function(e){return b?null:function(e,a){var i=e.currentTarget.value;m({value:i,label:a})}(e,c)},disabled:b,style:n},void 0),a.jsx(r.CustomRadio,{size:j,isChecked:v,disabled:b,theme:S,variant:f,"data-testid":"custom-radio",style:n},void 0)]}),void 0),z?a.jsxs(r.StyledLabelV2,e.__assign({htmlFor:"".concat(d,"-").concat(o),"data-testid":"label",variant:"regular",size:j,disabled:b,style:_,"aria-checked":q},{children:[g," ",c]}),void 0):a.jsx(r.StyledLabel,e.__assign({htmlFor:"".concat(d,"-").concat(o),"data-testid":"label",variant:"regular",size:j,disabled:b,"aria-checked":q},{children:c}),void 0)]}),void 0)};
2
2
  //# sourceMappingURL=radio.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),n=require("../../shared/label/label.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var o,r,a,s=i(require("@emotion/styled")),d={baseStyles:function(e,n){return t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return t.css({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return t.css({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return t.css({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},m=s.default.div((function(){return{display:"flex",alignItems:"center"}})),c=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(c)({alignSelf:"center"}),h=s.default.input(o||(o=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div([function(e){return d.baseStyles(e.theme,e.disabled)},function(e){return d[e.size](e.theme,e.isChecked)}]),g=s.default(n)(r||(r=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=s.default(n)(a||(a=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));exports.Container=c,exports.ContainerStyles=l,exports.CustomRadio=p,exports.CustomRadioStyles=d,exports.HorizontalContainer=u,exports.Input=h,exports.StyledLabel=g,exports.StyledLabelV2=b,exports.Wrapper=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),o=require("../../shared/label/label.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var i,r,a,s=n(require("@emotion/styled")),d={baseStyles:function(e,o,n,i){var r=e.component.radio.borderColor;return"club"===n?r=i?"var(--colors-pallete-wine-color)":e.component.radio.borderColor:o&&(r=e.colors.border.disabled),t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:r})},small:function(e,o){return t.css({borderWidth:o?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,o){return t.css({borderWidth:o?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,o){return t.css({borderWidth:o?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},c=s.default.div((function(){return{display:"flex",alignItems:"center"}})),m=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(m)({alignSelf:"center"}),h=s.default.input(i||(i=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div([function(e){return d.baseStyles(e.theme,e.disabled,e.variant,e.isChecked)},function(e){return d[e.size](e.theme,e.isChecked)}]),g=s.default(o)(r||(r=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=s.default(o)(a||(a=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));exports.Container=m,exports.ContainerStyles=l,exports.CustomRadio=p,exports.CustomRadioStyles=d,exports.HorizontalContainer=u,exports.Input=h,exports.StyledLabel=g,exports.StyledLabelV2=b,exports.Wrapper=c;
2
2
  //# sourceMappingURL=styles.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var t=require("../../../../utils/media.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,o=r(n).default.button(i||(i=e.__makeTemplateObject(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"])),t.mediaQueries({right:["1rem","7.75rem"],top:["0.75rem","0.75rem"]}));exports.Button=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,r=n(require("@emotion/styled")).default.button(t||(t=e.__makeTemplateObject(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"])));exports.Button=r;
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var r=require("../../../../utils/media.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,t,d,a=o(n),s=a.default.ul({margin:"0px",padding:"0px"}),l=a.default.li(i||(i=e.__makeTemplateObject(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(e){return e.theme.colors.shades[100].color}),r.mediaQueries({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),u=a.default.a({width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none"}),c=a.default.div(t||(t=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r.mediaQueries({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=a.default.div(d||(d=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),r.mediaQueries({margin:["0rem 0rem 1rem 0rem","1rem"]}));exports.Anchor=u,exports.Container=c,exports.Header=m,exports.OptionItem=l,exports.OptionsList=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var r=require("../../../../utils/media.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,t,a,d=o(n),l=d.default.ul({margin:"0px",padding:"0px"}),s=d.default.li(i||(i=e.__makeTemplateObject(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(e){return e.theme.colors.shades[100].color}),r.mediaQueries({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),u=d.default.a({display:"block",width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none",outline:"none","&:focus-visible":{outline:"0.125rem solid var(--colors-pallete-secondary-color)",outlineOffset:"0.125rem"}}),c=d.default.div(t||(t=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r.mediaQueries({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=d.default.div(a||(a=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),r.mediaQueries({margin:["0rem 0rem 1rem 0rem","1rem"]}));exports.Anchor=u,exports.Container=c,exports.Header=m,exports.OptionItem=s,exports.OptionsList=l;
2
2
  //# sourceMappingURL=styled.js.map
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.25.1",
6
+ "version": "7.25.3",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",
@@ -1,2 +0,0 @@
1
- import{css as e}from"@emotion/react";var o={baseStyles:function(o,i,r){return e({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:o.component.radio.background,borderColor:r?"var(--colors-pallete-wine-color)":o.component.radio.borderColor})},small:function(o,i){return e({borderWidth:i?o.component.radio.size.small.active.borderWidth:o.component.radio.size.small.borderWidth})},medium:function(o,i){return e({borderWidth:i?o.component.radio.size.medium.active.borderWidth:o.component.radio.size.medium.borderWidth})},large:function(o,i){return e({borderWidth:i?o.component.radio.size.large.active.borderWidth:o.component.radio.size.large.borderWidth})}},i={baseStyles:e({position:"relative"}),small:function(o){return e({height:o.component.radio.size.small.height,width:o.component.radio.size.small.height,marginRight:o.component.radio.size.small.margin})},medium:function(o){return e({height:o.component.radio.size.medium.height,width:o.component.radio.size.medium.height,marginRight:o.component.radio.size.medium.margin})},large:function(o){return e({height:o.component.radio.size.large.height,width:o.component.radio.size.large.height,marginRight:o.component.radio.size.large.margin})}};export{i as ContainerStyles,o as CustomRadioStyles};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react"),o={baseStyles:function(o,i,r){return e.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:o.component.radio.background,borderColor:r?"var(--colors-pallete-wine-color)":o.component.radio.borderColor})},small:function(o,i){return e.css({borderWidth:i?o.component.radio.size.small.active.borderWidth:o.component.radio.size.small.borderWidth})},medium:function(o,i){return e.css({borderWidth:i?o.component.radio.size.medium.active.borderWidth:o.component.radio.size.medium.borderWidth})},large:function(o,i){return e.css({borderWidth:i?o.component.radio.size.large.active.borderWidth:o.component.radio.size.large.borderWidth})}},i={baseStyles:e.css({position:"relative"}),small:function(o){return e.css({height:o.component.radio.size.small.height,width:o.component.radio.size.small.height,marginRight:o.component.radio.size.small.margin})},medium:function(o){return e.css({height:o.component.radio.size.medium.height,width:o.component.radio.size.medium.height,marginRight:o.component.radio.size.medium.margin})},large:function(o){return e.css({height:o.component.radio.size.large.height,width:o.component.radio.size.large.height,marginRight:o.component.radio.size.large.margin})}};exports.ContainerStyles=i,exports.CustomRadioStyles=o;
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}