@trafilea/afrodita-components 7.13.4 → 7.13.6

package/build/es/components/gallery/ProductGallery.js

@@ -1,2 +1,2 @@
-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,g=l.bottomTag,w=l.productImageDataTestId,I=l.previewListDataTestId,f=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:f},{children:[t(n,{images:v,selectedImage:Q,dataTestId:I,onClick:function(o){N(o)},position:f,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:g,testId:w,position:f,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},void 0)]},void 0)};export{l as ProductGallery};
+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};
 //# sourceMappingURL=ProductGallery.js.map

package/build/es/components/organisms/ModalZoom/ZoomModal.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import e from"@ant-design/react-slick";import{useRef as r,useCallback as n,useEffect as d}from"react";import{Icon as l}from"../../icons/index.js";import{useModal as c}from"../../modal/Modal.js";import s from"../../../hooks/useDeviceType/useDeviceType.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import{VideoDisplay as h}from"./VideoDisplay.js";import{ZoomModalWrapper as a,ZoomModalContainer as m,ZoomModalHeader as p,ZoomModalTitle as v,CloseButton as u,VerticalScrollContainer as f,ZoomImage as w,DesktopSliderContainer as g,SliderWrapper as k,NavigationButton as x}from"./zoomModal.styled.js";var j=function(j){var b=j.modalId,y=j.contents,T=j.initialSlide,S=void 0===T?0:T,C=j.title,z=void 0===C?"Zoom":C,A=c(b),D=A.opened,V=A.close,F="mobile"===s(),L=r(null),M=n((function(){V()}),[V]),G=n((function(){L.current&&L.current.slickNext()}),[]),I=n((function(){L.current&&L.current.slickPrev()}),[]);d((function(){D&&L.current&&L.current.slickGoTo(S)}),[D,S]);var N=function(i,t){return o(w,{src:i.thumbnailUrl||i.url,alt:i.alt,width:t.width,height:t.height,objectFit:"cover"},i.key)};return o(a,i({id:b,maxFullScreen:!0,dismissable:!0},{children:t(m,{children:[t(p,{children:[o(v,{children:z},void 0),o(u,i({onClick:M,"data-testid":"zoom-modal-close"},{children:o(l.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),F?o(f,i({id:"".concat(b,"-vertical-scroll-container")},{children:o(e,i({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?o(h,{content:i,sizes:{height:"510px !important",width:"100% !important"}},i.key):N(i,{height:"510px !important",width:"100% !important"})}))}),void 0)}),void 0):o(g,i({id:"".concat(b,"-desktop-slider-container")},{children:t(k,i({id:"".concat(b,"-slider-wrapper")},{children:[o(e,i({ref:L,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?o(h,{content:i,sizes:{height:"720px !important",width:"100% !important"}},i.key):N(i,{height:"720px !important",width:"100% !important"})}))}),void 0),o(x,i({isLeft:!0,onClick:I,id:"".concat(b,"-prev-button")},{children:o(l.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),o(x,i({onClick:G,id:"".concat(b,"-next-button")},{children:o(l.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};export{j as ZoomModal};
+import{__assign as i}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import t from"@ant-design/react-slick";import{useRef as r,useCallback as n,useEffect as d}from"react";import{Icon as l}from"../../icons/index.js";import{useModal as c}from"../../modal/Modal.js";import s from"../../../hooks/useDeviceType/useDeviceType.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import{VideoDisplay as h}from"./VideoDisplay.js";import{ZoomModalWrapper as a,ZoomModalContainer as m,ZoomModalHeader as v,ZoomModalTitle as p,CloseButton as u,VerticalScrollContainer as f,ZoomImage as w,DesktopSliderContainer as g,SliderWrapper as k,NavigationButton as x}from"./zoomModal.styled.js";var j=function(j){var b=j.modalId,y=j.contents,S=j.initialSlide,T=void 0===S?0:S,C=j.title,z=void 0===C?"Zoom":C,A=c(b),D=A.opened,V=A.close,F="mobile"===s(),L=r(null),M=n((function(){V()}),[V]),G=n((function(){L.current&&L.current.slickNext()}),[]),I=n((function(){L.current&&L.current.slickPrev()}),[]);d((function(){D&&L.current&&L.current.slickGoTo(T)}),[D,T]);var N=function(i,o){return e(w,{src:i.thumbnailUrl||i.url,alt:i.alt,width:o.width,height:o.height,objectFit:"cover"},i.key)};return e(a,i({id:b,maxFullScreen:!0,dismissable:!0},{children:o(m,{children:[o(v,{children:[e(p,{children:z},void 0),e(u,i({onClick:M,"data-testid":"zoom-modal-close"},{children:e(l.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),F?e(f,i({id:"".concat(b,"-vertical-scroll-container")},{children:e(t,i({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:T},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?e(h,{content:i,sizes:{height:"510px",width:"100%"}},i.key):N(i,{height:"510px",width:"100%"})}))}),void 0)}),void 0):e(g,i({id:"".concat(b,"-desktop-slider-container")},{children:o(k,i({id:"".concat(b,"-slider-wrapper")},{children:[e(t,i({ref:L,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?e(h,{content:i,sizes:{height:"720px",width:"100%"}},i.key):N(i,{height:"720px",width:"100%"})}))}),void 0),e(x,i({isLeft:!0,onClick:I,id:"".concat(b,"-prev-button")},{children:e(l.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),e(x,i({onClick:G,id:"".concat(b,"-next-button")},{children:e(l.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};export{j as ZoomModal};
 //# sourceMappingURL=ZoomModal.js.map

