npm - @trafilea/afrodita-components - Versions diffs - 7.13.3 → 7.13.5 - Mend

@trafilea/afrodita-components 7.13.3 → 7.13.5

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 (26) hide show

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

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as d}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as n}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as m}from"./styled.js";var l=function(l){var v=l.images,u=l.selectedValue,p=l.topTag,c=l.topRightTag,g=l.bottomTag,w=l.productImageDataTestId,I=l.previewListDataTestId,f=l.thumbnailPosition,h=l.borderRadiusVariant,T=void 0!==h&&h,P=l.previewImgBorderColor,V=l.ctaText,b=l.ctaAction,A=l.hideCTA,O=void 0===A||A,R=l.hasOverflowArrows,x=void 0!==R&&R,y=l.withZoom,z=void 0===y||y,C=l.hasToPreserveOrder,S=void 0!==C&&C,j=l.isRatioSquare,q=l.itemsOnViewport,B=void 0===q?6:q,L=l.videoAutoplay,M=void 0!==L&&L,Z=l.videoInPreview,D=void 0!==Z&&Z,k=l.hideVideoControls,E=void 0!==k&&k,F=l.alwaysPlayInPreview,G=void 0!==F&&F,H=l.zoomOptions,J=r(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(v,u)),K=J[0],N=J[1];if(a((function(){if(u&&!S){var o=v.indexOf(u);o>-1&&N(o)}}),[u,S]),0===v.length)return null;var Q=v[K];return i(e,{children:[i(m,o({thumbnailPosition:f},{children:[t(n,{images:v,selectedImage:Q,dataTestId:I,onClick:function(o){N(o)},position:f,borderRadiusVariant:T,previewImgBorderColor:P,hasOverflowArrows:x,isRatioSquare:j,itemsOnViewport:B,videoInPreview:D,alwaysPlayInPreview:G},void 0),t(s,{content:Q,topTag:p,topRightTag:c,bottomTag:g,testId:w,position:f,borderRadiusVariant:T,ctaText:V,ctaAction:b,hideCTA:O,withZoom:z,isRatioSquare:j,videoAutoplay:M,hideVideoControls:E,zoomVersion:null==H?void 0:H.zoomVersion},void 0)]}),void 0),Boolean(null==H?void 0:H.zoomModalId)&&t(d,{version:null==H?void 0:H.zoomVersion,modalId:(null==H?void 0:H.zoomModalId)||"zoom-modal-v1",contents:v,initialSlide:K},void 0)]},void 0)};export{l as ProductGallery};
+import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as d}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as n}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as m}from"./styled.js";var l=function(l){var v=l.images,u=l.selectedValue,p=l.topTag,c=l.topRightTag,f=l.bottomTag,g=l.productImageDataTestId,w=l.previewListDataTestId,I=l.thumbnailPosition,h=l.borderRadiusVariant,T=void 0!==h&&h,P=l.previewImgBorderColor,O=l.ctaText,V=l.ctaAction,b=l.hideCTA,A=void 0===b||b,R=l.hasOverflowArrows,x=void 0!==R&&R,y=l.withZoom,C=void 0===y||y,z=l.hasToPreserveOrder,S=void 0!==z&&z,j=l.isRatioSquare,q=l.itemsOnViewport,B=void 0===q?6:q,L=l.videoAutoplay,M=void 0!==L&&L,Z=l.videoInPreview,D=void 0!==Z&&Z,k=l.hideVideoControls,E=void 0!==k&&k,F=l.alwaysPlayInPreview,G=void 0!==F&&F,H=l.zoomOptions,J=r(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(v,u)),K=J[0],N=J[1];if(a((function(){if(u&&!S){var o=v.indexOf(u);o>-1&&N(o)}}),[u,S]),0===v.length)return null;var Q=v[K];return i(e,{children:[i(m,o({thumbnailPosition:I},{children:[t(n,{images:v,selectedImage:Q,dataTestId:w,onClick:function(o){N(o)},position:I,borderRadiusVariant:T,previewImgBorderColor:P,hasOverflowArrows:x,isRatioSquare:j,itemsOnViewport:B,videoInPreview:D,alwaysPlayInPreview:G},void 0),t(s,{content:Q,topTag:p,topRightTag:c,bottomTag:f,testId:g,position:I,borderRadiusVariant:T,ctaText:O,ctaAction:V,hideCTA:A,withZoom:C,isRatioSquare:j,videoAutoplay:M,hideVideoControls:E,zoomOptions:H},void 0)]}),void 0),Boolean(null==H?void 0:H.zoomModalId)&&t(d,{version:null==H?void 0:H.zoomVersion,modalId:(null==H?void 0:H.zoomModalId)||"zoom-modal-v1",contents:v,initialSlide:K,fade:null==H?void 0:H.fade},void 0)]},void 0)};export{l as ProductGallery};
 //# sourceMappingURL=ProductGallery.js.map

