@trafilea/afrodita-components 7.16.0 → 7.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  2. package/build/es/components/molecules/Video/Video.js +1 -1
  3. package/build/es/components/organisms/ModalZoom/ZoomModal.js +1 -1
  4. package/build/es/components/organisms/ModalZoom/ZoomModalV2.js +1 -1
  5. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  6. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js +1 -1
  7. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
  8. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
  9. package/build/index.d.ts +3 -0
  10. package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
  11. package/build/lib/components/molecules/Video/Video.js +1 -1
  12. package/build/lib/components/organisms/ModalZoom/ZoomModal.js +1 -1
  13. package/build/lib/components/organisms/ModalZoom/ZoomModalV2.js +1 -1
  14. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
  15. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js +1 -1
  16. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
  17. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
  18. package/package.json +1 -1
package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as o}from"tslib";import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{useZoom as e}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as l}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as u,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var p=function(p){var g,z=p.content,b=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,R=p.ctaText,T=p.ctaAction,Z=p.hideCTA,w=p.withZoom,x=p.isRatioSquare,A=p.videoAutoplay,C=void 0!==A&&A,k=p.hideVideoControls,S=void 0!==k&&k,q=p.zoomOptions,B=null==z?void 0:z.url,P=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,F=C||null==z?void 0:z.thumbnailUrl,H=S?{pointerEvents:"none"}:void 0,O=e((null==q?void 0:q.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!P&&i(d,{children:[w?t(n,{src:B,zoomSrc:B,zoomType:(null==q?void 0:q.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:x,afterZoomIn:(null==q?void 0:q.zoomModalId)?O:void 0},void 0):t(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:B,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:x},void 0),t(m,o({borderRadiusVariant:V},{children:b}),void 0),t(v,o({isCTAHidden:Z},{children:f}),void 0),!!y&&t(c,{children:t(u,{children:y},void 0)},void 0)]},void 0),P&&t(r,{source:B,thumbnail:F,autoPlay:C,muted:!0,loop:!0,withProgressBar:!S,style:H,preload:"auto"},void 0),R&&T&&t("div",o({style:{display:Z?"none":"block"}},{children:t(h,{wide:!0,onClick:T,text:R},void 0)}),void 0),Boolean(null==q?void 0:q.zoomModalId)&&t(l,{modalId:(null==q?void 0:q.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==q?void 0:q.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{useZoom as l}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as e}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as u,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var p=function(p){var g,z=p.content,b=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,R=p.ctaText,T=p.ctaAction,Z=p.hideCTA,w=p.withZoom,x=p.isRatioSquare,A=p.videoAutoplay,C=void 0!==A&&A,k=p.hideVideoControls,S=void 0!==k&&k,q=p.zoomOptions,B=null==z?void 0:z.url,P=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,F=C||null==z?void 0:z.thumbnailUrl,H=S?{pointerEvents:"none"}:void 0,O=l((null==q?void 0:q.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!P&&i(d,{children:[w?t(n,{src:B,zoomSrc:(null==z?void 0:z.zoomUrl)||B,zoomType:(null==q?void 0:q.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:x,afterZoomIn:(null==q?void 0:q.zoomModalId)?O:void 0},void 0):t(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:B,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:x},void 0),t(m,o({borderRadiusVariant:V},{children:b}),void 0),t(v,o({isCTAHidden:Z},{children:f}),void 0),!!y&&t(c,{children:t(u,{children:y},void 0)},void 0)]},void 0),P&&t(r,{source:B,thumbnail:F,autoPlay:C,muted:!0,loop:!0,withProgressBar:!S,style:H,preload:"auto"},void 0),R&&T&&t("div",o({style:{display:Z?"none":"block"}},{children:t(h,{wide:!0,onClick:T,text:R},void 0)}),void 0),Boolean(null==q?void 0:q.zoomModalId)&&t(e,{modalId:(null==q?void 0:q.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==q?void 0:q.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/es/components/molecules/Video/Video.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__rest as o,__assign as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as i,useState as n}from"react";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as u,PlayContainer as c,PlayIcon as d,PauseContainer as l,MuteButton as m,HTMLVideo as p}from"./styled.js";var f=function(f){var v,h,g=f.source,y=f.thumbnail,j=f.height,b=f.className,P=f.withProgressBar,C=void 0===P||P,L=f.hasAudioControl,I=f.muted,k=f.onLoadedData,D=o(f,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData"]),T=i(null),A=n(!0),B=A[0],N=A[1],w=n(!1),x=w[0],z=w[1],E=n(I),H=E[0],M=E[1],O=n(0),V=O[0],_=O[1],q=n(!1),F=q[0],S=q[1],U=V>0,G=(null===(v=T.current)||void 0===v?void 0:v.duration)?V/T.current.duration:0,J=V===(null===(h=null==T?void 0:T.current)||void 0===h?void 0:h.duration)||0===V,K=D.autoPlay?void 0:y;return t(u,r({className:b},{children:[!B&&C&&e(s,{progress:G,hide:J},void 0),x?e(l,{"data-testid":"pause",onClick:function(){T.current&&x&&(T.current.pause(),z(!1))}},void 0):e(c,r({"data-testid":"play",onClick:function(){T.current&&!F&&(S(!0),T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error playing video:",o)})).finally((function(){return S(!1)})))}},{children:U&&e(d,{},void 0)}),void 0),L&&t(m,r({onClick:function(){T.current&&M((function(o){return!o}))}},{children:[H&&e(a,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!H&&e(a,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),t(p,r({},D,{muted:H,"data-testid":"video",poster:K,playsInline:!0,ref:T,onTimeUpdate:function(){if(T.current){var o=T.current.currentTime;requestAnimationFrame((function(){return _(o)}))}},onCanPlay:function(){return N(!1)},onLoadedData:function(o){k&&k(o),N(!1),D.autoPlay&&T.current&&T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error auto-playing video:",o)}))},onPause:function(){return z(!1)},onPlaying:function(){return z(!0)},height:j||"auto"},{children:[e("track",{kind:"captions"},void 0),e("source",{src:g},void 0)]}),void 0)]}),void 0)};export{f as Video};
1
+ import{__rest as o,__assign as t}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as a}from"react";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as u}from"./components/ProgressBar.js";import{Container as c,PlayContainer as d,PlayIcon as l,PauseContainer as m,MuteButton as f,HTMLVideo as p}from"./styled.js";var v=function(v){var h,g,y=v.source,j=v.thumbnail,b=v.height,P=v.className,C=v.withProgressBar,L=void 0===C||C,A=v.hasAudioControl,I=v.muted,k=v.onLoadedData,D=v.autoPlay,N=v.isActive,T=void 0===N||N,w=o(v,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),B=e(null),x=n(!0),z=x[0],E=x[1],H=n(!1),M=H[0],O=H[1],V=n(I),_=V[0],q=V[1],F=n(0),S=F[0],U=F[1],G=n(!1),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=S>0,Y=(null===(h=B.current)||void 0===h?void 0:h.duration)?S/B.current.duration:0,Z=S===(null===(g=null==B?void 0:B.current)||void 0===g?void 0:g.duration)||0===S,$=D?void 0:j;a((function(){var o=B.current;if(o)if(T&&D){o.muted=!0,q(!0);var t=o.play();void 0!==t&&t.then((function(){O(!0)})).catch((function(o){"NotAllowedError"===o.name&&W(!0)}))}else o.pause(),O(!1)}),[T,D]);return r(c,t({className:P},{children:[!z&&L&&i(u,{progress:Y,hide:Z},void 0),M?i(m,{"data-testid":"pause",onClick:function(){B.current&&M&&(B.current.pause(),O(!1))}},void 0):i(d,t({"data-testid":"play",onClick:function(){B.current&&!J&&(K(!0),B.current.play().then((function(){O(!0)})).catch((function(o){"NotAllowedError"===o.name&&W(!0)})).finally((function(){return K(!1)})))}},{children:X&&i(l,{},void 0)}),void 0),A&&r(f,t({onClick:function(){B.current&&q((function(o){return!o}))}},{children:[_&&i(s,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!_&&i(s,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r(p,t({},w,{muted:_,"data-testid":"video",poster:$,playsInline:!0,controls:R,ref:B,onTimeUpdate:function(){if(B.current){var o=B.current.currentTime;requestAnimationFrame((function(){return U(o)}))}},onCanPlay:function(){return E(!1)},onLoadedData:function(o){k&&k(o),E(!1)},onPause:function(){return O(!1)},onPlaying:function(){return O(!0)},height:b||"auto"},{children:[i("track",{kind:"captions"},void 0),i("source",{src:y},void 0)]}),void 0)]}),void 0)};export{v as Video};
2
2
  //# sourceMappingURL=Video.js.map
package/build/es/components/organisms/ModalZoom/ZoomModal.js CHANGED
@@ -1,2 +1,2 @@
1
- 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";import"../../timerV2/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};
1
+ 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";import"../../timerV2/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(),U=s(null),W=l(B);W[0];var H=W[1],N=a((function(){R()}),[R]),Z=a((function(){U.current&&U.current.slickNext()}),[]),q=a((function(){U.current&&U.current.slickPrev()}),[]);d((function(){D&&(H(B),U.current&&U.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.zoomUrl||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.zoomUrl||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:N,"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:U,arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0,initialSlide:B,swipeToSlide:!0,touchThreshold:10,afterChange:function(t){return H(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:U,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};
2
2
  //# sourceMappingURL=ZoomModal.js.map
package/build/es/components/organisms/ModalZoom/ZoomModalV2.js CHANGED
@@ -1,2 +1,2 @@
1
- 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 j from"../../../hooks/useDeviceType/useDeviceType.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as u}from"../../atoms/Icon/Icon.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../../molecules/BenefitsList/styled.js";import"../../timer/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../iconsWithTitle/index.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../icon-button/IconButton.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import{useModal as y}from"../../modal/Modal.js";import{VideoDisplay as b}from"./VideoDisplay.js";import"./zoomModal.styled.js";import{ZoomModalWrapper as h,MobileImageContainer as f,SlideCounterBadge as P,ZoomControlsContainer as C,ZoomMinusButton as 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";import"../../timerV2/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"===j(),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(u,{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};
1
+ 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 j from"../../../hooks/useDeviceType/useDeviceType.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as u}from"../../atoms/Icon/Icon.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../../molecules/BenefitsList/styled.js";import"../../timer/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../iconsWithTitle/index.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../icon-button/IconButton.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import{useModal as y}from"../../modal/Modal.js";import{VideoDisplay as b}from"./VideoDisplay.js";import"./zoomModal.styled.js";import{ZoomModalWrapper as h,MobileImageContainer as f,SlideCounterBadge as P,ZoomControlsContainer as C,ZoomMinusButton as 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";import"../../timerV2/styled.js";var M=function(M){var k=M.modalId,I=M.contents,z=M.initialSlide,L=void 0===z?0:z,B=M.fade,O=void 0!==B&&B,x=y(k),D=x.opened,R=x.close,F="mobile"===j(),U=s(null),W=s(null),H=l(L),N=H[0],q=H[1],E=a((function(){R()}),[R]),J=a((function(){U.current&&U.current.slickNext()}),[]),Z=a((function(){U.current&&U.current.slickPrev()}),[]);return d((function(){D&&(q(L),U.current&&U.current.slickGoTo(L))}),[D,L]),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:U,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:L,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:W,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.zoomUrl||i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r(P,{children:[N+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(u,{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:U,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:L,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:W,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:o(m,{children:o(n,{src:r.zoomUrl||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};
2
2
  //# sourceMappingURL=ZoomModalV2.js.map
package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as 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};
1
+ import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),z=d.div(k||(k=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),R=d.div(w||(w=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),S=d.button(V||(V=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},I=function(o,i,n){if(i){var t=o<i,e=t?"eager":"lazy",r=t?"sync":"async";n.loading=e,n.decoding=r}return n},P=function(o){var d=o.contents,b=o.customClick,x=void 0!==b&&b,y=o.topTag,k=o.topRightTag,w=o.bottomTag,V=o.testId,P=o.borderRadiusVariant,B=o.selectedValue,D=o.onChange,G=o.itemsOnViewport,L=void 0===G?0:G,M=o.videoAutoplay,N=void 0!==M&&M,O=o.hideVideoControls,U=void 0!==O&&O,E=o.videoMuted,W=void 0===E||E,Z=o.videoLoop,q=void 0===Z||Z,F=o.enableZoom,H=void 0===F||F,J=l(null),K=l(null);v(K);var Q=a((function(o){var i;null===(i=J.current)||void 0===i||i.slickGoTo(o)}),[J]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=J.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[x&&e("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return e(c,{onClick:function(){return Q(i)},text:String(i+1),inline:!0},i)}))}),void 0),e(T,i({"data-testid":V,borderRadiusVariant:P,ref:K},{children:e(r,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?g():f(),null==D||D(o)}},A,{nextArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:J},{children:d.map((function(o,r){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s={alt:o.alt,width:"100%",height:"510px"};return e("div",{children:a?e(m,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:N,muted:W,loop:q,withProgressBar:!U,style:U?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[H?e(u,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:I(r,L,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):e(p,{src:l,alt:o.alt,width:"100%",height:"500px",loading:I(r,L,s).loading,decoding:I(r,L,s).decoding},void 0),e(j,i({borderRadiusVariant:P,"data-testid":"topTag"},{children:y}),void 0),e(z,i({"data-testid":"bottomTag"},{children:w}),void 0),!!k&&e(C,{children:k},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{S as Button,T as Container,R as NavButtonContainer,P as default};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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.zoomUrl||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};
2
2
  //# sourceMappingURL=ImageProductSlideV2.js.map
package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js CHANGED
@@ -1,2 +1,2 @@
1
- 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";import"../../../timerV2/styled.js";var h,g,v,P,C,x,w,V,S,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(V||(V=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),L=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"]))),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,V=t.enableZoom,S=void 0===V||V,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:[S?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};
1
+ 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";import"../../../timerV2/styled.js";var h,g,v,P,C,x,w,V,S,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(V||(V=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),L=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"]))),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,V=t.enableZoom,S=void 0===V||V,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}))},U=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"))?U():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:[S?i(m,{src:t.url,zoomSrc:t.zoomUrl||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():U()}},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};
2
2
  //# sourceMappingURL=ImageProductSlideV3.js.map
package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as t,useState as r,useEffect as n}from"react";import d from"react-inner-image-zoom";import{Video as l}from"../../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as a}from"../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as s}from"../../../../../icons/index.js";import{afterChangeSlide as c}from"../../utils/afterChangeSlide.js";import{Container as m,NavButtonContainer as u,Button as v}from"./styled.js";var f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,o){if(i){var t=e<i,r=t?"eager":"lazy",n=t?"sync":"async";o.loading=r,o.decoding=n}return o},g=function(g){var p=g.contents,x=g.testId,S=g.borderRadiusVariant,w=g.onChange,y=g.itemsOnViewport,I=void 0===y?0:y,V=g.selectedImageIndex,b=g.setSelectedImageIndex,j=t(null),C=t(null),z=r(!0),A=z[0],k=z[1];function T(){k(!1)}function R(){k(!0)}return a(C),n((function(){var e;null===(e=j.current)||void 0===e||e.slickGoTo(V,!0)}),[p,V]),n((function(){R()}),[V]),i(m,e({"data-testid":x,borderRadiusVariant:S,ref:C},{children:i(o,e({afterChange:function(e){return c({slide:e,contents:p,setSelectedImageIndex:b,onChange:w})}},f,{adaptiveHeight:!0,nextArrow:A?i(u,e({"data-testid":"main-gallery-next-button"},{children:i(v,{children:i(s.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:A?i(u,{children:i(v,{children:i(s.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:j},{children:p.map((function(o,t){var r,n=null==o?void 0:o.url,a=null!==(r=null==o?void 0:o.isVideo)&&void 0!==r&&r,s={alt:o.alt,height:"512px"};return i("div",e({"data-testid":"main-gallery-div-content-".concat(t)},{children:a?i(l,{source:n,thumbnail:null==o?void 0:o.thumbnailUrl},void 0):i(d,{afterZoomIn:T,afterZoomOut:R,src:n,zoomSrc:n,zoomType:"hover",imgAttributes:h(t,I,s),className:"zoomWrapper"},void 0)}),o.key)}))}),void 0)}),void 0)};export{g as default};
1
+ import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as r,useState as t,useEffect as n}from"react";import l from"react-inner-image-zoom";import{Video as d}from"../../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as a}from"../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as s}from"../../../../../icons/index.js";import{afterChangeSlide as c}from"../../utils/afterChangeSlide.js";import{Container as m,NavButtonContainer as u,Button as v}from"./styled.js";var f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,o){if(i){var r=e<i,t=r?"eager":"lazy",n=r?"sync":"async";o.loading=t,o.decoding=n}return o},g=function(g){var p=g.contents,x=g.testId,S=g.borderRadiusVariant,w=g.onChange,y=g.itemsOnViewport,I=void 0===y?0:y,V=g.selectedImageIndex,b=g.setSelectedImageIndex,j=r(null),z=r(null),C=t(!0),A=C[0],k=C[1];function T(){k(!1)}function R(){k(!0)}return a(z),n((function(){var e;null===(e=j.current)||void 0===e||e.slickGoTo(V,!0)}),[p,V]),n((function(){R()}),[V]),i(m,e({"data-testid":x,borderRadiusVariant:S,ref:z},{children:i(o,e({afterChange:function(e){return c({slide:e,contents:p,setSelectedImageIndex:b,onChange:w})}},f,{adaptiveHeight:!0,nextArrow:A?i(u,e({"data-testid":"main-gallery-next-button"},{children:i(v,{children:i(s.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:A?i(u,{children:i(v,{children:i(s.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:j},{children:p.map((function(o,r){var t,n=null==o?void 0:o.url,a=null!==(t=null==o?void 0:o.isVideo)&&void 0!==t&&t,s={alt:o.alt,height:"512px"};return i("div",e({"data-testid":"main-gallery-div-content-".concat(r)},{children:a?i(d,{source:n,thumbnail:null==o?void 0:o.thumbnailUrl},void 0):i(l,{afterZoomIn:T,afterZoomOut:R,src:n,zoomSrc:(null==o?void 0:o.zoomUrl)||n,zoomType:"hover",imgAttributes:h(r,I,s),className:"zoomWrapper"},void 0)}),o.key)}))}),void 0)}),void 0)};export{g as default};
2
2
  //# sourceMappingURL=index.js.map
package/build/index.d.ts CHANGED
@@ -2859,6 +2859,7 @@ declare type ContentType = {
2859
2859
  url: string;
2860
2860
  alt: string;
2861
2861
  thumbnailUrl?: string;
2862
+ zoomUrl?: string;
2862
2863
  isVideo?: boolean;
2863
2864
  };
2864
2865
  interface IconWithOpacityProps extends IconProps {
@@ -2988,6 +2989,8 @@ declare type VideoProps = {
2988
2989
  height?: string;
2989
2990
  hasAudioControl?: boolean;
2990
2991
  withProgressBar?: boolean;
2992
+ /** Whether this video's slide is currently visible/active. Defaults to true. */
2993
+ isActive?: boolean;
2991
2994
  } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
2992
2995
  declare const Video: React.FC<VideoProps>;
2993
2996
 
package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),a=require("./styled.js");exports.ImageProductSlide=function(n){var r,l=n.content,s=n.topTag,u=n.topRightTag,c=n.bottomTag,m=n.testId,v=n.position,g=void 0===v?"vertical":v,h=n.borderRadiusVariant,p=n.ctaText,j=n.ctaAction,x=n.hideCTA,y=n.withZoom,b=n.isRatioSquare,z=n.videoAutoplay,T=void 0!==z&&z,I=n.hideVideoControls,C=void 0!==I&&I,Z=n.zoomOptions,_=null==l?void 0:l.url,q=null!==(r=null==l?void 0:l.isVideo)&&void 0!==r&&r,M=T||null==l?void 0:l.thumbnailUrl,R=C?{pointerEvents:"none"}:void 0,V=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(a.Container,o.__assign({"data-testid":m,className:"stylefor".concat(g),borderRadiusVariant:h,position:g},{children:[!q&&i.jsxs(i.Fragment,{children:[y?i.jsx(a.InnerImageZoomStyled,{src:_,zoomSrc:_,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==g?360:530,height:"horizontal"==g?480:720,hideHint:!0,isRatioSquare:b,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?V:void 0},void 0):i.jsx(a.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:_,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:b},void 0),i.jsx(a.TopTagContainer,o.__assign({borderRadiusVariant:h},{children:s}),void 0),i.jsx(a.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(a.TopRightTagWrapper,{children:i.jsx(a.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),q&&i.jsx(d.Video,{source:_,thumbnail:M,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:R,preload:"auto"},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(a.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),a=require("./styled.js");exports.ImageProductSlide=function(n){var r,l=n.content,s=n.topTag,u=n.topRightTag,c=n.bottomTag,m=n.testId,v=n.position,g=void 0===v?"vertical":v,h=n.borderRadiusVariant,p=n.ctaText,j=n.ctaAction,x=n.hideCTA,y=n.withZoom,z=n.isRatioSquare,b=n.videoAutoplay,T=void 0!==b&&b,I=n.hideVideoControls,C=void 0!==I&&I,Z=n.zoomOptions,_=null==l?void 0:l.url,q=null!==(r=null==l?void 0:l.isVideo)&&void 0!==r&&r,M=T||null==l?void 0:l.thumbnailUrl,R=C?{pointerEvents:"none"}:void 0,V=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(a.Container,o.__assign({"data-testid":m,className:"stylefor".concat(g),borderRadiusVariant:h,position:g},{children:[!q&&i.jsxs(i.Fragment,{children:[y?i.jsx(a.InnerImageZoomStyled,{src:_,zoomSrc:(null==l?void 0:l.zoomUrl)||_,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==g?360:530,height:"horizontal"==g?480:720,hideHint:!0,isRatioSquare:z,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?V:void 0},void 0):i.jsx(a.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:_,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:z},void 0),i.jsx(a.TopTagContainer,o.__assign({borderRadiusVariant:h},{children:s}),void 0),i.jsx(a.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(a.TopRightTagWrapper,{children:i.jsx(a.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),q&&i.jsx(d.Video,{source:_,thumbnail:M,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:R,preload:"auto"},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(a.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/lib/components/molecules/Video/Video.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(s){var u,a,c=s.source,d=s.thumbnail,l=s.height,m=s.className,f=s.withProgressBar,v=void 0===f||f,j=s.hasAudioControl,g=s.muted,h=s.onLoadedData,y=e.__rest(s,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData"]),p=t.useRef(null),q=t.useState(!0),P=q[0],b=q[1],x=t.useState(!1),_=x[0],C=x[1],L=t.useState(g),I=L[0],S=L[1],T=t.useState(0),k=T[0],B=T[1],D=t.useState(!1),M=D[0],V=D[1],A=k>0,H=(null===(u=p.current)||void 0===u?void 0:u.duration)?k/p.current.duration:0,N=k===(null===(a=null==p?void 0:p.current)||void 0===a?void 0:a.duration)||0===k,O=y.autoPlay?void 0:d;return r.jsxs(i.Container,e.__assign({className:m},{children:[!P&&v&&r.jsx(o.ProgressBar,{progress:H,hide:N},void 0),_?r.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){p.current&&_&&(p.current.pause(),C(!1))}},void 0):r.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){p.current&&!M&&(V(!0),p.current.play().then((function(){C(!0)})).catch((function(e){console.error("Error playing video:",e)})).finally((function(){return V(!1)})))}},{children:A&&r.jsx(i.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(i.MuteButton,e.__assign({onClick:function(){p.current&&S((function(e){return!e}))}},{children:[I&&r.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!I&&r.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.jsxs(i.HTMLVideo,e.__assign({},y,{muted:I,"data-testid":"video",poster:O,playsInline:!0,ref:p,onTimeUpdate:function(){if(p.current){var e=p.current.currentTime;requestAnimationFrame((function(){return B(e)}))}},onCanPlay:function(){return b(!1)},onLoadedData:function(e){h&&h(e),b(!1),y.autoPlay&&p.current&&p.current.play().then((function(){C(!0)})).catch((function(e){console.error("Error auto-playing video:",e)}))},onPause:function(){return C(!1)},onPlaying:function(){return C(!0)},height:l||"auto"},{children:[r.jsx("track",{kind:"captions"},void 0),r.jsx("source",{src:c},void 0)]}),void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var i=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var n=require("./components/ProgressBar.js"),o=require("./styled.js");exports.Video=function(s){var u,a,c=s.source,d=s.thumbnail,l=s.height,f=s.className,m=s.withProgressBar,v=void 0===m||m,j=s.hasAudioControl,h=s.muted,g=s.onLoadedData,p=s.autoPlay,y=s.isActive,q=void 0===y||y,P=e.__rest(s,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),b=t.useRef(null),x=t.useState(!0),_=x[0],C=x[1],L=t.useState(!1),I=L[0],A=L[1],S=t.useState(h),T=S[0],k=S[1],B=t.useState(0),D=B[0],M=B[1],N=t.useState(!1),w=N[0],V=N[1],E=t.useState(!1),H=E[0],O=E[1],z=D>0,F=(null===(u=b.current)||void 0===u?void 0:u.duration)?D/b.current.duration:0,R=D===(null===(a=null==b?void 0:b.current)||void 0===a?void 0:a.duration)||0===D,U=p?void 0:d;t.useEffect((function(){var e=b.current;if(e)if(q&&p){e.muted=!0,k(!0);var r=e.play();void 0!==r&&r.then((function(){A(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)}))}else e.pause(),A(!1)}),[q,p]);return r.jsxs(o.Container,e.__assign({className:f},{children:[!_&&v&&r.jsx(n.ProgressBar,{progress:F,hide:R},void 0),I?r.jsx(o.PauseContainer,{"data-testid":"pause",onClick:function(){b.current&&I&&(b.current.pause(),A(!1))}},void 0):r.jsx(o.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){b.current&&!w&&(V(!0),b.current.play().then((function(){A(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)})).finally((function(){return V(!1)})))}},{children:z&&r.jsx(o.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(o.MuteButton,e.__assign({onClick:function(){b.current&&k((function(e){return!e}))}},{children:[T&&r.jsx(i.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!T&&r.jsx(i.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.jsxs(o.HTMLVideo,e.__assign({},P,{muted:T,"data-testid":"video",poster:U,playsInline:!0,controls:H,ref:b,onTimeUpdate:function(){if(b.current){var e=b.current.currentTime;requestAnimationFrame((function(){return M(e)}))}},onCanPlay:function(){return C(!1)},onLoadedData:function(e){g&&g(e),C(!1)},onPause:function(){return A(!1)},onPlaying:function(){return A(!0)},height:l||"auto"},{children:[r.jsx("track",{kind:"captions"},void 0),r.jsx("source",{src:c},void 0)]}),void 0)]}),void 0)};
2
2
  //# sourceMappingURL=Video.js.map
package/build/lib/components/organisms/ModalZoom/ZoomModal.js CHANGED
@@ -1,2 +1,2 @@
1
- "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"),require("../../timerV2/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)};
1
+ "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"),require("../../timerV2/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.zoomUrl||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.zoomUrl||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)};
2
2
  //# sourceMappingURL=ZoomModal.js.map
package/build/lib/components/organisms/ModalZoom/ZoomModalV2.js CHANGED
@@ -1,2 +1,2 @@
1
- "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"),require("../../timerV2/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],V=S[1],T=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&&(V(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 V(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:T,"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:T,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),g&&r.jsxs(c.NavWrapper,e.__assign({"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)};
1
+ "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"),require("../../timerV2/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],V=S[1],T=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&&(V(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 V(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.zoomUrl||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:T,"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.zoomUrl||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:T,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),g&&r.jsxs(c.NavWrapper,e.__assign({"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)};
2
2
  //# sourceMappingURL=ZoomModalV2.js.map
package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),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)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../atoms/Image/Image.js"),s=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../../../icons/index.js"),c=require("../utils/sendCommandToIframe.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,h,g,f,x,b=v(i),j=v(t),_=v(r),k=j.default.div(p||(p=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),y=j.default.div(m||(m=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),T=j.default.div(h||(h=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),V=j.default.div(g||(g=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),q=j.default.div(f||(f=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),w=j.default.button(x||(x=e.__makeTemplateObject(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},R=function(e,n,i){if(n){var t=e<n,o=t?"eager":"lazy",r=t?"sync":"async";i.loading=o,i.decoding=r}return i};exports.Button=w,exports.Container=k,exports.NavButtonContainer=q,exports.default=function(i){var t=i.contents,r=i.customClick,v=void 0!==r&&r,p=i.topTag,m=i.topRightTag,h=i.bottomTag,g=i.testId,f=i.borderRadiusVariant,x=i.selectedValue,j=i.onChange,O=i.itemsOnViewport,z=void 0===O?0:O,I=i.videoAutoplay,S=void 0!==I&&I,P=i.hideVideoControls,A=void 0!==P&&P,B=i.videoMuted,M=void 0===B||B,N=i.videoLoop,D=void 0===N||N,E=i.enableZoom,F=void 0===E||E,G=o.useRef(null),L=o.useRef(null);s.usePreventVerticalScroll(L);var U=o.useCallback((function(e){var n;null===(n=G.current)||void 0===n||n.slickGoTo(e)}),[G]);return o.useEffect((function(){var e;if(x){var n=t.findIndex((function(e){return e.url===x.url}));-1!==n&&(null===(e=G.current)||void 0===e||e.slickGoTo(n))}}),[t,x]),n.jsxs(n.Fragment,{children:[v&&n.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return n.jsx(a,{onClick:function(){return U(i)},text:String(i+1),inline:!0},i)}))}),void 0),n.jsx(k,e.__assign({"data-testid":g,borderRadiusVariant:f,ref:L},{children:n.jsx(b.default,e.__assign({afterChange:function(e){var n,i=t[e];(null===(n=null==i?void 0:i.url)||void 0===n?void 0:n.includes("autoplay=1"))?c.playVideoCommand():c.stopVideoCommand(),null==j||j(e)}},C,{nextArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G},{children:t.map((function(i,t){var o,r=null==i?void 0:i.url,a=null!==(o=null==i?void 0:i.isVideo)&&void 0!==o&&o,s={alt:i.alt,width:"100%",height:"510px"};return n.jsx("div",{children:a?n.jsx(d.Video,{source:r,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:S,muted:M,loop:D,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n.jsxs(n.Fragment,{children:[F?n.jsx(_.default,{src:r,zoomSrc:(null==i?void 0:i.zoomUrl)||r,zoomType:"hover",imgAttributes:R(t,z,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):n.jsx(l.Image,{src:r,alt:i.alt,width:"100%",height:"500px",loading:R(t,z,s).loading,decoding:R(t,z,s).decoding},void 0),n.jsx(y,e.__assign({borderRadiusVariant:f,"data-testid":"topTag"},{children:p}),void 0),n.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:h}),void 0),!!m&&n.jsx(T,{children:m},void 0)]},void 0)},i.key)}))}),void 0)}),void 0)]},void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js CHANGED
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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.zoomUrl||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;
2
2
  //# sourceMappingURL=ImageProductSlideV2.js.map
package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js CHANGED
@@ -1,2 +1,2 @@
1
- "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"),require("../../../timerV2/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)};
1
+ "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"),l=require("../../../atoms/Image/Image.js"),n=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var a=require("../../../../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"),require("../../../timerV2/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(n,{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.zoomUrl||i.url,zoomType:"hover",imgAttributes:{alt:i.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):r.jsx(l.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)};
2
2
  //# sourceMappingURL=ImageProductSlideV3.js.map
package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../../icons/index.js"),l=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t){if(i){var r=e<i,n=r?"eager":"lazy",o=r?"sync":"async";t.loading=n,t.decoding=o}return t};module.exports=function(t){var n=t.contents,u=t.testId,g=t.borderRadiusVariant,m=t.onChange,x=t.itemsOnViewport,j=void 0===x?0:x,S=t.selectedImageIndex,p=t.setSelectedImageIndex,q=r.useRef(null),C=r.useRef(null),I=r.useState(!0),V=I[0],y=I[1];function b(){y(!1)}function w(){y(!0)}return a.usePreventVerticalScroll(C),r.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(S,!0)}),[n,S]),r.useEffect((function(){w()}),[S]),i.jsx(d.Container,e.__assign({"data-testid":u,borderRadiusVariant:g,ref:C},{children:i.jsx(c.default,e.__assign({afterChange:function(e){return l.afterChangeSlide({slide:e,contents:n,setSelectedImageIndex:p,onChange:m})}},f,{adaptiveHeight:!0,nextArrow:V?i.jsx(d.NavButtonContainer,e.__assign({"data-testid":"main-gallery-next-button"},{children:i.jsx(d.Button,{children:i.jsx(s.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:V?i.jsx(d.NavButtonContainer,{children:i.jsx(d.Button,{children:i.jsx(s.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:q},{children:n.map((function(t,r){var n,a=null==t?void 0:t.url,s=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,l={alt:t.alt,height:"512px"};return i.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(r)},{children:s?i.jsx(o.Video,{source:a,thumbnail:null==t?void 0:t.thumbnailUrl},void 0):i.jsx(v.default,{afterZoomIn:b,afterZoomOut:w,src:a,zoomSrc:a,zoomType:"hover",imgAttributes:h(r,j,l),className:"zoomWrapper"},void 0)}),t.key)}))}),void 0)}),void 0)};
1
+ "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),l=require("../../../../../icons/index.js"),s=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t){if(i){var r=e<i,n=r?"eager":"lazy",o=r?"sync":"async";t.loading=n,t.decoding=o}return t};module.exports=function(t){var n=t.contents,u=t.testId,g=t.borderRadiusVariant,m=t.onChange,x=t.itemsOnViewport,j=void 0===x?0:x,S=t.selectedImageIndex,p=t.setSelectedImageIndex,q=r.useRef(null),C=r.useRef(null),I=r.useState(!0),V=I[0],y=I[1];function b(){y(!1)}function w(){y(!0)}return a.usePreventVerticalScroll(C),r.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(S,!0)}),[n,S]),r.useEffect((function(){w()}),[S]),i.jsx(d.Container,e.__assign({"data-testid":u,borderRadiusVariant:g,ref:C},{children:i.jsx(c.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:n,setSelectedImageIndex:p,onChange:m})}},f,{adaptiveHeight:!0,nextArrow:V?i.jsx(d.NavButtonContainer,e.__assign({"data-testid":"main-gallery-next-button"},{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:V?i.jsx(d.NavButtonContainer,{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:q},{children:n.map((function(t,r){var n,a=null==t?void 0:t.url,l=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,s={alt:t.alt,height:"512px"};return i.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(r)},{children:l?i.jsx(o.Video,{source:a,thumbnail:null==t?void 0:t.thumbnailUrl},void 0):i.jsx(v.default,{afterZoomIn:b,afterZoomOut:w,src:a,zoomSrc:(null==t?void 0:t.zoomUrl)||a,zoomType:"hover",imgAttributes:h(r,j,s),className:"zoomWrapper"},void 0)}),t.key)}))}),void 0)}),void 0)};
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.16.0",
6
+ "version": "7.17.1",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",