package/build/es/components/organisms/ModalZoom/ZoomModalV2.js

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useCallback as a,useEffect as d}from"react";import{TransformWrapper as m,TransformComponent as c}from"react-zoom-pan-pinch";import{Image as p}from"../../atoms/Image/Image.js";import{Icon as n}from"../../icons/index.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../radio/input/styles.js";import j from"../../../hooks/useDeviceType/useDeviceType.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as u}from"../../atoms/Icon/Icon.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../../molecules/BenefitsList/styled.js";import"../../timer/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../iconsWithTitle/index.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../icon-button/IconButton.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import{useModal as y}from"../../modal/Modal.js";import{VideoDisplay as b}from"./VideoDisplay.js";import"./zoomModal.styled.js";import{ZoomModalWrapper as h,MobileImageContainer as f,SlideCounterBadge as P,ZoomControlsContainer as C,ZoomMinusButton as g,ZoomPlusButton as v,CloseButtonTopRight as S,NavButton as w,CloseWrapper as V,CloseButton as T,NavWrapper as G,DesktopNavButton as A}from"./ZoomModalV2.styled.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"../../textWithImage/index.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";var M=function(M){var k=M.modalId,I=M.contents,L=M.initialSlide,B=void 0===L?0:L,z=y(k),O=z.opened,x=z.close,D="mobile"===j(),R=s(null),F=s(null),W=l(B),H=W[0],N=W[1],U=a((function(){x()}),[x]),q=a((function(){R.current&&R.current.slickNext()}),[]),E=a((function(){R.current&&R.current.slickPrev()}),[]);return d((function(){O&&(N(B),R.current&&R.current.slickGoTo(B))}),[O,B]),D?r(h,t({id:k,dismissable:!0,maxFullScreen:!0},{children:r(f,{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:B,afterChange:function(t){return N(t)}},{children:I.map((function(i,s){var l=Boolean(null==i?void 0:i.isVideo);return o(e,{children:[l?r(b,{content:i},i.key):r(m,t({ref:F,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var l=s.zoomIn,a=s.zoomOut;return o(e,{children:[r(c,{children:r(p,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),o(P,{children:[H+1," / ",I.length]},void 0),o(C,{children:[r(g,t({onClick:function(){return a(.5)}},{children:r(n.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(v,t({onClick:function(){return l(.5)}},{children:r(u,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r(S,t({onClick:U,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r(w,t({isLeft:!0,onClick:E},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r(w,t({onClick:q},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):o("div",{children:[r(h,t({id:k,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:B},{children:I.map((function(t,o){return(null==t?void 0:t.isVideo)?r(b,{content:t},t.key):r(p,{src:t.thumbnailUrl||t.url,alt:t.alt||"Thumbnail ".concat(o+1),width:"530px",height:"100%"},t.key||o)}))}),void 0)}),void 0),O&&r(V,t({id:"".concat(k,"-close-button")},{children:r(T,t({onClick:U,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),O&&o(G,t({id:"".concat(k,"-nav-buttons")},{children:[r(A,t({isLeft:!0,onClick:E},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(A,t({onClick:q},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]},void 0)};export{M as ZoomModalV2};
+import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useCallback as a,useEffect as d}from"react";import{TransformWrapper as m,TransformComponent as c}from"react-zoom-pan-pinch";import{Image as p}from"../../atoms/Image/Image.js";import{Icon as n}from"../../icons/index.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../radio/input/styles.js";import j from"../../../hooks/useDeviceType/useDeviceType.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as u}from"../../atoms/Icon/Icon.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../../molecules/BenefitsList/styled.js";import"../../timer/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../iconsWithTitle/index.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../icon-button/IconButton.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import{useModal as y}from"../../modal/Modal.js";import{VideoDisplay as b}from"./VideoDisplay.js";import"./zoomModal.styled.js";import{ZoomModalWrapper as h,MobileImageContainer as f,SlideCounterBadge as P,ZoomControlsContainer as C,ZoomMinusButton as g,ZoomPlusButton as v,CloseButtonTopRight as S,NavButton as w,CloseWrapper as V,CloseButton as T,NavWrapper as G,DesktopNavButton as A}from"./ZoomModalV2.styled.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"../../textWithImage/index.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";var M=function(M){var k=M.modalId,I=M.contents,L=M.initialSlide,B=void 0===L?0:L,z=M.fade,O=void 0!==z&&z,x=y(k),D=x.opened,R=x.close,F="mobile"===j(),W=s(null),H=s(null),N=l(B),U=N[0],q=N[1],E=a((function(){R()}),[R]),J=a((function(){W.current&&W.current.slickNext()}),[]),Z=a((function(){W.current&&W.current.slickPrev()}),[]);return d((function(){D&&(q(B),W.current&&W.current.slickGoTo(B))}),[D,B]),F?r(h,t({id:k,dismissable:!0,maxFullScreen:!0},{children:r(f,{children:r(i,t({ref:W,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:B,afterChange:function(t){return q(t)},fade:O},{children:I.map((function(i,s){var l=Boolean(null==i?void 0:i.isVideo);return o(e,{children:[l?r(b,{content:i},i.key):r(m,t({ref:H,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var l=s.zoomIn,a=s.zoomOut;return o(e,{children:[r(c,{children:r(p,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),o(P,{children:[U+1," / ",I.length]},void 0),o(C,{children:[r(g,t({onClick:function(){return a(.5)}},{children:r(n.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(v,t({onClick:function(){return l(.5)}},{children:r(u,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r(S,t({onClick:E,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r(w,t({isLeft:!0,onClick:Z},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r(w,t({onClick:J},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):r("div",{children:o(h,t({id:k,dismissable:!0,width:"530px",maxFullScreen:!1},{children:[r(i,t({ref:W,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:B,fade:O},{children:I.map((function(t,o){return(null==t?void 0:t.isVideo)?r(b,{content:t},t.key):r(p,{src:t.thumbnailUrl||t.url,alt:t.alt||"Thumbnail ".concat(o+1),width:"530px",height:"100%"},t.key||o)}))}),void 0),D&&r(V,t({id:"".concat(k,"-close-button")},{children:r(T,t({onClick:E,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),D&&o(G,t({id:"".concat(k,"-nav-buttons")},{children:[r(A,t({isLeft:!0,onClick:Z},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(A,t({onClick:J},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]}),void 0)},void 0)};export{M as ZoomModalV2};
 //# sourceMappingURL=ZoomModalV2.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import r from"@emotion/styled";var o=r.div(i||(i=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  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(n){return n.borderRadiusVariant&&"\n      border-radius: 40px;\n    "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor})),t=r.div(a||(a=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"})),e=r.div(d||(d=n(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));r.div(s||(s=n(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),r.button(b||(b=n(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));var i,a,d,s,b,p,u,c=r.div(p||(p=n(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),l=r.button(u||(u=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"])));export{e as BottomTagContainer,l as Button,o as Container,c as NavButtonContainer,t as TopTagContainer};