package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as e}from"react/jsx-runtime";import{ZoomButtonComponent as d}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as l,TopTagContainer as s,BottomTagContainer as c,TopRightTagWrapper as v,TopRightTagContainer as m,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var u=function(u){var p,g=u.content,b=u.topTag,y=u.topRightTag,V=u.bottomTag,f=u.testId,j=u.position,z=void 0===j?"vertical":j,R=u.borderRadiusVariant,T=u.ctaText,x=u.ctaAction,w=u.hideCTA,A=u.withZoom,C=u.isRatioSquare,S=u.videoAutoplay,q=void 0!==S&&S,B=u.hideVideoControls,P=void 0!==B&&B,Z=u.zoomVersion,k=null==g?void 0:g.url,F=null!==(p=null==g?void 0:g.isVideo)&&void 0!==p&&p,H=q||null==g?void 0:g.thumbnailUrl,I=P?{pointerEvents:"none"}:void 0;return i(a,o({"data-testid":f,className:"stylefor".concat(z),borderRadiusVariant:R,position:z},{children:[!F&&i(t,{children:[A?e(n,{src:k,zoomSrc:k,zoomType:"hover",imgAttributes:{alt:g.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==z?360:530,height:"horizontal"==z?480:720,hideHint:!0,isRatioSquare:C},void 0):e(l,{width:"horizontal"==z?"360px":"530px",height:"auto",src:k,alt:g.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:C},void 0),e(s,o({borderRadiusVariant:R},{children:b}),void 0),e(c,o({isCTAHidden:w},{children:V}),void 0),!!y&&e(v,{children:e(m,{children:y},void 0)},void 0)]},void 0),F&&e(r,{source:k,thumbnail:H,autoPlay:q,muted:!0,loop:!0,withProgressBar:!P,style:I,preload:"auto"},void 0),T&&x&&e("div",o({style:{display:w?"none":"block"}},{children:e(h,{wide:!0,onClick:x,text:T},void 0)}),void 0),Boolean(Z)&&e(d,{modalId:"zoom-modal-".concat(Z)},void 0)]}),void 0)};export{u as ImageProductSlide};
+import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as e}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as l}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as c,TopRightTagWrapper as v,TopRightTagContainer as u,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var p=function(p){var g,b=p.content,z=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,R=p.position,T=void 0===R?"vertical":R,V=p.borderRadiusVariant,x=p.ctaText,C=p.ctaAction,I=p.hideCTA,M=p.withZoom,Z=p.isRatioSquare,w=p.videoAutoplay,A=void 0!==w&&w,k=p.hideVideoControls,S=void 0!==k&&k,q=p.zoomOptions,B=null==b?void 0:b.url,P=null!==(g=null==b?void 0:b.isVideo)&&void 0!==g&&g,F=A||null==b?void 0:b.thumbnailUrl,H=S?{pointerEvents:"none"}:void 0,E=e((null==q?void 0:q.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(T),borderRadiusVariant:V,position:T,onClick:(null==q?void 0:q.zoomModalId)?E:void 0},{children:[!P&&i(t,{children:[M?d(n,{src:B,zoomSrc:B,zoomType:"hover",imgAttributes:{alt:b.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==T?360:530,height:"horizontal"==T?480:720,hideHint:!0,isRatioSquare:Z},void 0):d(s,{width:"horizontal"==T?"360px":"530px",height:"auto",src:B,alt:b.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:Z},void 0),d(m,o({borderRadiusVariant:V},{children:z}),void 0),d(c,o({isCTAHidden:I},{children:f}),void 0),!!y&&d(v,{children:d(u,{children:y},void 0)},void 0)]},void 0),P&&d(r,{source:B,thumbnail:F,autoPlay:A,muted:!0,loop:!0,withProgressBar:!S,style:H,preload:"auto"},void 0),x&&C&&d("div",o({style:{display:I?"none":"block"}},{children:d(h,{wide:!0,onClick:C,text:x},void 0)}),void 0),Boolean(null==q?void 0:q.zoomModalId)&&d(l,{modalId:(null==q?void 0:q.zoomModalId)||"zoom-modal-v1"},void 0)]}),void 0)};export{p as ImageProductSlide};
 //# sourceMappingURL=ImageProductSlide.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"@ant-design/react-slick";import"../../modal/Modal.js";import"./zoomModal.styled.js";import"react-zoom-pan-pinch";import"./ZoomModalV2.styled.js";import{Video as r}from"../../molecules/Video/Video.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"@emotion/react";import"../../textWithImage/index.js";import"../../timer/styled.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../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"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";var o=function(o){var e=o.content,i=o.videoAutoplay,s=void 0===i||i,l=o.videoMuted,a=void 0===l||l,m=o.videoLoop,p=void 0===m||m,d=o.hideVideoControls,c=void 0===d||d;return t(r,{source:e.url,thumbnail:null==e?void 0:e.thumbnailUrl,autoPlay:s,muted:a,loop:p,withProgressBar:!c,style:c?{pointerEvents:"none"}:void 0,preload:"auto"},e.key)};export{o as VideoDisplay};
