npm - @trafilea/afrodita-components - Versions diffs - 7.13.11 → 7.13.13 - Mend

@trafilea/afrodita-components 7.13.11 → 7.13.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

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

@@ -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{Icon as p}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 n 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 j}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.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 u}from"../../modal/Modal.js";import{VideoDisplay as y}from"./VideoDisplay.js";import{ZoomModalWrapper as b,ZoomModalContainer as h,ZoomModalHeader as f,ZoomModalTitle as P,CloseButton as C,VerticalScrollContainer as g,ZoomImage as v,DesktopSliderContainer as S,SliderWrapper as T,NavigationButton as V}from"./zoomModal.styled.js";import{ZoomControlsContainer as w,ZoomMinusButton as G,ZoomPlusButton as M}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 A=function(A){var k=A.modalId,I=A.contents,B=A.initialSlide,L=void 0===B?0:B,z=A.title,O=void 0===z?"Zoom":z,x=u(k),D=x.opened,R=x.close,F="mobile"===n(),W=s(null),H=l(L);H[0];var N=H[1],U=a((function(){R()}),[R]),Z=a((function(){W.current&&W.current.slickNext()}),[]),q=a((function(){W.current&&W.current.slickPrev()}),[]);d((function(){D&&(N(L),W.current&&W.current.slickGoTo(L))}),[D,L]);var E=function(i){return F?r(m,t({initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,disabled:!0},{children:function(s){var l=s.zoomIn,a=s.zoomOut;return o(e,{children:[r(c,{children:r(v,{src:i.thumbnailUrl||i.url,alt:i.alt},void 0)},void 0),o(w,{children:[r(G,t({onClick:function(){return a(.5)},"data-testid":"".concat(k,"-zoom-minus-button")},{children:r(p.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(M,t({onClick:function(){return l(.5)},"data-testid":"".concat(k,"-zoom-plus-button")},{children:r(j,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),i.key):r(v,{src:i.thumbnailUrl||i.url,alt:i.alt},i.key)};return r(b,t({id:k,maxFullScreen:!0,dismissable:!0},{children:o(h,{children:[o(f,{children:[r(P,{children:O},void 0),r(C,t({onClick:U,"data-testid":"zoom-modal-close"},{children:r(p.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),F?r(g,t({id:"".concat(k,"-vertical-scroll-container")},{children:r(i,t({ref:W,arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:L,swipeToSlide:!0,touchThreshold:10,afterChange:function(t){return N(t)}},{children:I.map((function(t){return(null==t?void 0:t.isVideo)?r(y,{content:t},t.key):E(t)}))}),void 0)}),void 0):r(S,t({id:"".concat(k,"-desktop-slider-container")},{children:o(T,t({id:"".concat(k,"-slider-wrapper")},{children:[r(i,t({ref:W,slidesToShow:3,slidesToScroll:1,infinite:!0,swipeToSlide:!0,touchThreshold:10},{children:I.map((function(t){return(null==t?void 0:t.isVideo)?r(y,{content:t},t.key):E(t)}))}),void 0),r(V,t({isLeft:!0,onClick:q,id:"".concat(k,"-prev-button")},{children:r(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(V,t({onClick:Z,id:"".concat(k,"-next-button")},{children:r(p.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};export{A as ZoomModal};
+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{Icon as p}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 n 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 j}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.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 u}from"../../modal/Modal.js";import{VideoDisplay as y}from"./VideoDisplay.js";import{ZoomModalWrapper as b,ZoomModalContainer as h,ZoomModalHeader as f,ZoomModalTitle as P,CloseButton as C,VerticalScrollContainer as g,ZoomImage as v,DesktopSliderContainer as S,SliderWrapper as T,NavigationButton as V}from"./zoomModal.styled.js";import{ZoomControlsContainer as w,ZoomMinusButton as G,ZoomPlusButton as M}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 A=function(A){var k=A.modalId,I=A.contents,z=A.initialSlide,B=void 0===z?0:z,L=A.title,O=void 0===L?"Zoom":L,x=u(k),D=x.opened,R=x.close,F="mobile"===n(),W=s(null),H=l(B);H[0];var N=H[1],U=a((function(){R()}),[R]),Z=a((function(){W.current&&W.current.slickNext()}),[]),q=a((function(){W.current&&W.current.slickPrev()}),[]);d((function(){D&&(N(B),W.current&&W.current.slickGoTo(B))}),[D,B]);var E=function(i){return F?r(m,t({initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,disabled:!0},{children:function(s){var l=s.zoomIn,a=s.zoomOut;return o(e,{children:[r(c,{children:r(v,{src:i.thumbnailUrl||i.url,alt:i.alt},void 0)},void 0),o(w,t({"data-testid":"".concat(k,"-zoom-container")},{children:[r(G,t({onClick:function(){return a(.5)},"data-testid":"".concat(k,"-zoom-minus-button")},{children:r(p.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(M,t({onClick:function(){return l(.5)},"data-testid":"".concat(k,"-zoom-plus-button")},{children:r(j,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]}),void 0)]},void 0)}}),i.key):r(v,{src:i.thumbnailUrl||i.url,alt:i.alt},i.key)};return r(b,t({id:k,maxFullScreen:!0,dismissable:!0},{children:o(h,{children:[o(f,{children:[r(P,{children:O},void 0),r(C,t({onClick:U,"data-testid":"zoom-modal-close"},{children:r(p.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),F?r(g,t({id:"".concat(k,"-vertical-scroll-container")},{children:r(i,t({ref:W,arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:B,swipeToSlide:!0,touchThreshold:10,afterChange:function(t){return N(t)}},{children:I.map((function(t){return(null==t?void 0:t.isVideo)?r(y,{content:t},t.key):E(t)}))}),void 0)}),void 0):r(S,t({id:"".concat(k,"-desktop-slider-container")},{children:o(T,t({id:"".concat(k,"-slider-wrapper")},{children:[r(i,t({ref:W,slidesToShow:3,slidesToScroll:1,infinite:!0,swipeToSlide:!0,touchThreshold:10},{children:I.map((function(t){return(null==t?void 0:t.isVideo)?r(y,{content:t},t.key):E(t)}))}),void 0),r(V,t({isLeft:!0,onClick:q,id:"".concat(k,"-prev-button")},{children:r(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(V,t({onClick:Z,id:"".concat(k,"-next-button")},{children:r(p.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};export{A as ZoomModal};
 //# sourceMappingURL=ZoomModal.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsx as o,jsxs as r,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 c,TransformComponent as m}from"react-zoom-pan-pinch";import{Image as n}from"../../atoms/Image/Image.js";import{Icon as p}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 u 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 j}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 v,ZoomPlusButton as g,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"===u(),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?o(h,t({id:k,dismissable:!0,maxFullScreen:!0},{children:o(f,t({id:"".concat(k,"-mobile-image-container")},{children:o(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 r(e,{children:[l?o(b,{content:i},i.key):o(c,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 r(e,{children:[o(m,{children:o(n,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r(P,{children:[U+1," / ",I.length]},void 0),r(C,{children:[o(v,t({onClick:function(){return a(.5)},"data-testid":"".concat(k,"-zoom-minus-button")},{children:o(p.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),o(g,t({onClick:function(){return l(.5)},"data-testid":"".concat(k,"-zoom-plus-button")},{children:o(j,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),o(S,t({onClick:E,"data-testid":"zoom-modal-v2-close",id:"".concat(k,"-close-button")},{children:o(p.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&o(w,t({isLeft:!0,onClick:Z,id:"".concat(k,"-prev-button")},{children:o(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),o(w,t({onClick:J,id:"".concat(k,"-next-button")},{children:o(p.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:[o(i,t({ref:W,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:B,fade:O},{children:I.map((function(r,e){return(null==r?void 0:r.isVideo)?o(b,{content:r},r.key):o(c,t({ref:H,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:o(m,{children:o(n,{src:r.thumbnailUrl||r.url,alt:r.alt||"Thumbnail ".concat(e+1),width:"530px",height:"100%"},void 0)},void 0)}),r.key||e)}))}),void 0),D&&o(V,t({"data-testid":"".concat(k,"-close-button")},{children:o(T,t({onClick:E,"data-testid":"zoom-modal-v2-close"},{children:o(p.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),D&&r(G,t({"data-testid":"".concat(k,"-nav-buttons")},{children:[o(A,t({isLeft:!0,onClick:Z,"data-testid":"".concat(k,"-prev-button")},{children:o(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),o(A,t({onClick:J,"data-testid":"".concat(k,"-next-button")},{children:o(p.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]}),void 0)},void 0)};export{M as ZoomModalV2};
+import{__assign as t}from"tslib";import{jsx as o,jsxs as r,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 c,TransformComponent as m}from"react-zoom-pan-pinch";import{Image as n}from"../../atoms/Image/Image.js";import{Icon as p}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 u 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 j}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 v,ZoomPlusButton as g,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,z=void 0===L?0:L,B=M.fade,O=void 0!==B&&B,x=y(k),D=x.opened,R=x.close,F="mobile"===u(),W=s(null),H=s(null),N=l(z),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(z),W.current&&W.current.slickGoTo(z))}),[D,z]),F?o(h,t({id:k,dismissable:!0,maxFullScreen:!0},{children:o(f,t({id:"".concat(k,"-mobile-image-container")},{children:o(i,t({ref:W,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:z,afterChange:function(t){return q(t)},fade:O},{children:I.map((function(i,s){var l=Boolean(null==i?void 0:i.isVideo);return r(e,{children:[l?o(b,{content:i},i.key):o(c,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 r(e,{children:[o(m,{children:o(n,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r(P,{children:[U+1," / ",I.length]},void 0),r(C,t({"data-testid":"".concat(k,"-zoom-container")},{children:[o(v,t({onClick:function(){return a(.5)},"data-testid":"".concat(k,"-zoom-minus-button")},{children:o(p.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),o(g,t({onClick:function(){return l(.5)},"data-testid":"".concat(k,"-zoom-plus-button")},{children:o(j,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]}),void 0)]},void 0)}}),void 0),o(S,t({onClick:E,"data-testid":"zoom-modal-v2-close",id:"".concat(k,"-close-button")},{children:o(p.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&o(w,t({isLeft:!0,onClick:Z,id:"".concat(k,"-prev-button")},{children:o(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),o(w,t({onClick:J,id:"".concat(k,"-next-button")},{children:o(p.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:[o(i,t({ref:W,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:z,fade:O},{children:I.map((function(r,e){return(null==r?void 0:r.isVideo)?o(b,{content:r},r.key):o(c,t({ref:H,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:o(m,{children:o(n,{src:r.thumbnailUrl||r.url,alt:r.alt||"Thumbnail ".concat(e+1),width:"530px",height:"100%"},void 0)},void 0)}),r.key||e)}))}),void 0),D&&o(V,t({"data-testid":"".concat(k,"-close-button")},{children:o(T,t({onClick:E,"data-testid":"zoom-modal-v2-close"},{children:o(p.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),D&&r(G,t({"data-testid":"".concat(k,"-nav-buttons")},{children:[o(A,t({isLeft:!0,onClick:Z,"data-testid":"".concat(k,"-prev-button")},{children:o(p.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),o(A,t({onClick:J,"data-testid":"".concat(k,"-next-button")},{children:o(p.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/ProductGalleryMobileV1/ImageProductSlide.js CHANGED Viewed

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

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as d}from"react";import r from"./ImageProductSlide.js";var n,a=e.div(n||(n=o(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),l=function(o){var e=o.images,n=o.customClick,l=o.topTag,m=o.topRightTag,s=o.bottomTag,p=o.productImageDataTestId,v=o.borderRadiusVariant,c=void 0!==v&&v,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,T=o.videoAutoplay,V=void 0!==T&&T,b=o.hideVideoControls,y=void 0!==b&&b,C=o.videoMuted,w=void 0===C||C,I=o.videoLoop,R=void 0===I||I,O=d(0),j=O[0],k=O[1],A=f?null==e?void 0:e[j]:u;return i(a,t({"data-testid":"product-gallery-mobile-v1"},{children:i(r,{contents:e,customClick:n,topTag:l,topRightTag:m,bottomTag:s,testId:p,borderRadiusVariant:c,selectedValue:A,onChange:function(o){return k(o)},itemsOnViewport:x,videoAutoplay:V,hideVideoControls:y,videoMuted:w,videoLoop:R},void 0)}),void 0)};export{l as ProductGalleryMobile};
+import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"@emotion/styled";import{useState as d}from"react";import n from"./ImageProductSlide.js";var r,a=i.div(r||(r=o(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),l=function(o){var i=o.images,r=o.customClick,l=o.topTag,m=o.topRightTag,s=o.bottomTag,p=o.productImageDataTestId,v=o.borderRadiusVariant,c=void 0!==v&&v,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,T=void 0!==b&&b,V=o.hideVideoControls,y=void 0!==V&&V,C=o.videoMuted,w=void 0===C||C,I=o.videoLoop,R=void 0===I||I,O=o.enableZoom,j=void 0===O||O,k=d(0),A=k[0],L=k[1],M=f?null==i?void 0:i[A]:u;return e(a,t({"data-testid":"product-gallery-mobile-v1"},{children:e(n,{contents:i,customClick:r,topTag:l,topRightTag:m,bottomTag:s,testId:p,borderRadiusVariant:c,selectedValue:M,onChange:function(o){return L(o)},itemsOnViewport:x,videoAutoplay:T,hideVideoControls:y,videoMuted:w,videoLoop:R,enableZoom:j},void 0)}),void 0)};export{l as ProductGalleryMobile};
 //# sourceMappingURL=ProductGalleryMobile.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as i,__assign as o}from"tslib";import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import n from"@emotion/styled";import{forwardRef as a}from"react";import l from"react-inner-image-zoom";var d,u,m,s=n.div(d||(d=i(["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"],["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"])),(function(i){return i.borderRadiusVariant&&"\n    border-radius: 40px;\n  "})),p=n.div(u||(u=i(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(i){return i.borderRadiusVariant?"13px":"0"}),(function(i){return i.borderRadiusVariant?"11px":"0"})),c=n.div(m||(m=i(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),v=a((function(i,n){var a,d,u=i.image,m=i.topTag,v=i.bottomTag,h=i.testId,f=i.borderRadiusVariant;return e(s,o({"data-testid":h,ref:n,borderRadiusVariant:f},{children:[!(null===(a=null==u?void 0:u.alt)||void 0===a?void 0:a.includes("-video"))&&e(r,{children:[t(l,{src:u.url,zoomSrc:u.url,zoomType:"hover",imgAttributes:{alt:u.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),t(p,o({borderRadiusVariant:f},{children:m}),void 0),t(c,{children:v},void 0)]},void 0),(null===(d=null==u?void 0:u.alt)||void 0===d?void 0:d.includes("-video"))&&t("iframe",{allowFullScreen:!0,title:u.alt,width:"100%",height:510,src:null==u?void 0:u.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));export{v as ImageProductSlideV2};
+import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import n from"@emotion/styled";import{forwardRef as a}from"react";import l from"react-inner-image-zoom";import{Image as d}from"../../../atoms/Image/Image.js";var m,u,s,p=n.div(m||(m=o(["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"],["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"])),(function(o){return o.borderRadiusVariant&&"\n    border-radius: 40px;\n  "})),v=n.div(u||(u=o(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),c=n.div(s||(s=o(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),h=a((function(o,n){var a,m,u=o.image,s=o.topTag,h=o.bottomTag,f=o.testId,b=o.borderRadiusVariant,g=o.enableZoom,x=void 0===g||g;return t(p,i({"data-testid":f,ref:n,borderRadiusVariant:b},{children:[!(null===(a=null==u?void 0:u.alt)||void 0===a?void 0:a.includes("-video"))&&t(e,{children:[x?r(l,{src:u.url,zoomSrc:u.url,zoomType:"hover",imgAttributes:{alt:u.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):r(d,{src:u.url,alt:u.alt,width:"100%",height:"500px"},void 0),r(v,i({borderRadiusVariant:b},{children:s}),void 0),r(c,{children:h},void 0)]},void 0),(null===(m=null==u?void 0:u.alt)||void 0===m?void 0:m.includes("-video"))&&r("iframe",{allowFullScreen:!0,title:u.alt,width:"100%",height:510,src:null==u?void 0:u.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));export{h as ImageProductSlideV2};
 //# sourceMappingURL=ImageProductSlideV2.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as t,__assign as i}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as r,useEffect as a,useCallback as d}from"react";import{useSwipeable as m}from"react-swipeable";import"../components/ArrowButton/ArrowButton.js";import"../components/SlideDots/SlideDots.js";import{SlideNavigation as l}from"../components/SlideNavigation/SlideNavigation.js";import{ImageProductSlideV2 as s}from"./ImageProductSlideV2.js";var c,p=e.div(c||(c=t(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),u=function(t){var e=t.images,c=t.selectedValue,u=t.topTag,f=t.bottomTag,g=t.productImageDataTestId,x=t.slideDotsDataTestId,h=t.borderRadiusVariant,v=void 0!==h&&h,b=r(0),w=b[0],I=b[1];a((function(){null!=c&&I(Math.max(0,e.indexOf(c)))}),[c,e]);var S=r((function(){return e[w]})),T=S[0],j=S[1],y=m({onSwipedLeft:d((function(){I((function(t){return Math.min(t+1,e.length-1)}))}),[e.length]),onSwipedRight:d((function(){I((function(t){return Math.max(t-1,0)}))}),[])});return a((function(){j(e[w])}),[w,e]),o(p,i({"data-testid":"product-gallery-mobile-v2"},{children:[n(s,i({},y,{image:T,topTag:u,bottomTag:f,testId:g,borderRadiusVariant:v}),void 0),n(l,{quantity:e.length,selectedIndex:e.indexOf(T),onNavigate:I,testId:x},void 0)]}),void 0)};export{u as ProductGalleryMobileV2};
+import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import n from"@emotion/styled";import{useState as r,useEffect as a,useCallback as d}from"react";import{useSwipeable as m}from"react-swipeable";import"../components/ArrowButton/ArrowButton.js";import"../components/SlideDots/SlideDots.js";import{SlideNavigation as l}from"../components/SlideNavigation/SlideNavigation.js";import{ImageProductSlideV2 as s}from"./ImageProductSlideV2.js";var c,p=n.div(c||(c=t(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),u=function(t){var n=t.images,c=t.selectedValue,u=t.topTag,f=t.bottomTag,g=t.productImageDataTestId,v=t.slideDotsDataTestId,x=t.borderRadiusVariant,h=void 0!==x&&x,b=t.enableZoom,w=void 0===b||b,I=r(0),S=I[0],T=I[1];a((function(){null!=c&&T(Math.max(0,n.indexOf(c)))}),[c,n]);var j=r((function(){return n[S]})),y=j[0],D=j[1],V=m({onSwipedLeft:d((function(){T((function(t){return Math.min(t+1,n.length-1)}))}),[n.length]),onSwipedRight:d((function(){T((function(t){return Math.max(t-1,0)}))}),[])});return a((function(){D(n[S])}),[S,n]),i(p,o({"data-testid":"product-gallery-mobile-v2"},{children:[e(s,o({},V,{image:y,topTag:u,bottomTag:f,testId:g,borderRadiusVariant:h,enableZoom:w}),void 0),e(l,{quantity:n.length,selectedIndex:n.indexOf(y),onNavigate:T,testId:v},void 0)]}),void 0)};export{u as ProductGalleryMobileV2};
 //# sourceMappingURL=ProductGalleryMobileV2.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as u}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as j,playVideoCommand as y}from"../utils/sendCommandToIframe.js";import{Icon as b}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.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"../../../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"../../../atoms/Icon/Icon.js";import"../../../atoms/Image/styled.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"../../../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"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../ModalZoom/zoomModal.styled.js";import"../../ModalZoom/ZoomModalV2.styled.js";import"../../../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"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../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 f,h,g,v,P,C,x,w,S,V=n.div(f||(f=t(["\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(t){return t.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),T=n.div(h||(h=t(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),k=n.div(g||(g=t(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),A=n.div(v||(v=t(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"],["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"]))),I=n.div(P||(P=t(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"]))),B=n.div(C||(C=t(["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"],["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"]))),G=n.div(x||(x=t(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),M=n.div(w||(w=t(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),z=n.button(S||(S=t(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),L={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},O=function(t){var n=t.images,f=t.customClick,h=void 0!==f&&f,g=t.topTag,v=t.bottomTag,P=t.testId,C=t.borderRadiusVariant,x=t.selectedValue,w=l(null),S=l(null),O=l(null),D=a(!1),R=D[0],F=D[1];u(S);var W=d((function(t){var o;null===(o=w.current)||void 0===o||o.slickGoTo(t)}),[w]),N=function(){j(),F((function(t){return t?!t:t}))},H=function(){y(),F((function(t){return t?!t:t}))};return p((function(){var t;if(x){var o=n.findIndex((function(t){return t.url===x.url}));-1!==o&&(null===(t=w.current)||void 0===t||t.slickGoTo(o))}}),[n,x]),r(e,{children:[h&&i("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,o){return i(c,{onClick:function(){return W(o)},text:String(o+1),inline:!0},o)}))}),void 0),i(V,o({"data-testid":P,borderRadiusVariant:C,ref:S},{children:i(s,o({afterChange:function(t){var o,r=n[t];(null===(o=null==r?void 0:r.url)||void 0===o?void 0:o.includes("autoplay=1"))?H():N()}},L,{nextArrow:i(M,{children:i(z,{children:i(b.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(M,{children:i(z,{children:i(b.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w},{children:n.map((function(t){var s,n;return r("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&r(e,{children:[i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),i(T,o({borderRadiusVariant:C,"data-testid":"topTag"},{children:g}),void 0),i(k,o({"data-testid":"bottomTag"},{children:v}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&r(I,{children:[i("iframe",{id:"vwo-video",ref:O,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(A,{onClick:function(){R?N():H()}},void 0),r(B,{children:[i(b.PDP.PlayMini,{width:1.5},void 0),i(G,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{O as ImageProductSlideV3};
+import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import{Image as c}from"../../../atoms/Image/Image.js";import u from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as j}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as y,playVideoCommand as b}from"../utils/sendCommandToIframe.js";import{Icon as f}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.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"../../../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"../../../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"../../../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"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../ModalZoom/zoomModal.styled.js";import"../../ModalZoom/ZoomModalV2.styled.js";import"../../../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"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../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 h,g,v,P,C,x,w,S,V,T=n.div(h||(h=t(["\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(t){return t.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),k=n.div(g||(g=t(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),A=n.div(v||(v=t(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),I=n.div(P||(P=t(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"],["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"]))),B=n.div(C||(C=t(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"]))),G=n.div(x||(x=t(["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"],["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"]))),M=n.div(w||(w=t(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),z=n.div(S||(S=t(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),L=n.button(V||(V=t(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},D=function(t){var n=t.images,h=t.customClick,g=void 0!==h&&h,v=t.topTag,P=t.bottomTag,C=t.testId,x=t.borderRadiusVariant,w=t.selectedValue,S=t.enableZoom,V=void 0===S||S,D=l(null),R=l(null),F=l(null),W=a(!1),N=W[0],H=W[1];j(R);var Z=d((function(t){var o;null===(o=D.current)||void 0===o||o.slickGoTo(t)}),[D]),E=function(){y(),H((function(t){return t?!t:t}))},q=function(){b(),H((function(t){return t?!t:t}))};return p((function(){var t;if(w){var o=n.findIndex((function(t){return t.url===w.url}));-1!==o&&(null===(t=D.current)||void 0===t||t.slickGoTo(o))}}),[n,w]),r(e,{children:[g&&i("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,o){return i(u,{onClick:function(){return Z(o)},text:String(o+1),inline:!0},o)}))}),void 0),i(T,o({"data-testid":C,borderRadiusVariant:x,ref:R},{children:i(s,o({afterChange:function(t){var o,r=n[t];(null===(o=null==r?void 0:r.url)||void 0===o?void 0:o.includes("autoplay=1"))?q():E()}},O,{nextArrow:i(z,{children:i(L,{children:i(f.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(z,{children:i(L,{children:i(f.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:D},{children:n.map((function(t){var s,n;return r("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&r(e,{children:[V?i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):i(c,{src:t.url,alt:t.alt,width:"100%",height:"500px"},void 0),i(k,o({borderRadiusVariant:x,"data-testid":"topTag"},{children:v}),void 0),i(A,o({"data-testid":"bottomTag"},{children:P}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&r(B,{children:[i("iframe",{id:"vwo-video",ref:F,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(I,{onClick:function(){N?E():q()}},void 0),r(G,{children:[i(f.PDP.PlayMini,{width:1.5},void 0),i(M,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{D as ImageProductSlideV3};
 //# sourceMappingURL=ImageProductSlideV3.js.map

package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as t,__assign as i}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"@emotion/styled";import{ImageProductSlideV3 as a}from"./ImageProductSlideV3.js";var n,r=o.div(n||(n=t(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),d=function(t){var o=t.images,n=t.customClick,d=t.topTag,l=t.bottomTag,m=t.productImageDataTestId,s=t.borderRadiusVariant,c=void 0!==s&&s,p=t.selectedValue;return e(r,i({"data-testid":"product-gallery-mobile-v3"},{children:e(a,{images:o,customClick:n,topTag:d,bottomTag:l,testId:m,borderRadiusVariant:c,selectedValue:p},void 0)}),void 0)};export{d as ProductGalleryMobileV3};
+import{__makeTemplateObject as t,__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import i from"@emotion/styled";import{ImageProductSlideV3 as a}from"./ImageProductSlideV3.js";var n,r=i.div(n||(n=t(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"]))),d=function(t){var i=t.images,n=t.customClick,d=t.topTag,l=t.bottomTag,m=t.productImageDataTestId,s=t.borderRadiusVariant,c=void 0!==s&&s,p=t.selectedValue,u=t.enableZoom;return o(r,e({"data-testid":"product-gallery-mobile-v3"},{children:o(a,{images:i,customClick:n,topTag:d,bottomTag:l,testId:m,borderRadiusVariant:c,selectedValue:p,enableZoom:void 0===u||u},void 0)}),void 0)};export{d as ProductGalleryMobileV3};
 //# sourceMappingURL=ProductGalleryMobileV3.js.map

package/build/index.d.ts CHANGED Viewed

@@ -4646,6 +4646,7 @@ interface ProductGalleryMobileProps$4 {
     hideVideoControls?: boolean;
     videoMuted?: boolean;
     videoLoop?: boolean;
+    enableZoom?: boolean;
 }
 declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$4>;
@@ -4657,6 +4658,7 @@ interface ProductGalleryMobileProps$3 {
     productImageDataTestId?: string;
     slideDotsDataTestId?: string;
     borderRadiusVariant?: boolean;
+    enableZoom?: boolean;
 }
 declare const ProductGalleryMobileV2: React.FC<ProductGalleryMobileProps$3>;
@@ -4668,6 +4670,7 @@ interface ProductGalleryMobileProps$2 {
     productImageDataTestId?: string;
     borderRadiusVariant?: boolean;
     selectedValue?: ContentType$1;
+    enableZoom?: boolean;
 }
 declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps$2>;

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

@@ -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("../../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 l=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 a=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.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 u=require("../../modal/Modal.js"),d=require("./VideoDisplay.js"),n=require("./zoomModal.styled.js"),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.ZoomModal=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,b=void 0===m?0:m,p=i.title,h=void 0===p?"Zoom":p,f=u.useModal(j),P=f.opened,g=f.close,C="mobile"===l(),v=s.useRef(null),S=s.useState(b);S[0];var T=S[1],V=s.useCallback((function(){g()}),[g]),x=s.useCallback((function(){v.current&&v.current.slickNext()}),[]),M=s.useCallback((function(){v.current&&v.current.slickPrev()}),[]);s.useEffect((function(){P&&(T(b),v.current&&v.current.slickGoTo(b))}),[P,b]);var w=function(i){return C?r.jsx(t.TransformWrapper,e.__assign({initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,disabled:!0},{children:function(s){var l=s.zoomIn,u=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(n.ZoomImage,{src:i.thumbnailUrl||i.url,alt:i.alt},void 0)},void 0),r.jsxs(c.ZoomControlsContainer,{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return u(.5)},"data-testid":"".concat(j,"-zoom-minus-button")},{children:r.jsx(o.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return l(.5)},"data-testid":"".concat(j,"-zoom-plus-button")},{children:r.jsx(a.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),i.key):r.jsx(n.ZoomImage,{src:i.thumbnailUrl||i.url,alt:i.alt},i.key)};return r.jsx(n.ZoomModalWrapper,e.__assign({id:j,maxFullScreen:!0,dismissable:!0},{children:r.jsxs(n.ZoomModalContainer,{children:[r.jsxs(n.ZoomModalHeader,{children:[r.jsx(n.ZoomModalTitle,{children:h},void 0),r.jsx(n.CloseButton,e.__assign({onClick:V,"data-testid":"zoom-modal-close"},{children:r.jsx(o.Icon.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),C?r.jsx(n.VerticalScrollContainer,e.__assign({id:"".concat(j,"-vertical-scroll-container")},{children:r.jsx(q.default,e.__assign({ref:v,arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:b,swipeToSlide:!0,touchThreshold:10,afterChange:function(e){return T(e)}},{children:y.map((function(e){return(null==e?void 0:e.isVideo)?r.jsx(d.VideoDisplay,{content:e},e.key):w(e)}))}),void 0)}),void 0):r.jsx(n.DesktopSliderContainer,e.__assign({id:"".concat(j,"-desktop-slider-container")},{children:r.jsxs(n.SliderWrapper,e.__assign({id:"".concat(j,"-slider-wrapper")},{children:[r.jsx(q.default,e.__assign({ref:v,slidesToShow:3,slidesToScroll:1,infinite:!0,swipeToSlide:!0,touchThreshold:10},{children:y.map((function(e){return(null==e?void 0:e.isVideo)?r.jsx(d.VideoDisplay,{content:e},e.key):w(e)}))}),void 0),r.jsx(n.NavigationButton,e.__assign({isLeft:!0,onClick:M,id:"".concat(j,"-prev-button")},{children:r.jsx(o.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(n.NavigationButton,e.__assign({onClick:x,id:"".concat(j,"-next-button")},{children:r.jsx(o.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"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=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 l=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 a=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.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 u=require("../../modal/Modal.js"),d=require("./VideoDisplay.js"),n=require("./zoomModal.styled.js"),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.ZoomModal=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,b=void 0===m?0:m,p=i.title,h=void 0===p?"Zoom":p,f=u.useModal(j),P=f.opened,g=f.close,C="mobile"===l(),v=s.useRef(null),S=s.useState(b);S[0];var T=S[1],V=s.useCallback((function(){g()}),[g]),x=s.useCallback((function(){v.current&&v.current.slickNext()}),[]),M=s.useCallback((function(){v.current&&v.current.slickPrev()}),[]);s.useEffect((function(){P&&(T(b),v.current&&v.current.slickGoTo(b))}),[P,b]);var w=function(i){return C?r.jsx(t.TransformWrapper,e.__assign({initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,disabled:!0},{children:function(s){var l=s.zoomIn,u=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(n.ZoomImage,{src:i.thumbnailUrl||i.url,alt:i.alt},void 0)},void 0),r.jsxs(c.ZoomControlsContainer,e.__assign({"data-testid":"".concat(j,"-zoom-container")},{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return u(.5)},"data-testid":"".concat(j,"-zoom-minus-button")},{children:r.jsx(o.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return l(.5)},"data-testid":"".concat(j,"-zoom-plus-button")},{children:r.jsx(a.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]}),void 0)]},void 0)}}),i.key):r.jsx(n.ZoomImage,{src:i.thumbnailUrl||i.url,alt:i.alt},i.key)};return r.jsx(n.ZoomModalWrapper,e.__assign({id:j,maxFullScreen:!0,dismissable:!0},{children:r.jsxs(n.ZoomModalContainer,{children:[r.jsxs(n.ZoomModalHeader,{children:[r.jsx(n.ZoomModalTitle,{children:h},void 0),r.jsx(n.CloseButton,e.__assign({onClick:V,"data-testid":"zoom-modal-close"},{children:r.jsx(o.Icon.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),C?r.jsx(n.VerticalScrollContainer,e.__assign({id:"".concat(j,"-vertical-scroll-container")},{children:r.jsx(q.default,e.__assign({ref:v,arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:b,swipeToSlide:!0,touchThreshold:10,afterChange:function(e){return T(e)}},{children:y.map((function(e){return(null==e?void 0:e.isVideo)?r.jsx(d.VideoDisplay,{content:e},e.key):w(e)}))}),void 0)}),void 0):r.jsx(n.DesktopSliderContainer,e.__assign({id:"".concat(j,"-desktop-slider-container")},{children:r.jsxs(n.SliderWrapper,e.__assign({id:"".concat(j,"-slider-wrapper")},{children:[r.jsx(q.default,e.__assign({ref:v,slidesToShow:3,slidesToScroll:1,infinite:!0,swipeToSlide:!0,touchThreshold:10},{children:y.map((function(e){return(null==e?void 0:e.isVideo)?r.jsx(d.VideoDisplay,{content:e},e.key):w(e)}))}),void 0),r.jsx(n.NavigationButton,e.__assign({isLeft:!0,onClick:M,id:"".concat(j,"-prev-button")},{children:r.jsx(o.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(n.NavigationButton,e.__assign({onClick:x,id:"".concat(j,"-next-button")},{children:r.jsx(o.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("react"),s=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 n=require("../../modal/Modal.js"),d=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=n.useModal(j),g=f.opened,C=f.close,v="mobile"===a(),P=t.useRef(null),x=t.useRef(null),S=t.useState(b),w=S[0],T=S[1],V=t.useCallback((function(){C()}),[C]),I=t.useCallback((function(){P.current&&P.current.slickNext()}),[]),M=t.useCallback((function(){P.current&&P.current.slickPrev()}),[]);return t.useEffect((function(){g&&(T(b),P.current&&P.current.slickGoTo(b))}),[g,b]),v?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,e.__assign({id:"".concat(j,"-mobile-image-container")},{children:r.jsx(q.default,e.__assign({ref:P,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:b,afterChange:function(e){return T(e)},fade:h},{children:y.map((function(i,t){var a=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[a?r.jsx(d.VideoDisplay,{content:i},i.key):r.jsx(s.TransformWrapper,e.__assign({ref:x,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(t){var a=t.zoomIn,n=t.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(s.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 n(.5)},"data-testid":"".concat(j,"-zoom-minus-button")},{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)},"data-testid":"".concat(j,"-zoom-plus-button")},{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:V,"data-testid":"zoom-modal-v2-close",id:"".concat(j,"-close-button")},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),t>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:M,id:"".concat(j,"-prev-button")},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:I,id:"".concat(j,"-next-button")},{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:P,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:b,fade:h},{children:y.map((function(i,t){return(null==i?void 0:i.isVideo)?r.jsx(d.VideoDisplay,{content:i},i.key):r.jsx(s.TransformWrapper,e.__assign({ref:x,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:r.jsx(s.TransformComponent,{children:r.jsx(o.Image,{src:i.thumbnailUrl||i.url,alt:i.alt||"Thumbnail ".concat(t+1),width:"530px",height:"100%"},void 0)},void 0)}),i.key||t)}))}),void 0),g&&r.jsx(c.CloseWrapper,e.__assign({"data-testid":"".concat(j,"-close-button")},{children:r.jsx(c.CloseButton,e.__assign({onClick:V,"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({"data-testid":"".concat(j,"-nav-buttons")},{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:M,"data-testid":"".concat(j,"-prev-button")},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:I,"data-testid":"".concat(j,"-next-button")},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),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"),t=require("react"),s=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 n=require("../../modal/Modal.js"),d=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=n.useModal(j),g=f.opened,C=f.close,v="mobile"===a(),P=t.useRef(null),x=t.useRef(null),S=t.useState(b),w=S[0],T=S[1],V=t.useCallback((function(){C()}),[C]),I=t.useCallback((function(){P.current&&P.current.slickNext()}),[]),M=t.useCallback((function(){P.current&&P.current.slickPrev()}),[]);return t.useEffect((function(){g&&(T(b),P.current&&P.current.slickGoTo(b))}),[g,b]),v?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,e.__assign({id:"".concat(j,"-mobile-image-container")},{children:r.jsx(q.default,e.__assign({ref:P,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:b,afterChange:function(e){return T(e)},fade:h},{children:y.map((function(i,t){var a=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[a?r.jsx(d.VideoDisplay,{content:i},i.key):r.jsx(s.TransformWrapper,e.__assign({ref:x,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(t){var a=t.zoomIn,n=t.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(s.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,e.__assign({"data-testid":"".concat(j,"-zoom-container")},{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return n(.5)},"data-testid":"".concat(j,"-zoom-minus-button")},{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)},"data-testid":"".concat(j,"-zoom-plus-button")},{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:V,"data-testid":"zoom-modal-v2-close",id:"".concat(j,"-close-button")},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),t>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:M,id:"".concat(j,"-prev-button")},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:I,id:"".concat(j,"-next-button")},{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:P,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:b,fade:h},{children:y.map((function(i,t){return(null==i?void 0:i.isVideo)?r.jsx(d.VideoDisplay,{content:i},i.key):r.jsx(s.TransformWrapper,e.__assign({ref:x,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:r.jsx(s.TransformComponent,{children:r.jsx(o.Image,{src:i.thumbnailUrl||i.url,alt:i.alt||"Thumbnail ".concat(t+1),width:"530px",height:"100%"},void 0)},void 0)}),i.key||t)}))}),void 0),g&&r.jsx(c.CloseWrapper,e.__assign({"data-testid":"".concat(j,"-close-button")},{children:r.jsx(c.CloseButton,e.__assign({onClick:V,"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({"data-testid":"".concat(j,"-nav-buttons")},{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:M,"data-testid":"".concat(j,"-prev-button")},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:I,"data-testid":"".concat(j,"-next-button")},{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/ProductGalleryMobileV1/ImageProductSlide.js CHANGED Viewed

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

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),o=require("react"),d=require("./ImageProductSlide.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=r(i).default.div(n||(n=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobile=function(i){var r=i.images,n=i.customClick,l=i.topTag,u=i.topRightTag,s=i.bottomTag,c=i.productImageDataTestId,v=i.borderRadiusVariant,p=void 0!==v&&v,m=i.selectedValue,g=i.hasToPreserveOrder,f=void 0!==g&&g,h=i.itemsOnViewport,x=void 0===h?1:h,b=i.videoAutoplay,y=void 0!==b&&b,T=i.hideVideoControls,V=void 0!==T&&T,j=i.videoMuted,_=void 0===j||j,q=i.videoLoop,C=void 0===q||q,O=o.useState(0),w=O[0],I=O[1],M=f?null==r?void 0:r[w]:m;return t.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1"},{children:t.jsx(d.default,{contents:r,customClick:n,topTag:l,topRightTag:u,bottomTag:s,testId:c,borderRadiusVariant:p,selectedValue:M,onChange:function(e){return I(e)},itemsOnViewport:x,videoAutoplay:y,hideVideoControls:V,videoMuted:_,videoLoop:C},void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("react"),d=require("./ImageProductSlide.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=r(o).default.div(n||(n=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobile=function(o){var r=o.images,n=o.customClick,l=o.topTag,u=o.topRightTag,s=o.bottomTag,c=o.productImageDataTestId,v=o.borderRadiusVariant,p=void 0!==v&&v,m=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,y=void 0!==b&&b,T=o.hideVideoControls,V=void 0!==T&&T,j=o.videoMuted,_=void 0===j||j,q=o.videoLoop,C=void 0===q||q,O=o.enableZoom,w=void 0===O||O,I=i.useState(0),M=I[0],P=I[1],R=f?null==r?void 0:r[M]:m;return t.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1"},{children:t.jsx(d.default,{contents:r,customClick:n,topTag:l,topRightTag:u,bottomTag:s,testId:c,borderRadiusVariant:p,selectedValue:R,onChange:function(e){return P(e)},itemsOnViewport:x,videoAutoplay:y,hideVideoControls:V,videoMuted:_,videoLoop:C,enableZoom:w},void 0)}),void 0)};
 //# sourceMappingURL=ProductGalleryMobile.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),n=require("react-inner-image-zoom");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,l,d,u=o(i),s=o(n),c=u.default.div(a||(a=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"],["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "})),m=u.default.div(l||(l=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),p=u.default.div(d||(d=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),v=r.forwardRef((function(i,r){var n,o,a=i.image,l=i.topTag,d=i.bottomTag,u=i.testId,v=i.borderRadiusVariant;return t.jsxs(c,e.__assign({"data-testid":u,ref:r,borderRadiusVariant:v},{children:[!(null===(n=null==a?void 0:a.alt)||void 0===n?void 0:n.includes("-video"))&&t.jsxs(t.Fragment,{children:[t.jsx(s.default,{src:a.url,zoomSrc:a.url,zoomType:"hover",imgAttributes:{alt:a.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),t.jsx(m,e.__assign({borderRadiusVariant:v},{children:l}),void 0),t.jsx(p,{children:d},void 0)]},void 0),(null===(o=null==a?void 0:a.alt)||void 0===o?void 0:o.includes("-video"))&&t.jsx("iframe",{allowFullScreen:!0,title:a.alt,width:"100%",height:510,src:null==a?void 0:a.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));exports.ImageProductSlideV2=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),o=require("react-inner-image-zoom"),n=require("../../../atoms/Image/Image.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,d,u,s=a(i),m=a(o),c=s.default.div(l||(l=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"],["\n  ","\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "})),p=s.default.div(d||(d=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),v=s.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),f=r.forwardRef((function(i,r){var o,a,l=i.image,d=i.topTag,u=i.bottomTag,s=i.testId,f=i.borderRadiusVariant,b=i.enableZoom,h=void 0===b||b;return t.jsxs(c,e.__assign({"data-testid":s,ref:r,borderRadiusVariant:f},{children:[!(null===(o=null==l?void 0:l.alt)||void 0===o?void 0:o.includes("-video"))&&t.jsxs(t.Fragment,{children:[h?t.jsx(m.default,{src:l.url,zoomSrc:l.url,zoomType:"hover",imgAttributes:{alt:l.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):t.jsx(n.Image,{src:l.url,alt:l.alt,width:"100%",height:"500px"},void 0),t.jsx(p,e.__assign({borderRadiusVariant:f},{children:d}),void 0),t.jsx(v,{children:u},void 0)]},void 0),(null===(a=null==l?void 0:l.alt)||void 0===a?void 0:a.includes("-video"))&&t.jsx("iframe",{allowFullScreen:!0,title:l.alt,width:"100%",height:510,src:null==l?void 0:l.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));exports.ImageProductSlideV2=f;
 //# sourceMappingURL=ImageProductSlideV2.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),n=require("react"),a=require("react-swipeable");require("../components/ArrowButton/ArrowButton.js"),require("../components/SlideDots/SlideDots.js");var o=require("../components/SlideNavigation/SlideNavigation.js"),r=require("./ImageProductSlideV2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d=u(i).default.div(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobileV2=function(i){var u=i.images,s=i.selectedValue,l=i.topTag,c=i.bottomTag,f=i.productImageDataTestId,g=i.slideDotsDataTestId,m=i.borderRadiusVariant,p=void 0!==m&&m,x=n.useState(0),v=x[0],b=x[1];n.useEffect((function(){null!=s&&b(Math.max(0,u.indexOf(s)))}),[s,u]);var h=n.useState((function(){return u[v]})),S=h[0],j=h[1],q=a.useSwipeable({onSwipedLeft:n.useCallback((function(){b((function(e){return Math.min(e+1,u.length-1)}))}),[u.length]),onSwipedRight:n.useCallback((function(){b((function(e){return Math.max(e-1,0)}))}),[])});return n.useEffect((function(){j(u[v])}),[v,u]),t.jsxs(d,e.__assign({"data-testid":"product-gallery-mobile-v2"},{children:[t.jsx(r.ImageProductSlideV2,e.__assign({},q,{image:S,topTag:l,bottomTag:c,testId:f,borderRadiusVariant:p}),void 0),t.jsx(o.SlideNavigation,{quantity:u.length,selectedIndex:u.indexOf(S),onNavigate:b,testId:g},void 0)]}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),n=require("react"),a=require("react-swipeable");require("../components/ArrowButton/ArrowButton.js"),require("../components/SlideDots/SlideDots.js");var o=require("../components/SlideNavigation/SlideNavigation.js"),r=require("./ImageProductSlideV2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l=u(i).default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobileV2=function(i){var u=i.images,d=i.selectedValue,s=i.topTag,c=i.bottomTag,f=i.productImageDataTestId,m=i.slideDotsDataTestId,g=i.borderRadiusVariant,p=void 0!==g&&g,v=i.enableZoom,x=void 0===v||v,b=n.useState(0),h=b[0],S=b[1];n.useEffect((function(){null!=d&&S(Math.max(0,u.indexOf(d)))}),[d,u]);var j=n.useState((function(){return u[h]})),q=j[0],w=j[1],y=a.useSwipeable({onSwipedLeft:n.useCallback((function(){S((function(e){return Math.min(e+1,u.length-1)}))}),[u.length]),onSwipedRight:n.useCallback((function(){S((function(e){return Math.max(e-1,0)}))}),[])});return n.useEffect((function(){w(u[h])}),[h,u]),t.jsxs(l,e.__assign({"data-testid":"product-gallery-mobile-v2"},{children:[t.jsx(r.ImageProductSlideV2,e.__assign({},y,{image:q,topTag:s,bottomTag:c,testId:f,borderRadiusVariant:p,enableZoom:x}),void 0),t.jsx(o.SlideNavigation,{quantity:u.length,selectedIndex:u.indexOf(q),onNavigate:S,testId:m},void 0)]}),void 0)};
 //# sourceMappingURL=ProductGalleryMobileV2.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),s=require("react"),o=require("react-inner-image-zoom"),n=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var l=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),a=require("../utils/sendCommandToIframe.js"),u=require("../../../icons/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.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"),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"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/Image/styled.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("../../../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("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../ModalZoom/zoomModal.styled.js"),require("../../ModalZoom/ZoomModalV2.styled.js"),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("../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("./ProductGalleryMobileV3.js"),require("../ProductGalleryMobileV4/ContentGallery/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobileV6/styled.js"),require("../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 c,j,q,p,m,y,b,f,g,h=d(i),v=d(t),P=d(o),x=v.default.div(c||(c=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),C=v.default.div(j||(j=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),V=v.default.div(q||(q=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),S=v.default.div(p||(p=e.__makeTemplateObject(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"],["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"]))),T=v.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"]))),k=v.default.div(y||(y=e.__makeTemplateObject(["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"],["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"]))),w=v.default.div(b||(b=e.__makeTemplateObject(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),A=v.default.div(f||(f=e.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),I=v.default.button(g||(g=e.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};exports.ImageProductSlideV3=function(i){var t=i.images,o=i.customClick,d=void 0!==o&&o,c=i.topTag,j=i.bottomTag,q=i.testId,p=i.borderRadiusVariant,m=i.selectedValue,y=s.useRef(null),b=s.useRef(null),f=s.useRef(null),g=s.useState(!1),v=g[0],_=g[1];l.usePreventVerticalScroll(b);var B=s.useCallback((function(e){var r;null===(r=y.current)||void 0===r||r.slickGoTo(e)}),[y]),M=function(){a.stopVideoCommand(),_((function(e){return e?!e:e}))},G=function(){a.playVideoCommand(),_((function(e){return e?!e:e}))};return s.useEffect((function(){var e;if(m){var r=t.findIndex((function(e){return e.url===m.url}));-1!==r&&(null===(e=y.current)||void 0===e||e.slickGoTo(r))}}),[t,m]),r.jsxs(r.Fragment,{children:[d&&r.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return r.jsx(n,{onClick:function(){return B(i)},text:String(i+1),inline:!0},i)}))}),void 0),r.jsx(x,e.__assign({"data-testid":q,borderRadiusVariant:p,ref:b},{children:r.jsx(h.default,e.__assign({afterChange:function(e){var r,i=t[e];(null===(r=null==i?void 0:i.url)||void 0===r?void 0:r.includes("autoplay=1"))?G():M()}},O,{nextArrow:r.jsx(A,{children:r.jsx(I,{children:r.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r.jsx(A,{children:r.jsx(I,{children:r.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:y},{children:t.map((function(i){var t,s;return r.jsxs("div",{children:[!(null===(t=null==i?void 0:i.alt)||void 0===t?void 0:t.includes("-video"))&&r.jsxs(r.Fragment,{children:[r.jsx(P.default,{src:i.url,zoomSrc:i.url,zoomType:"hover",imgAttributes:{alt:i.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),r.jsx(C,e.__assign({borderRadiusVariant:p,"data-testid":"topTag"},{children:c}),void 0),r.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:j}),void 0)]},void 0),(null===(s=null==i?void 0:i.alt)||void 0===s?void 0:s.includes("-video"))&&r.jsxs(T,{children:[r.jsx("iframe",{id:"vwo-video",ref:f,allowFullScreen:!0,title:i.alt,width:"100%",height:"220px",src:null==i?void 0:i.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),r.jsx(S,{onClick:function(){v?M():G()}},void 0),r.jsxs(k,{children:[r.jsx(u.Icon.PDP.PlayMini,{width:1.5},void 0),r.jsx(w,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},i.key)}))}),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"),t=require("@emotion/styled"),s=require("react"),o=require("react-inner-image-zoom"),n=require("../../../atoms/Image/Image.js"),l=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../utils/sendCommandToIframe.js"),d=require("../../../icons/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.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"),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"),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("../../../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("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../ModalZoom/zoomModal.styled.js"),require("../../ModalZoom/ZoomModalV2.styled.js"),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("../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("./ProductGalleryMobileV3.js"),require("../ProductGalleryMobileV4/ContentGallery/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobileV6/styled.js"),require("../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 j,q,p,m,y,b,f,g,h,v=c(i),P=c(t),x=c(o),C=P.default.div(j||(j=e.__makeTemplateObject(["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"],["\n  ","\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ",";\n  }\n"])),(function(e){return e.borderRadiusVariant&&"\n    border-radius: 40px;\n  "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),V=P.default.div(q||(q=e.__makeTemplateObject(["\n  position: absolute;\n  left: ",";\n  top: ",";\n"],["\n  position: absolute;\n  left: ",";\n  top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),S=P.default.div(p||(p=e.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"],["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"]))),T=P.default.div(m||(m=e.__makeTemplateObject(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"],["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"]))),w=P.default.div(y||(y=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"]))),k=P.default.div(b||(b=e.__makeTemplateObject(["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"],["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"]))),I=P.default.div(f||(f=e.__makeTemplateObject(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),A=P.default.div(g||(g=e.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"],["\n  height: 40px;\n  width: 40px;\n"]))),O=P.default.button(h||(h=e.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"],["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"]))),_={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};exports.ImageProductSlideV3=function(i){var t=i.images,o=i.customClick,c=void 0!==o&&o,j=i.topTag,q=i.bottomTag,p=i.testId,m=i.borderRadiusVariant,y=i.selectedValue,b=i.enableZoom,f=void 0===b||b,g=s.useRef(null),h=s.useRef(null),P=s.useRef(null),B=s.useState(!1),M=B[0],G=B[1];a.usePreventVerticalScroll(h);var z=s.useCallback((function(e){var r;null===(r=g.current)||void 0===r||r.slickGoTo(e)}),[g]),L=function(){u.stopVideoCommand(),G((function(e){return e?!e:e}))},D=function(){u.playVideoCommand(),G((function(e){return e?!e:e}))};return s.useEffect((function(){var e;if(y){var r=t.findIndex((function(e){return e.url===y.url}));-1!==r&&(null===(e=g.current)||void 0===e||e.slickGoTo(r))}}),[t,y]),r.jsxs(r.Fragment,{children:[c&&r.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return r.jsx(l,{onClick:function(){return z(i)},text:String(i+1),inline:!0},i)}))}),void 0),r.jsx(C,e.__assign({"data-testid":p,borderRadiusVariant:m,ref:h},{children:r.jsx(v.default,e.__assign({afterChange:function(e){var r,i=t[e];(null===(r=null==i?void 0:i.url)||void 0===r?void 0:r.includes("autoplay=1"))?D():L()}},_,{nextArrow:r.jsx(A,{children:r.jsx(O,{children:r.jsx(d.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r.jsx(A,{children:r.jsx(O,{children:r.jsx(d.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:g},{children:t.map((function(i){var t,s;return r.jsxs("div",{children:[!(null===(t=null==i?void 0:i.alt)||void 0===t?void 0:t.includes("-video"))&&r.jsxs(r.Fragment,{children:[f?r.jsx(x.default,{src:i.url,zoomSrc:i.url,zoomType:"hover",imgAttributes:{alt:i.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):r.jsx(n.Image,{src:i.url,alt:i.alt,width:"100%",height:"500px"},void 0),r.jsx(V,e.__assign({borderRadiusVariant:m,"data-testid":"topTag"},{children:j}),void 0),r.jsx(S,e.__assign({"data-testid":"bottomTag"},{children:q}),void 0)]},void 0),(null===(s=null==i?void 0:i.alt)||void 0===s?void 0:s.includes("-video"))&&r.jsxs(w,{children:[r.jsx("iframe",{id:"vwo-video",ref:P,allowFullScreen:!0,title:i.alt,width:"100%",height:"220px",src:null==i?void 0:i.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),r.jsx(T,{onClick:function(){M?L():D()}},void 0),r.jsxs(k,{children:[r.jsx(d.Icon.PDP.PlayMini,{width:1.5},void 0),r.jsx(I,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},i.key)}))}),void 0)}),void 0)]},void 0)};
 //# sourceMappingURL=ImageProductSlideV3.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),a=require("./ImageProductSlideV3.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,n=o(i).default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobileV3=function(i){var o=i.images,r=i.customClick,d=i.topTag,l=i.bottomTag,s=i.productImageDataTestId,u=i.borderRadiusVariant,c=void 0!==u&&u,m=i.selectedValue;return t.jsx(n,e.__assign({"data-testid":"product-gallery-mobile-v3"},{children:t.jsx(a.ImageProductSlideV3,{images:o,customClick:r,topTag:d,bottomTag:l,testId:s,borderRadiusVariant:c,selectedValue:m},void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),o=require("./ImageProductSlideV3.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,n=a(i).default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));exports.ProductGalleryMobileV3=function(i){var a=i.images,r=i.customClick,d=i.topTag,l=i.bottomTag,s=i.productImageDataTestId,u=i.borderRadiusVariant,c=void 0!==u&&u,m=i.selectedValue,p=i.enableZoom,f=void 0===p||p;return t.jsx(n,e.__assign({"data-testid":"product-gallery-mobile-v3"},{children:t.jsx(o.ImageProductSlideV3,{images:a,customClick:r,topTag:d,bottomTag:l,testId:s,borderRadiusVariant:c,selectedValue:m,enableZoom:f},void 0)}),void 0)};
 //# sourceMappingURL=ProductGalleryMobileV3.js.map

package/package.json CHANGED Viewed

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