+import{__makeTemplateObject as n}from"tslib";import r from"@emotion/styled";var o=r.div(i||(i=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  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(n){return n.borderRadiusVariant&&"\n      border-radius: 40px;\n    "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor})),t=r.div(a||(a=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"})),e=r.div(d||(d=n(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));r.div(s||(s=n(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),r.button(p||(p=n(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));var i,a,d,s,p,u,b,c,l=r.div(u||(u=n(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),m=r.button(b||(b=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"]))),g=r.div(c||(c=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{e as BottomTagContainer,m as Button,o as Container,l as NavButtonContainer,t as TopTagContainer,g as ViewContainerWrapper};
 //# sourceMappingURL=ImageProductSlide.styled.js.map

package/build/index.d.ts

@@ -6,6 +6,7 @@ import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-na
 import { TextProps as TextProps$1 } from 'src/components/text/Text';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ColorSelectorDimension } from 'src/utils/constants/colorsSelector';
+import { ContentType as ContentType$1, RadioGroupOption as RadioGroupOption$1, IconProps as IconProps$2 } from 'src/types/types';
 import * as _emotion_styled from '@emotion/styled';
 import { StyledComponent } from '@emotion/styled';
 export { default as styled } from '@emotion/styled';
@@ -13,7 +14,6 @@ import * as _emotion_react from '@emotion/react';
 import { Theme as Theme$1 } from '@emotion/react';
 export { CacheProvider, Global, css } from '@emotion/react';
 import { IconName as IconName$1, ImageProps as ImageProps$1 } from 'src/components/atoms';
-import { RadioGroupOption as RadioGroupOption$1, IconProps as IconProps$2, ContentType as ContentType$1 } from 'src/types/types';
 import { IconName as IconName$2 } from 'src/components/atoms/Icon/types';
 import { OfferAtCartBenefitProps as OfferAtCartBenefitProps$1 } from 'src/components/molecules';
 import { ProductItemProps as ProductItemProps$1 } from 'src/components/collection/product/types';
@@ -3398,6 +3398,26 @@ interface FitPredictorProps {
 }
 declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+declare type ZoomModalProps = {
+    modalId: string;
+    contents: ContentType$1[];
+    initialSlide?: number;
+    title?: string;
+    fade?: boolean;
+    infinite?: boolean;
+    dots?: boolean;
+    arrows?: boolean;
+    slidesToShow?: number;
+    slidesToScroll?: number;
+    afterChange?: (index: number) => void;
+    beforeChange?: (oldIndex: number, newIndex: number) => void;
+};
+declare type ProductGalleryZoomOptionsType = {
+    zoomVersion?: string;
+    zoomModalId?: string;
+    fade?: boolean;
+};
+
 declare type ThumbnailPosition = 'vertical' | 'horizontal';
 declare type ProductGalleryProps = {
     images: ContentType[];
@@ -3422,10 +3442,7 @@ declare type ProductGalleryProps = {
     videoInPreview?: boolean;
     hideVideoControls?: boolean;
     alwaysPlayInPreview?: boolean;
-    zoomOptions?: {
-        zoomVersion?: string;
-        zoomModalId?: string;
-    };
+    zoomOptions?: ProductGalleryZoomOptionsType;
 };
 declare const ProductGallery: FC<ProductGalleryProps>;
 
@@ -4485,13 +4502,6 @@ declare type JoinClubProps = {
 
 declare const JoinClubCard: React.FC<JoinClubProps>;
 
-declare type ZoomModalProps = {
-    modalId: string;
-    contents: ContentType$1[];
-    initialSlide?: number;
-    title?: string;
-};
-
 declare type ZoomModalComponentProps = ZoomModalProps & {
     version: 'v1' | 'v2';
 };
@@ -4740,10 +4750,7 @@ interface ProductGalleryMobileProps {
     hideVideoControls?: boolean;
     videoMuted?: boolean;
     videoLoop?: boolean;
-    zoomOptions?: {
-        zoomVersion?: string;
-        zoomModalId?: string;
-    };
+    zoomOptions?: ProductGalleryZoomOptionsType;
 }
 declare const ProductGalleryMobileV7: react__default.FC<ProductGalleryMobileProps>;
 

package/build/lib/components/gallery/ProductGallery.js

@@ -1,2 +1,2 @@
-"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(s){var n=s.images,l=s.selectedValue,v=s.topTag,u=s.topRightTag,m=s.bottomTag,c=s.productImageDataTestId,g=s.previewListDataTestId,p=s.thumbnailPosition,I=s.borderRadiusVariant,w=void 0!==I&&I,P=s.previewImgBorderColor,h=s.ctaText,f=s.ctaAction,T=s.hideCTA,x=void 0===T||T,j=s.hasOverflowArrows,q=void 0!==j&&j,O=s.withZoom,b=void 0===O||O,y=s.hasToPreserveOrder,C=void 0!==y&&y,V=s.isRatioSquare,A=s.itemsOnViewport,R=void 0===A?6:A,S=s.videoAutoplay,z=void 0!==S&&S,M=s.videoInPreview,L=void 0!==M&&M,Z=s.hideVideoControls,_=void 0!==Z&&Z,B=s.alwaysPlayInPreview,D=void 0!==B&&B,k=s.zoomOptions,E=i.useState(function(e,o){if(o){var i=e.indexOf(o);return i>-1?i:0}return 0}(n,l)),F=E[0],G=E[1];if(i.useEffect((function(){if(l&&!C){var e=n.indexOf(l);e>-1&&G(e)}}),[l,C]),0===n.length)return null;var H=n[F];return o.jsxs(o.Fragment,{children:[o.jsxs(d.Container,e.__assign({thumbnailPosition:p},{children:[o.jsx(r.ImagePreviewList,{images:n,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:h,ctaAction:f,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:n,initialSlide:F},void 0)]},void 0)};
+"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)};
 //# sourceMappingURL=ProductGallery.js.map

package/build/lib/components/organisms/ModalZoom/ZoomModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@ant-design/react-slick"),t=require("react"),r=require("../../icons/index.js"),n=require("../../modal/Modal.js"),s=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../../types/enums.js"),require("../../../core/theme/Theme.js");var l=require("./VideoDisplay.js"),d=require("./zoomModal.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(o);exports.ZoomModal=function(o){var a=o.modalId,u=o.contents,h=o.initialSlide,v=void 0===h?0:h,p=o.title,m=void 0===p?"Zoom":p,j=n.useModal(a),x=j.opened,f=j.close,g="mobile"===s(),_=t.useRef(null),w=t.useCallback((function(){f()}),[f]),k=t.useCallback((function(){_.current&&_.current.slickNext()}),[]),b=t.useCallback((function(){_.current&&_.current.slickPrev()}),[]);t.useEffect((function(){x&&_.current&&_.current.slickGoTo(v)}),[x,v]);var C=function(e,o){return i.jsx(d.ZoomImage,{src:e.thumbnailUrl||e.url,alt:e.alt,width:o.width,height:o.height,objectFit:"cover"},e.key)};return i.jsx(d.ZoomModalWrapper,e.__assign({id:a,maxFullScreen:!0,dismissable:!0},{children:i.jsxs(d.ZoomModalContainer,{children:[i.jsxs(d.ZoomModalHeader,{children:[i.jsx(d.ZoomModalTitle,{children:m},void 0),i.jsx(d.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-close"},{children:i.jsx(r.Icon.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),g?i.jsx(d.VerticalScrollContainer,e.__assign({id:"".concat(a,"-vertical-scroll-container")},{children:i.jsx(c.default,e.__assign({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"510px !important",width:"100% !important"}},e.key):C(e,{height:"510px !important",width:"100% !important"})}))}),void 0)}),void 0):i.jsx(d.DesktopSliderContainer,e.__assign({id:"".concat(a,"-desktop-slider-container")},{children:i.jsxs(d.SliderWrapper,e.__assign({id:"".concat(a,"-slider-wrapper")},{children:[i.jsx(c.default,e.__assign({ref:_,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"720px !important",width:"100% !important"}},e.key):C(e,{height:"720px !important",width:"100% !important"})}))}),void 0),i.jsx(d.NavigationButton,e.__assign({isLeft:!0,onClick:b,id:"".concat(a,"-prev-button")},{children:i.jsx(r.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),i.jsx(d.NavigationButton,e.__assign({onClick:k,id:"".concat(a,"-next-button")},{children:i.jsx(r.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@ant-design/react-slick"),t=require("react"),r=require("../../icons/index.js"),s=require("../../modal/Modal.js"),n=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../../types/enums.js"),require("../../../core/theme/Theme.js");var l=require("./VideoDisplay.js"),d=require("./zoomModal.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(o);exports.ZoomModal=function(o){var a=o.modalId,u=o.contents,h=o.initialSlide,v=void 0===h?0:h,j=o.title,p=void 0===j?"Zoom":j,x=s.useModal(a),f=x.opened,g=x.close,m="mobile"===n(),_=t.useRef(null),w=t.useCallback((function(){g()}),[g]),k=t.useCallback((function(){_.current&&_.current.slickNext()}),[]),b=t.useCallback((function(){_.current&&_.current.slickPrev()}),[]);t.useEffect((function(){f&&_.current&&_.current.slickGoTo(v)}),[f,v]);var C=function(e,o){return i.jsx(d.ZoomImage,{src:e.thumbnailUrl||e.url,alt:e.alt,width:o.width,height:o.height,objectFit:"cover"},e.key)};return i.jsx(d.ZoomModalWrapper,e.__assign({id:a,maxFullScreen:!0,dismissable:!0},{children:i.jsxs(d.ZoomModalContainer,{children:[i.jsxs(d.ZoomModalHeader,{children:[i.jsx(d.ZoomModalTitle,{children:p},void 0),i.jsx(d.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-close"},{children:i.jsx(r.Icon.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),m?i.jsx(d.VerticalScrollContainer,e.__assign({id:"".concat(a,"-vertical-scroll-container")},{children:i.jsx(c.default,e.__assign({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:v},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"510px",width:"100%"}},e.key):C(e,{height:"510px",width:"100%"})}))}),void 0)}),void 0):i.jsx(d.DesktopSliderContainer,e.__assign({id:"".concat(a,"-desktop-slider-container")},{children:i.jsxs(d.SliderWrapper,e.__assign({id:"".concat(a,"-slider-wrapper")},{children:[i.jsx(c.default,e.__assign({ref:_,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"720px",width:"100%"}},e.key):C(e,{height:"720px",width:"100%"})}))}),void 0),i.jsx(d.NavigationButton,e.__assign({isLeft:!0,onClick:b,id:"".concat(a,"-prev-button")},{children:i.jsx(r.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),i.jsx(d.NavigationButton,e.__assign({onClick:k,id:"".concat(a,"-next-button")},{children:i.jsx(r.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};
 //# sourceMappingURL=ZoomModal.js.map

package/build/lib/components/organisms/ModalZoom/ZoomModalV2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=require("../../atoms/Image/Image.js"),l=require("../../icons/index.js");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../radio/input/styles.js");var a=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../tooltip/Styled.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var u=require("../../atoms/Icon/Icon.js");require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../timer/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/Video/components/styled.js"),require("../../molecules/Video/styled.js"),require("../../iconsWithTitle/index.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js"),require("../../icon-button/IconButton.js"),require("../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../collection/product/mobile/styled.js"),require("../../tag/variants/product/styled.js"),require("../../collection/product/truekind/styled.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../cta/styled.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/style.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../input/base/Error.js"),require("../../shared/select/BaseSelect.js"),require("../../dropdown/variants/smart/styled.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js");var d=require("../../modal/Modal.js"),n=require("./VideoDisplay.js");require("./zoomModal.styled.js");var c=require("./ZoomModalV2.styled.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/styled.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("../../textWithImage/index.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../SizeCharTable/SizeChartTableV2/styled.js"),require("../SizeCharTable/SizeChartTableV3/styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("../TwoCtasAtCart/Greeting.styled.js"),require("../TwoCtasAtCart/Card.styled.js");var q=j(i);exports.ZoomModalV2=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,b=void 0===m?0:m,p=d.useModal(j),h=p.opened,f=p.close,g="mobile"===a(),C=s.useRef(null),P=s.useRef(null),v=s.useState(b),S=v[0],x=v[1],w=s.useCallback((function(){f()}),[f]),V=s.useCallback((function(){C.current&&C.current.slickNext()}),[]),T=s.useCallback((function(){C.current&&C.current.slickPrev()}),[]);return s.useEffect((function(){h&&(x(b),C.current&&C.current.slickGoTo(b))}),[h,b]),g?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:b,afterChange:function(e){return x(e)}},{children:y.map((function(i,s){var a=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[a?r.jsx(n.VideoDisplay,{content:i},i.key):r.jsx(t.TransformWrapper,e.__assign({ref:P,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var a=s.zoomIn,d=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(o.Image,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r.jsxs(c.SlideCounterBadge,{children:[S+1," / ",y.length]},void 0),r.jsxs(c.ZoomControlsContainer,{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return d(.5)}},{children:r.jsx(l.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return a(.5)}},{children:r.jsx(u.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r.jsx(c.CloseButtonTopRight,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:V},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):r.jsxs("div",{children:[r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:b},{children:y.map((function(e,i){return(null==e?void 0:e.isVideo)?r.jsx(n.VideoDisplay,{content:e},e.key):r.jsx(o.Image,{src:e.thumbnailUrl||e.url,alt:e.alt||"Thumbnail ".concat(i+1),width:"530px",height:"100%"},e.key||i)}))}),void 0)}),void 0),h&&r.jsx(c.CloseWrapper,e.__assign({id:"".concat(j,"-close-button")},{children:r.jsx(c.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),h&&r.jsxs(c.NavWrapper,e.__assign({id:"".concat(j,"-nav-buttons")},{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:V},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]},void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=require("../../atoms/Image/Image.js"),l=require("../../icons/index.js");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../radio/input/styles.js");var a=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../tooltip/Styled.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var u=require("../../atoms/Icon/Icon.js");require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../timer/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/Video/components/styled.js"),require("../../molecules/Video/styled.js"),require("../../iconsWithTitle/index.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js"),require("../../icon-button/IconButton.js"),require("../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../collection/product/mobile/styled.js"),require("../../tag/variants/product/styled.js"),require("../../collection/product/truekind/styled.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../cta/styled.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/style.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../input/base/Error.js"),require("../../shared/select/BaseSelect.js"),require("../../dropdown/variants/smart/styled.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js");var d=require("../../modal/Modal.js"),n=require("./VideoDisplay.js");require("./zoomModal.styled.js");var c=require("./ZoomModalV2.styled.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/styled.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("../../textWithImage/index.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../SizeCharTable/SizeChartTableV2/styled.js"),require("../SizeCharTable/SizeChartTableV3/styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("../TwoCtasAtCart/Greeting.styled.js"),require("../TwoCtasAtCart/Card.styled.js");var q=j(i);exports.ZoomModalV2=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,b=void 0===m?0:m,p=i.fade,h=void 0!==p&&p,f=d.useModal(j),g=f.opened,C=f.close,P="mobile"===a(),v=s.useRef(null),S=s.useRef(null),x=s.useState(b),w=x[0],V=x[1],T=s.useCallback((function(){C()}),[C]),M=s.useCallback((function(){v.current&&v.current.slickNext()}),[]),I=s.useCallback((function(){v.current&&v.current.slickPrev()}),[]);return s.useEffect((function(){g&&(V(b),v.current&&v.current.slickGoTo(b))}),[g,b]),P?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,{children:r.jsx(q.default,e.__assign({ref:v,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:b,afterChange:function(e){return V(e)},fade:h},{children:y.map((function(i,s){var a=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[a?r.jsx(n.VideoDisplay,{content:i},i.key):r.jsx(t.TransformWrapper,e.__assign({ref:S,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var a=s.zoomIn,d=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(o.Image,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r.jsxs(c.SlideCounterBadge,{children:[w+1," / ",y.length]},void 0),r.jsxs(c.ZoomControlsContainer,{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return d(.5)}},{children:r.jsx(l.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return a(.5)}},{children:r.jsx(u.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r.jsx(c.CloseButtonTopRight,e.__assign({onClick:T,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:I},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:M},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):r.jsx("div",{children:r.jsxs(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,width:"530px",maxFullScreen:!1},{children:[r.jsx(q.default,e.__assign({ref:v,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:b,fade:h},{children:y.map((function(e,i){return(null==e?void 0:e.isVideo)?r.jsx(n.VideoDisplay,{content:e},e.key):r.jsx(o.Image,{src:e.thumbnailUrl||e.url,alt:e.alt||"Thumbnail ".concat(i+1),width:"530px",height:"100%"},e.key||i)}))}),void 0),g&&r.jsx(c.CloseWrapper,e.__assign({id:"".concat(j,"-close-button")},{children:r.jsx(c.CloseButton,e.__assign({onClick:T,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),g&&r.jsxs(c.NavWrapper,e.__assign({id:"".concat(j,"-nav-buttons")},{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:I},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:M},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]}),void 0)},void 0)};
 //# sourceMappingURL=ZoomModalV2.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r=t.default.div(a||(a=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  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(n){return n.borderRadiusVariant&&"\n      border-radius: 40px;\n    "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor})),o=t.default.div(d||(d=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"})),i=t.default.div(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));t.default.div(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),t.default.button(l||(l=n.__makeTemplateObject(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));var a,d,s,u,l,p,b,c=t.default.div(p||(p=n.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),m=t.default.button(b||(b=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"])));exports.BottomTagContainer=i,exports.Button=m,exports.Container=r,exports.NavButtonContainer=c,exports.TopTagContainer=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r=t.default.div(a||(a=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  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(n){return n.borderRadiusVariant&&"\n      border-radius: 40px;\n    "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor})),o=t.default.div(d||(d=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"})),i=t.default.div(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));t.default.div(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),t.default.button(l||(l=n.__makeTemplateObject(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));var a,d,s,u,l,p,c,b,m=t.default.div(p||(p=n.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),f=t.default.button(c||(c=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"]))),g=t.default.div(b||(b=n.__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));exports.BottomTagContainer=i,exports.Button=f,exports.Container=r,exports.NavButtonContainer=m,exports.TopTagContainer=o,exports.ViewContainerWrapper=g;
 //# sourceMappingURL=ImageProductSlide.styled.js.map

package/package.json

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