+import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"@ant-design/react-slick";import"../../modal/Modal.js";import"./zoomModal.styled.js";import"react-zoom-pan-pinch";import"./ZoomModalV2.styled.js";import{Video as r}from"../../molecules/Video/Video.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"@emotion/react";import"../../textWithImage/index.js";import"../../timer/styled.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../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"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";var o=function(o){var e=o.content,i=o.videoAutoplay,s=void 0===i||i,l=o.videoMuted,a=void 0===l||l,m=o.videoLoop,p=void 0===m||m,d=o.hideVideoControls,c=void 0===d||d,n=o.sizes;return t(r,{source:e.url,thumbnail:null==e?void 0:e.thumbnailUrl,autoPlay:s,muted:a,loop:p,withProgressBar:!c,style:c?{pointerEvents:"none"}:void 0,preload:"auto",height:null==n?void 0:n.height,width:null==n?void 0:n.width},e.key)};export{o as VideoDisplay};
 //# sourceMappingURL=VideoDisplay.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useCallback as o}from"react";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 e from"../../../hooks/useDeviceType/useDeviceType.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 i}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../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"@ant-design/react-slick";import{modalEvent as s}from"../../modal/Modal.js";import{ZoomButtonContainer as l,ZoomButton as a}from"./zoomModal.styled.js";import"react-zoom-pan-pinch";import"./ZoomModalV2.styled.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"../../textWithImage/index.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";var m=function(m){var p=m.modalId,d="mobile"===e(),c=o((function(){s("".concat(p),{type:"open"})}),[p]);return r(l,t({isMobile:d},{children:r(a,t({onClick:c,"data-testid":"zoom-button","aria-label":"Zoom image"},{children:r(i,{name:"pdp/zoom",height:1.5,width:1.5},void 0)}),void 0)}),void 0)};export{m as ZoomButtonComponent};
+import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import o from"../../../hooks/useDeviceType/useDeviceType.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 e}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../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"@ant-design/react-slick";import"../../modal/Modal.js";import{ZoomButtonContainer as i,ZoomButton as s}from"./zoomModal.styled.js";import"react-zoom-pan-pinch";import"./ZoomModalV2.styled.js";import{useZoom as l}from"./useZoom.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"../../textWithImage/index.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";var a=function(a){var m=a.modalId,p="mobile"===o(),d=l(m).handleZoomClick;return r(i,t({isMobile:p},{children:r(s,t({onClick:d,"data-testid":"zoom-button","aria-label":"Zoom image"},{children:r(e,{name:"pdp/zoom",height:1.5,width:1.5},void 0)}),void 0)}),void 0)};export{a as ZoomButtonComponent};
 //# sourceMappingURL=ZoomButton.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Modal as r}from"../../modal/Modal.js";var t,o,i,a,s,d,p,l,f,c,x,b,u=e.button(t||(t=n(["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"],["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"]))),g=e(r)(o||(o=n(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),h=e.button(i||(i=n(["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),m=e.div(a||(a=n(["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"],["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),y=e.div(s||(s=n(["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"],["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"]))),k=e.div(d||(d=n(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"]))),w=e.div(p||(p=n(["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"],["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"]))),v=e.button(l||(l=n(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),j=e.button(f||(f=n(["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"])),(function(n){return n.isLeft?"left: 20px;":"right: 20px;"})),z=e.div(c||(c=n(["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"]))),Y=e.button(x||(x=n(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),L=e.button(b||(b=n(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));export{u as CloseButton,v as CloseButtonTopRight,y as CloseWrapper,h as DesktopNavButton,k as MobileImageContainer,j as NavButton,m as NavWrapper,w as SlideCounterBadge,z as ZoomControlsContainer,Y as ZoomMinusButton,g as ZoomModalWrapper,L as ZoomPlusButton};
+import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Modal as t}from"../../modal/Modal.js";var r,o,i,a,s,d,p,l,c,f,x,b,u=e.button(r||(r=n(["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"],["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"]))),g=e(t)(o||(o=n(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),h=e.button(i||(i=n(["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),m=e.div(a||(a=n(["\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  width: 90%;\n  z-index: 10000 !important;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"],["\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  width: 90%;\n  z-index: 10000 !important;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),y=e.div(s||(s=n(["\n  position: absolute;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n  z-index: 10000 !important;\n"],["\n  position: absolute;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n  z-index: 10000 !important;\n"]))),k=e.div(d||(d=n(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"]))),w=e.div(p||(p=n(["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"],["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"]))),v=e.button(l||(l=n(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),j=e.button(c||(c=n(["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"])),(function(n){return n.isLeft?"left: 20px;":"right: 20px;"})),z=e.div(f||(f=n(["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"]))),Y=e.button(x||(x=n(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),L=e.button(b||(b=n(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));export{u as CloseButton,v as CloseButtonTopRight,y as CloseWrapper,h as DesktopNavButton,k as MobileImageContainer,j as NavButton,m as NavWrapper,w as SlideCounterBadge,z as ZoomControlsContainer,Y as ZoomMinusButton,g as ZoomModalWrapper,L as ZoomPlusButton};
 //# sourceMappingURL=ZoomModalV2.styled.js.map

package/build/es/components/organisms/ModalZoom/useZoom.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{modalEvent as o}from"../../modal/Modal.js";var n=function(n){return{handleZoomClick:function(){o("".concat(n),{type:"open"})}}};export{n as useZoom};
2	+ //# sourceMappingURL=useZoom.js.map

package/build/es/components/organisms/ModalZoom/useZoom.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useZoom.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/es/components/organisms/ModalZoom/zoomModal.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Image as i}from"../../atoms/Image/Image.js";import{Modal as r}from"../../modal/Modal.js";var t=e.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"]))),o=e.div(p||(p=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"]))),l=e.h2(f||(f=n(["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"],["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"]))),a=e.button(g||(g=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"])));e.div(b||(b=n(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"])),(function(n){return n.isMobile?"flex-direction: column;":"flex-direction: row;"}),(function(n){return n.isMobile?"auto":"100%"}));var d=e.div(x||(x=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"])));e.div(m||(m=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"]))),e.div(u||(u=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"])),(function(n){return n.isMobile?"height: 510px;":"min-height: 510px;"})),e.div(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"])));var s=e(i)(y||(y=n(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"])),(function(n){var e=n.marginRight;return e&&"padding-right: ".concat(e,";")}));e.div(w||(w=n(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var c,p,f,g,b,x,m,u,h,y,w,v,k,j,z,I,M,E=e(r)(v||(v=n(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),F=e.div(k||(k=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"]))),H=e.div(j||(j=n(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"]))),K=e.button(z||(z=n(["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),W=e.div(I||(I=n(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),Y=e.button(M||(M=n(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));export{a as CloseButton,F as DesktopSliderContainer,K as NavigationButton,H as SliderWrapper,d as VerticalScrollContainer,Y as ZoomButton,W as ZoomButtonContainer,s as ZoomImage,t as ZoomModalContainer,o as ZoomModalHeader,l as ZoomModalTitle,E as ZoomModalWrapper};
+import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Image as i}from"../../atoms/Image/Image.js";import{Modal as t}from"../../modal/Modal.js";var r=e.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"]))),o=e.div(p||(p=n(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"]))),d=e.h2(f||(f=n(["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"],["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"]))),a=e.button(g||(g=n(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"])));e.div(b||(b=n(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"])),(function(n){return n.isMobile?"flex-direction: column;":"flex-direction: row;"}),(function(n){return n.isMobile?"auto":"100%"}));var l=e.div(m||(m=n(["\n  overflow-y: hidden;\n"],["\n  overflow-y: hidden;\n"])));e.div(x||(x=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: hidden;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: hidden;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"]))),e.div(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"])),(function(n){return n.isMobile?"height: 510px;":"min-height: 510px;"})),e.div(u||(u=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"])));var s=e(i)(y||(y=n(["\n  width: 100%;\n  height: inherit;\n  object-fit: cover;\n  ","\n"],["\n  width: 100%;\n  height: inherit;\n  object-fit: cover;\n  ","\n"])),(function(n){var e=n.marginRight;return e&&"padding-right: ".concat(e,";")}));e.div(v||(v=n(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var c,p,f,g,b,m,x,h,u,y,v,k,w,j,z,M,I,E=e(t)(k||(k=n(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),F=e.div(w||(w=n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"]))),H=e.div(j||(j=n(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"]))),K=e.button(z||(z=n(["\n  position: absolute;\n  ","\n  top: 40%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  position: absolute;\n  ","\n  top: 40%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),W=e.div(M||(M=n(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),Y=e.button(I||(I=n(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));export{a as CloseButton,F as DesktopSliderContainer,K as NavigationButton,H as SliderWrapper,l as VerticalScrollContainer,Y as ZoomButton,W as ZoomButtonContainer,s as ZoomImage,r as ZoomModalContainer,o as ZoomModalHeader,d as ZoomModalTitle,E as ZoomModalWrapper};
 //# sourceMappingURL=zoomModal.styled.js.map

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

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

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

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

package/build/index.d.ts CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),d=require("./styled.js");exports.ProductGallery=function(n){var s=n.images,l=n.selectedValue,v=n.topTag,u=n.topRightTag,m=n.bottomTag,c=n.productImageDataTestId,g=n.previewListDataTestId,p=n.thumbnailPosition,I=n.borderRadiusVariant,w=void 0!==I&&I,P=n.previewImgBorderColor,h=n.ctaText,f=n.ctaAction,T=n.hideCTA,x=void 0===T||T,j=n.hasOverflowArrows,V=void 0!==j&&j,q=n.withZoom,b=void 0===q||q,y=n.hasToPreserveOrder,C=void 0!==y&&y,O=n.isRatioSquare,A=n.itemsOnViewport,R=void 0===A?6:A,S=n.videoAutoplay,z=void 0!==S&&S,M=n.videoInPreview,L=void 0!==M&&M,Z=n.hideVideoControls,_=void 0!==Z&&Z,B=n.alwaysPlayInPreview,D=void 0!==B&&B,k=n.zoomOptions,E=i.useState(function(e,o){if(o){var i=e.indexOf(o);return i>-1?i:0}return 0}(s,l)),F=E[0],G=E[1];if(i.useEffect((function(){if(l&&!C){var e=s.indexOf(l);e>-1&&G(e)}}),[l,C]),0===s.length)return null;var H=s[F];return o.jsxs(o.Fragment,{children:[o.jsxs(d.Container,e.__assign({thumbnailPosition:p},{children:[o.jsx(r.ImagePreviewList,{images:s,selectedImage:H,dataTestId:g,onClick:function(e){G(e)},position:p,borderRadiusVariant:w,previewImgBorderColor:P,hasOverflowArrows:V,isRatioSquare:O,itemsOnViewport:R,videoInPreview:L,alwaysPlayInPreview:D},void 0),o.jsx(a.ImageProductSlide,{content:H,topTag:v,topRightTag:u,bottomTag:m,testId:c,position:p,borderRadiusVariant:w,ctaText:h,ctaAction:f,hideCTA:x,withZoom:b,isRatioSquare:O,videoAutoplay:z,hideVideoControls:_,zoomVersion:null==k?void 0:k.zoomVersion},void 0)]}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&o.jsx(t.ZoomModalComponent,{version:null==k?void 0:k.zoomVersion,modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",contents:s,initialSlide:F},void 0)]},void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),d=require("./styled.js");exports.ProductGallery=function(n){var s=n.images,l=n.selectedValue,v=n.topTag,u=n.topRightTag,m=n.bottomTag,c=n.productImageDataTestId,g=n.previewListDataTestId,p=n.thumbnailPosition,I=n.borderRadiusVariant,w=void 0!==I&&I,P=n.previewImgBorderColor,f=n.ctaText,h=n.ctaAction,T=n.hideCTA,x=void 0===T||T,j=n.hasOverflowArrows,q=void 0!==j&&j,O=n.withZoom,b=void 0===O||O,y=n.hasToPreserveOrder,C=void 0!==y&&y,V=n.isRatioSquare,A=n.itemsOnViewport,R=void 0===A?6:A,S=n.videoAutoplay,z=void 0!==S&&S,M=n.videoInPreview,L=void 0!==M&&M,Z=n.hideVideoControls,_=void 0!==Z&&Z,B=n.alwaysPlayInPreview,D=void 0!==B&&B,k=n.zoomOptions,E=i.useState(function(e,o){if(o){var i=e.indexOf(o);return i>-1?i:0}return 0}(s,l)),F=E[0],G=E[1];if(i.useEffect((function(){if(l&&!C){var e=s.indexOf(l);e>-1&&G(e)}}),[l,C]),0===s.length)return null;var H=s[F];return o.jsxs(o.Fragment,{children:[o.jsxs(d.Container,e.__assign({thumbnailPosition:p},{children:[o.jsx(r.ImagePreviewList,{images:s,selectedImage:H,dataTestId:g,onClick:function(e){G(e)},position:p,borderRadiusVariant:w,previewImgBorderColor:P,hasOverflowArrows:q,isRatioSquare:V,itemsOnViewport:R,videoInPreview:L,alwaysPlayInPreview:D},void 0),o.jsx(a.ImageProductSlide,{content:H,topTag:v,topRightTag:u,bottomTag:m,testId:c,position:p,borderRadiusVariant:w,ctaText:f,ctaAction:h,hideCTA:x,withZoom:b,isRatioSquare:V,videoAutoplay:z,hideVideoControls:_,zoomOptions:k},void 0)]}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&o.jsx(t.ZoomModalComponent,{version:null==k?void 0:k.zoomVersion,modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",contents:s,initialSlide:F,fade:null==k?void 0:k.fade},void 0)]},void 0)};
 //# sourceMappingURL=ProductGallery.js.map

package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/ZoomButton.js"),t=require("../../../molecules/Video/Video.js"),r=require("./styled.js");exports.ImageProductSlide=function(a){var n,d=a.content,s=a.topTag,l=a.topRightTag,c=a.bottomTag,u=a.testId,v=a.position,g=void 0===v?"vertical":v,h=a.borderRadiusVariant,m=a.ctaText,p=a.ctaAction,j=a.hideCTA,x=a.withZoom,y=a.isRatioSquare,T=a.videoAutoplay,b=void 0!==T&&T,_=a.hideVideoControls,C=void 0!==_&&_,R=a.zoomVersion,V=null==d?void 0:d.url,q=null!==(n=null==d?void 0:d.isVideo)&&void 0!==n&&n,S=b||null==d?void 0:d.thumbnailUrl,z=C?{pointerEvents:"none"}:void 0;return i.jsxs(r.Container,o.__assign({"data-testid":u,className:"stylefor".concat(g),borderRadiusVariant:h,position:g},{children:[!q&&i.jsxs(i.Fragment,{children:[x?i.jsx(r.InnerImageZoomStyled,{src:V,zoomSrc:V,zoomType:"hover",imgAttributes:{alt:d.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==g?360:530,height:"horizontal"==g?480:720,hideHint:!0,isRatioSquare:y},void 0):i.jsx(r.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:V,alt:d.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:y},void 0),i.jsx(r.TopTagContainer,o.__assign({borderRadiusVariant:h},{children:s}),void 0),i.jsx(r.BottomTagContainer,o.__assign({isCTAHidden:j},{children:c}),void 0),!!l&&i.jsx(r.TopRightTagWrapper,{children:i.jsx(r.TopRightTagContainer,{children:l},void 0)},void 0)]},void 0),q&&i.jsx(t.Video,{source:V,thumbnail:S,autoPlay:b,muted:!0,loop:!0,withProgressBar:!C,style:z,preload:"auto"},void 0),m&&p&&i.jsx("div",o.__assign({style:{display:j?"none":"block"}},{children:i.jsx(r.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:p,text:m},void 0)}),void 0),Boolean(R)&&i.jsx(e.ZoomButtonComponent,{modalId:"zoom-modal-".concat(R)},void 0)]}),void 0)};
+"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,T=n.isRatioSquare,b=n.videoAutoplay,z=void 0!==b&&b,C=n.hideVideoControls,I=void 0!==C&&C,_=n.zoomOptions,q=null==l?void 0:l.url,R=null!==(r=null==l?void 0:l.isVideo)&&void 0!==r&&r,Z=z||null==l?void 0:l.thumbnailUrl,S=I?{pointerEvents:"none"}:void 0,V=e.useZoom((null==_?void 0:_.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(a.Container,o.__assign({"data-testid":m,className:"stylefor".concat(g),borderRadiusVariant:h,position:g,onClick:(null==_?void 0:_.zoomModalId)?V:void 0},{children:[!R&&i.jsxs(i.Fragment,{children:[y?i.jsx(a.InnerImageZoomStyled,{src:q,zoomSrc:q,zoomType:"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:T},void 0):i.jsx(a.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:q,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:T},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),R&&i.jsx(d.Video,{source:q,thumbnail:Z,autoPlay:z,muted:!0,loop:!0,withProgressBar:!I,style:S,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==_?void 0:_.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==_?void 0:_.zoomModalId)||"zoom-modal-v1"},void 0)]}),void 0)};
 //# sourceMappingURL=ImageProductSlide.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("tslib"),require("react"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../atoms/Icon/Icon.js"),require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../collection/product/mobile/styled.js"),require("../../icon-button/IconButton.js"),require("../../tag/variants/product/styled.js"),require("../../collection/product/truekind/styled.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../cta/styled.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/style.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../input/base/Error.js"),require("../../shared/select/BaseSelect.js"),require("../../dropdown/variants/smart/styled.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js"),require("@ant-design/react-slick"),require("../../modal/Modal.js"),require("./zoomModal.styled.js"),require("react-zoom-pan-pinch"),require("./ZoomModalV2.styled.js");var r=require("../../molecules/Video/Video.js");require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../iconsWithTitle/index.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/styled.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("@emotion/react"),require("../../textWithImage/index.js"),require("../../timer/styled.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../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("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("../TwoCtasAtCart/Greeting.styled.js"),require("../TwoCtasAtCart/Card.styled.js"),require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js"),require("../../molecules/ScarcityTag/ScarcityTag.styled.js");exports.VideoDisplay=function(i){var s=i.content,t=i.videoAutoplay,l=void 0===t||t,o=i.videoMuted,u=void 0===o||o,a=i.videoLoop,d=void 0===a||a,c=i.hideVideoControls,q=void 0===c||c;return e.jsx(r.Video,{source:s.url,thumbnail:null==s?void 0:s.thumbnailUrl,autoPlay:l,muted:u,loop:d,withProgressBar:!q,style:q?{pointerEvents:"none"}:void 0,preload:"auto"},s.key)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("tslib"),require("react"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../atoms/Icon/Icon.js"),require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../collection/product/mobile/styled.js"),require("../../icon-button/IconButton.js"),require("../../tag/variants/product/styled.js"),require("../../collection/product/truekind/styled.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../cta/styled.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/style.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../input/base/Error.js"),require("../../shared/select/BaseSelect.js"),require("../../dropdown/variants/smart/styled.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js"),require("@ant-design/react-slick"),require("../../modal/Modal.js"),require("./zoomModal.styled.js"),require("react-zoom-pan-pinch"),require("./ZoomModalV2.styled.js");var r=require("../../molecules/Video/Video.js");require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../iconsWithTitle/index.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/styled.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("@emotion/react"),require("../../textWithImage/index.js"),require("../../timer/styled.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../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("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("../TwoCtasAtCart/Greeting.styled.js"),require("../TwoCtasAtCart/Card.styled.js"),require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js"),require("../../molecules/ScarcityTag/ScarcityTag.styled.js");exports.VideoDisplay=function(i){var s=i.content,t=i.videoAutoplay,l=void 0===t||t,o=i.videoMuted,u=void 0===o||o,a=i.videoLoop,d=void 0===a||a,c=i.hideVideoControls,n=void 0===c||c,q=i.sizes;return e.jsx(r.Video,{source:s.url,thumbnail:null==s?void 0:s.thumbnailUrl,autoPlay:l,muted:u,loop:d,withProgressBar:!n,style:n?{pointerEvents:"none"}:void 0,preload:"auto",height:null==q?void 0:q.height,width:null==q?void 0:q.width},s.key)};
 //# sourceMappingURL=VideoDisplay.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react");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");var s=require("../../../hooks/useDeviceType/useDeviceType.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 t=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../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"),require("@ant-design/react-slick");var l=require("../../modal/Modal.js"),o=require("./zoomModal.styled.js");require("react-zoom-pan-pinch"),require("./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("../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");exports.ZoomButtonComponent=function(u){var a=u.modalId,d="mobile"===s(),c=i.useCallback((function(){l.modalEvent("".concat(a),{type:"open"})}),[a]);return r.jsx(o.ZoomButtonContainer,e.__assign({isMobile:d},{children:r.jsx(o.ZoomButton,e.__assign({onClick:c,"data-testid":"zoom-button","aria-label":"Zoom image"},{children:r.jsx(t.Icon,{name:"pdp/zoom",height:1.5,width:1.5},void 0)}),void 0)}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("react"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js");var i=require("../../../hooks/useDeviceType/useDeviceType.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 s=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../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"),require("@ant-design/react-slick"),require("../../modal/Modal.js");var t=require("./zoomModal.styled.js");require("react-zoom-pan-pinch"),require("./ZoomModalV2.styled.js");var o=require("./useZoom.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("../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");exports.ZoomButtonComponent=function(l){var u=l.modalId,a="mobile"===i(),d=o.useZoom(u).handleZoomClick;return r.jsx(t.ZoomButtonContainer,e.__assign({isMobile:a},{children:r.jsx(t.ZoomButton,e.__assign({onClick:d,"data-testid":"zoom-button","aria-label":"Zoom image"},{children:r.jsx(s.Icon,{name:"pdp/zoom",height:1.5,width:1.5},void 0)}),void 0)}),void 0)};
 //# sourceMappingURL=ZoomButton.js.map

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

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

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

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

package/build/lib/components/organisms/ModalZoom/ZoomModalV2.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../modal/Modal.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,i,s,p,d,l,f,c,x,u,b,g=r(e),m=g.default.button(o||(o=n.__makeTemplateObject(["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"],["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"]))),h=g.default(t.Modal)(a||(a=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),k=g.default.button(i||(i=n.__makeTemplateObject(["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),y=g.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"],["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),j=g.default.div(p||(p=n.__makeTemplateObject(["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"],["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"]))),v=g.default.div(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"]))),w=g.default.div(l||(l=n.__makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"],["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"]))),_=g.default.button(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),z=g.default.button(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"])),(function(n){return n.isLeft?"left: 20px;":"right: 20px;"})),O=g.default.div(x||(x=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"]))),T=g.default.button(u||(u=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),B=g.default.button(b||(b=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));exports.CloseButton=m,exports.CloseButtonTopRight=_,exports.CloseWrapper=j,exports.DesktopNavButton=k,exports.MobileImageContainer=v,exports.NavButton=z,exports.NavWrapper=y,exports.SlideCounterBadge=w,exports.ZoomControlsContainer=O,exports.ZoomMinusButton=T,exports.ZoomModalWrapper=h,exports.ZoomPlusButton=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../modal/Modal.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,i,s,p,d,l,c,f,x,u,b,g=r(e),m=g.default.button(o||(o=n.__makeTemplateObject(["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"],["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"]))),h=g.default(t.Modal)(a||(a=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),k=g.default.button(i||(i=n.__makeTemplateObject(["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),y=g.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  width: 90%;\n  z-index: 10000 !important;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"],["\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  width: 90%;\n  z-index: 10000 !important;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),j=g.default.div(p||(p=n.__makeTemplateObject(["\n  position: absolute;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n  z-index: 10000 !important;\n"],["\n  position: absolute;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n  z-index: 10000 !important;\n"]))),v=g.default.div(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"]))),w=g.default.div(l||(l=n.__makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"],["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"]))),_=g.default.button(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),z=g.default.button(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"])),(function(n){return n.isLeft?"left: 20px;":"right: 20px;"})),O=g.default.div(x||(x=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"]))),T=g.default.button(u||(u=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),B=g.default.button(b||(b=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));exports.CloseButton=m,exports.CloseButtonTopRight=_,exports.CloseWrapper=j,exports.DesktopNavButton=k,exports.MobileImageContainer=v,exports.NavButton=z,exports.NavWrapper=y,exports.SlideCounterBadge=w,exports.ZoomControlsContainer=O,exports.ZoomMinusButton=T,exports.ZoomModalWrapper=h,exports.ZoomPlusButton=B;
 //# sourceMappingURL=ZoomModalV2.styled.js.map

package/build/lib/components/organisms/ModalZoom/useZoom.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modal/Modal.js");exports.useZoom=function(o){return{handleZoomClick:function(){e.modalEvent("".concat(o),{type:"open"})}}};
2	+ //# sourceMappingURL=useZoom.js.map

package/build/lib/components/organisms/ModalZoom/useZoom.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useZoom.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/components/organisms/ModalZoom/zoomModal.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../atoms/Image/Image.js"),r=require("../../modal/Modal.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=o(e),a=i.default.div(f||(f=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"]))),l=i.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"]))),d=i.default.h2(u||(u=n.__makeTemplateObject(["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"],["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"]))),s=i.default.button(b||(b=n.__makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"])));i.default.div(g||(g=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"])),(function(n){return n.isMobile?"flex-direction: column;":"flex-direction: row;"}),(function(n){return n.isMobile?"auto":"100%"}));var c=i.default.div(x||(x=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"])));i.default.div(h||(h=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"]))),i.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"])),(function(n){return n.isMobile?"height: 510px;":"min-height: 510px;"})),i.default.div(k||(k=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"])));var p=i.default(t.Image)(v||(v=n.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"])),(function(n){var e=n.marginRight;return e&&"padding-right: ".concat(e,";")}));i.default.div(j||(j=n.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var f,m,u,b,g,x,h,y,k,v,j,w,_,O,T,M,I,Z=i.default(r.Modal)(w||(w=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),z=i.default.div(_||(_=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"]))),W=i.default.div(O||(O=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"]))),C=i.default.button(T||(T=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),H=i.default.div(M||(M=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),q=i.default.button(I||(I=n.__makeTemplateObject(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.75rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));exports.CloseButton=s,exports.DesktopSliderContainer=z,exports.NavigationButton=C,exports.SliderWrapper=W,exports.VerticalScrollContainer=c,exports.ZoomButton=q,exports.ZoomButtonContainer=H,exports.ZoomImage=p,exports.ZoomModalContainer=a,exports.ZoomModalHeader=l,exports.ZoomModalTitle=d,exports.ZoomModalWrapper=Z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../atoms/Image/Image.js"),r=require("../../modal/Modal.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=i(e),a=o.default.div(f||(f=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"]))),l=o.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"]))),d=o.default.h2(u||(u=n.__makeTemplateObject(["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"],["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"]))),s=o.default.button(g||(g=n.__makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"])));o.default.div(b||(b=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"])),(function(n){return n.isMobile?"flex-direction: column;":"flex-direction: row;"}),(function(n){return n.isMobile?"auto":"100%"}));var c=o.default.div(x||(x=n.__makeTemplateObject(["\n  overflow-y: hidden;\n"],["\n  overflow-y: hidden;\n"])));o.default.div(h||(h=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: hidden;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: hidden;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"]))),o.default.div(k||(k=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"])),(function(n){return n.isMobile?"height: 510px;":"min-height: 510px;"})),o.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"])));var p=o.default(t.Image)(j||(j=n.__makeTemplateObject(["\n  width: 100%;\n  height: inherit;\n  object-fit: cover;\n  ","\n"],["\n  width: 100%;\n  height: inherit;\n  object-fit: cover;\n  ","\n"])),(function(n){var e=n.marginRight;return e&&"padding-right: ".concat(e,";")}));o.default.div(v||(v=n.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var f,m,u,g,b,x,h,k,y,j,v,_,w,O,T,M,Z,z=o.default(r.Modal)(_||(_=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),I=o.default.div(w||(w=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"]))),C=o.default.div(O||(O=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"]))),q=o.default.button(T||(T=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  top: 40%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  position: absolute;\n  ","\n  top: 40%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),B=o.default.div(M||(M=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"],["\n  position: absolute;\n  ","\n  right: 0.5rem;\n  z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),W=o.default.button(Z||(Z=n.__makeTemplateObject(["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  background: rgba(41, 41, 41, 0.5);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  backdrop-filter: blur(4px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));exports.CloseButton=s,exports.DesktopSliderContainer=I,exports.NavigationButton=q,exports.SliderWrapper=C,exports.VerticalScrollContainer=c,exports.ZoomButton=W,exports.ZoomButtonContainer=B,exports.ZoomImage=p,exports.ZoomModalContainer=a,exports.ZoomModalHeader=l,exports.ZoomModalTitle=d,exports.ZoomModalWrapper=z;
 //# sourceMappingURL=zoomModal.styled.js.map

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

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

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

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

package/package.json CHANGED Viewed

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