@trafilea/afrodita-components 7.13.2 → 7.13.4
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.
- package/build/es/components/gallery/ProductGallery.js +1 -1
- package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/es/components/organisms/ModalZoom/VideoDisplay.js +1 -1
- package/build/es/components/organisms/ModalZoom/ZoomButton.js +1 -1
- package/build/es/components/organisms/ModalZoom/ZoomModal.js +1 -1
- package/build/es/components/organisms/ModalZoom/ZoomModalV2.js +1 -1
- package/build/es/components/organisms/ModalZoom/ZoomModalV2.styled.js +1 -1
- package/build/es/components/organisms/ModalZoom/useZoom.js +2 -0
- package/build/es/components/organisms/ModalZoom/useZoom.js.map +1 -0
- package/build/es/components/organisms/ModalZoom/zoomModal.styled.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/build/index.d.ts +8 -2
- package/build/lib/components/gallery/ProductGallery.js +1 -1
- package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/lib/components/organisms/ModalZoom/VideoDisplay.js +1 -1
- package/build/lib/components/organisms/ModalZoom/ZoomButton.js +1 -1
- package/build/lib/components/organisms/ModalZoom/ZoomModal.js +1 -1
- package/build/lib/components/organisms/ModalZoom/ZoomModalV2.js +1 -1
- package/build/lib/components/organisms/ModalZoom/ZoomModalV2.styled.js +1 -1
- package/build/lib/components/organisms/ModalZoom/useZoom.js +2 -0
- package/build/lib/components/organisms/ModalZoom/useZoom.js.map +1 -0
- package/build/lib/components/organisms/ModalZoom/zoomModal.styled.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as d}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as n}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as m}from"./styled.js";var
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a}from"react";import{ZoomModalComponent as d}from"../organisms/ModalZoom/index.js";import{ImagePreviewList as n}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as s}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as m}from"./styled.js";var l=function(l){var v=l.images,u=l.selectedValue,p=l.topTag,c=l.topRightTag,g=l.bottomTag,w=l.productImageDataTestId,I=l.previewListDataTestId,f=l.thumbnailPosition,h=l.borderRadiusVariant,T=void 0!==h&&h,P=l.previewImgBorderColor,O=l.ctaText,V=l.ctaAction,b=l.hideCTA,A=void 0===b||b,R=l.hasOverflowArrows,x=void 0!==R&&R,y=l.withZoom,C=void 0===y||y,z=l.hasToPreserveOrder,S=void 0!==z&&z,j=l.isRatioSquare,q=l.itemsOnViewport,B=void 0===q?6:q,L=l.videoAutoplay,M=void 0!==L&&L,Z=l.videoInPreview,D=void 0!==Z&&Z,k=l.hideVideoControls,E=void 0!==k&&k,F=l.alwaysPlayInPreview,G=void 0!==F&&F,H=l.zoomOptions,J=r(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(v,u)),K=J[0],N=J[1];if(a((function(){if(u&&!S){var o=v.indexOf(u);o>-1&&N(o)}}),[u,S]),0===v.length)return null;var Q=v[K];return i(e,{children:[i(m,o({thumbnailPosition:f},{children:[t(n,{images:v,selectedImage:Q,dataTestId:I,onClick:function(o){N(o)},position:f,borderRadiusVariant:T,previewImgBorderColor:P,hasOverflowArrows:x,isRatioSquare:j,itemsOnViewport:B,videoInPreview:D,alwaysPlayInPreview:G},void 0),t(s,{content:Q,topTag:p,topRightTag:c,bottomTag:g,testId:w,position:f,borderRadiusVariant:T,ctaText:O,ctaAction:V,hideCTA:A,withZoom:C,isRatioSquare:j,videoAutoplay:M,hideVideoControls:E,zoomOptions:H},void 0)]}),void 0),Boolean(null==H?void 0:H.zoomModalId)&&t(d,{version:null==H?void 0:H.zoomVersion,modalId:(null==H?void 0:H.zoomModalId)||"zoom-modal-v1",contents:v,initialSlide:K},void 0)]},void 0)};export{l as ProductGallery};
|
|
2
2
|
//# sourceMappingURL=ProductGallery.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as e}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as l}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as 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};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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};
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=VideoDisplay.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=ZoomButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsx as o,jsxs as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import e from"@ant-design/react-slick";import{useRef as r,useCallback as n,useEffect as d}from"react";import{Icon as l}from"../../icons/index.js";import{useModal as c}from"../../modal/Modal.js";import s from"../../../hooks/useDeviceType/useDeviceType.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import{VideoDisplay as h}from"./VideoDisplay.js";import{ZoomModalWrapper as a,ZoomModalContainer as m,ZoomModalHeader as p,ZoomModalTitle as v,CloseButton as u,VerticalScrollContainer as f,ZoomImage as w,DesktopSliderContainer as g,SliderWrapper as k,NavigationButton as x}from"./zoomModal.styled.js";var j=function(j){var b=j.modalId,y=j.contents,T=j.initialSlide,S=void 0===T?0:T,C=j.title,z=void 0===C?"Zoom":C,A=c(b),D=A.opened,V=A.close,F="mobile"===s(),L=r(null),M=n((function(){V()}),[V]),G=n((function(){L.current&&L.current.slickNext()}),[]),I=n((function(){L.current&&L.current.slickPrev()}),[]);d((function(){D&&L.current&&L.current.slickGoTo(S)}),[D,S]);var N=function(i,t){return o(w,{src:i.thumbnailUrl||i.url,alt:i.alt,width:t.width,height:t.height,objectFit:"cover"},i.key)};return o(a,i({id:b,maxFullScreen:!0,dismissable:!0},{children:t(m,{children:[t(p,{children:[o(v,{children:z},void 0),o(u,i({onClick:M,"data-testid":"zoom-modal-close"},{children:o(l.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),F?o(f,i({id:"".concat(b,"-vertical-scroll-container")},{children:o(e,i({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?o(h,{content:i,sizes:{height:"510px !important",width:"100% !important"}},i.key):N(i,{height:"510px !important",width:"100% !important"})}))}),void 0)}),void 0):o(g,i({id:"".concat(b,"-desktop-slider-container")},{children:t(k,i({id:"".concat(b,"-slider-wrapper")},{children:[o(e,i({ref:L,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:y.map((function(i){return(null==i?void 0:i.isVideo)?o(h,{content:i,sizes:{height:"720px !important",width:"100% !important"}},i.key):N(i,{height:"720px !important",width:"100% !important"})}))}),void 0),o(x,i({isLeft:!0,onClick:I,id:"".concat(b,"-prev-button")},{children:o(l.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),o(x,i({onClick:G,id:"".concat(b,"-next-button")},{children:o(l.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};export{j as ZoomModal};
|
|
2
2
|
//# sourceMappingURL=ZoomModal.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useCallback as a,useEffect as d}from"react";import{TransformWrapper as m,TransformComponent as c}from"react-zoom-pan-pinch";import{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};
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useCallback as a,useEffect as d}from"react";import{TransformWrapper as m,TransformComponent as c}from"react-zoom-pan-pinch";import{Image as p}from"../../atoms/Image/Image.js";import{Icon as n}from"../../icons/index.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../radio/input/styles.js";import j from"../../../hooks/useDeviceType/useDeviceType.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as u}from"../../atoms/Icon/Icon.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../../molecules/BenefitsList/styled.js";import"../../timer/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../iconsWithTitle/index.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../icon-button/IconButton.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import{useModal as y}from"../../modal/Modal.js";import{VideoDisplay as b}from"./VideoDisplay.js";import"./zoomModal.styled.js";import{ZoomModalWrapper as h,MobileImageContainer as f,SlideCounterBadge as P,ZoomControlsContainer as C,ZoomMinusButton as g,ZoomPlusButton as v,CloseButtonTopRight as S,NavButton as w,CloseWrapper as V,CloseButton as T,NavWrapper as G,DesktopNavButton as A}from"./ZoomModalV2.styled.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"../../textWithImage/index.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";var M=function(M){var k=M.modalId,I=M.contents,L=M.initialSlide,B=void 0===L?0:L,z=y(k),O=z.opened,x=z.close,D="mobile"===j(),R=s(null),F=s(null),W=l(B),H=W[0],N=W[1],U=a((function(){x()}),[x]),q=a((function(){R.current&&R.current.slickNext()}),[]),E=a((function(){R.current&&R.current.slickPrev()}),[]);return d((function(){O&&(N(B),R.current&&R.current.slickGoTo(B))}),[O,B]),D?r(h,t({id:k,dismissable:!0,maxFullScreen:!0},{children:r(f,{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:B,afterChange:function(t){return N(t)}},{children:I.map((function(i,s){var l=Boolean(null==i?void 0:i.isVideo);return o(e,{children:[l?r(b,{content:i},i.key):r(m,t({ref:F,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var l=s.zoomIn,a=s.zoomOut;return o(e,{children:[r(c,{children:r(p,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),o(P,{children:[H+1," / ",I.length]},void 0),o(C,{children:[r(g,t({onClick:function(){return a(.5)}},{children:r(n.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(v,t({onClick:function(){return l(.5)}},{children:r(u,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r(S,t({onClick:U,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r(w,t({isLeft:!0,onClick:E},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r(w,t({onClick:q},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):o("div",{children:[r(h,t({id:k,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:B},{children:I.map((function(t,o){return(null==t?void 0:t.isVideo)?r(b,{content:t},t.key):r(p,{src:t.thumbnailUrl||t.url,alt:t.alt||"Thumbnail ".concat(o+1),width:"530px",height:"100%"},t.key||o)}))}),void 0)}),void 0),O&&r(V,t({id:"".concat(k,"-close-button")},{children:r(T,t({onClick:U,"data-testid":"zoom-modal-v2-close"},{children:r(n.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),O&&o(G,t({id:"".concat(k,"-nav-buttons")},{children:[r(A,t({isLeft:!0,onClick:E},{children:r(n.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(A,t({onClick:q},{children:r(n.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]},void 0)};export{M as ZoomModalV2};
|
|
2
2
|
//# sourceMappingURL=ZoomModalV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Modal as
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=ZoomModalV2.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useZoom.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{Image as i}from"../../atoms/Image/Image.js";import{Modal as
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=zoomModal.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as d}from"react";import n from"./components/ImageProductSlide.js";var r,a=e.div(r||(r=o(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),l=function(o){var e=o.images,r=o.customClick,l=o.topTag,m=o.bottomTag,s=o.productImageDataTestId,p=o.borderRadiusVariant,v=void 0!==p&&p,c=o.selectedValue,u=o.hasToPreserveOrder,f=void 0!==u&&u,g=o.itemsOnViewport,h=void 0===g?1:g,x=o.videoAutoplay,V=void 0!==x&&x,b=o.hideVideoControls,y=void 0!==b&&b,T=o.videoMuted,C=void 0===T||T,O=o.videoLoop,w=void 0===O||O,I=o.zoomOptions,j=d(0),k=j[0],z=j[1],A=f?null==e?void 0:e[k]:c;return i(a,t({"data-testid":"product-gallery-mobile-v1"},{children:i(n,{contents:e,customClick:r,topTag:l,bottomTag:m,testId:s,borderRadiusVariant:v,selectedValue:A,onChange:function(o){return z(o)},itemsOnViewport:h,videoAutoplay:V,hideVideoControls:y,videoMuted:C,videoLoop:w,zoomOptions:I},void 0)}),void 0)};export{l as ProductGalleryMobileV7};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,Fragment as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as r,jsx as t}from"react/jsx-runtime";import l from"@ant-design/react-slick";import{useRef as d,useState as e,useCallback as n,useEffect as a}from"react";import{Image as m}from"../../../../atoms/Image/Image.js";import s from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{ZoomModalComponent as u}from"../../../ModalZoom/index.js";import{useZoom as c}from"../../../ModalZoom/useZoom.js";import{usePreventVerticalScroll as v}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as f}from"../../../../icons/index.js";import{stopVideoCommand as p,playVideoCommand as h}from"../../utils/sendCommandToIframe.js";import{Container as g,NavButtonContainer as j,Button as I,TopTagContainer as k,BottomTagContainer as x}from"./ImageProductSlide.styled.js";import{VideoDisplay as y}from"../../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as z}from"../../../ModalZoom/ZoomButton.js";var C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},M=function(M){var T=M.contents,w=M.customClick,V=void 0!==w&&w,b=M.topTag,S=M.bottomTag,Z=M.testId,B=M.borderRadiusVariant,A=M.selectedValue,P=M.onChange,R=M.zoomOptions,G=d(null),D=d(null),L=e(!1),O=L[0],q=L[1],E=e(0),F=E[0],H=E[1],J=c((null==R?void 0:R.zoomModalId)||"zoom-modal-v1").handleZoomClick;v(D);var K=n((function(o){var i;null===(i=G.current)||void 0===i||i.slickGoTo(o)}),[G]);return a((function(){var o;if(A){var i=T.findIndex((function(o){return o.url===A.url}));-1!==i&&(null===(o=G.current)||void 0===o||o.slickGoTo(i))}}),[T,A]),i(r,{children:[V&&t("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:T.map((function(o,i){return t(s,{onClick:function(){return K(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),t(g,o({"data-testid":Z,borderRadiusVariant:B,ref:D,onClick:(null==R?void 0:R.zoomModalId)?J:void 0,role:"button"},{children:t(l,o({afterChange:function(o){var i,r=T[o];(null===(i=null==r?void 0:r.url)||void 0===i?void 0:i.includes("autoplay=1"))?h():p(),H(o),null==P||P(o)}},C,{nextArrow:t(j,{children:t(I,{children:t(f.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:t(j,{children:t(I,{children:t(f.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G,vertical:O,rows:1},{children:T.map((function(l){var d,e=null==l?void 0:l.url,n=null!==(d=null==l?void 0:l.isVideo)&&void 0!==d&&d,a=(l.alt,"100%"),s="510px";return t("div",{children:n?t(y,{content:l},l.key):i(r,{children:[t(m,{src:e,height:s,alt:l.alt,width:a},void 0),b&&t(k,o({borderRadiusVariant:B,"data-testid":"topTag"},{children:b}),void 0),t(x,o({onClick:function(){return q(!0)},"data-testid":"bottomTag"},{children:S}),void 0),Boolean(null==R?void 0:R.zoomModalId)&&t(z,{modalId:(null==R?void 0:R.zoomModalId)||"zoom-modal-v1"},void 0)]},void 0)},l.key)}))}),void 0)}),void 0),Boolean(null==R?void 0:R.zoomModalId)&&t(u,{version:null==R?void 0:R.zoomVersion,modalId:(null==R?void 0:R.zoomModalId)||"zoom-modal-v1",contents:T,initialSlide:F},void 0)]},void 0)};export{M as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -3422,7 +3422,10 @@ declare type ProductGalleryProps = {
|
|
|
3422
3422
|
videoInPreview?: boolean;
|
|
3423
3423
|
hideVideoControls?: boolean;
|
|
3424
3424
|
alwaysPlayInPreview?: boolean;
|
|
3425
|
-
|
|
3425
|
+
zoomOptions?: {
|
|
3426
|
+
zoomVersion?: string;
|
|
3427
|
+
zoomModalId?: string;
|
|
3428
|
+
};
|
|
3426
3429
|
};
|
|
3427
3430
|
declare const ProductGallery: FC<ProductGalleryProps>;
|
|
3428
3431
|
|
|
@@ -4737,7 +4740,10 @@ interface ProductGalleryMobileProps {
|
|
|
4737
4740
|
hideVideoControls?: boolean;
|
|
4738
4741
|
videoMuted?: boolean;
|
|
4739
4742
|
videoLoop?: boolean;
|
|
4740
|
-
|
|
4743
|
+
zoomOptions?: {
|
|
4744
|
+
zoomVersion?: string;
|
|
4745
|
+
zoomModalId?: string;
|
|
4746
|
+
};
|
|
4741
4747
|
}
|
|
4742
4748
|
declare const ProductGalleryMobileV7: react__default.FC<ProductGalleryMobileProps>;
|
|
4743
4749
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react"),t=require("../organisms/ModalZoom/index.js"),r=require("./components/ImagePreviewList/ImagePreviewList.js"),a=require("./components/ImageProductSlide/ImageProductSlide.js"),d=require("./styled.js");exports.ProductGallery=function(s){var n=s.images,l=s.selectedValue,v=s.topTag,u=s.topRightTag,m=s.bottomTag,c=s.productImageDataTestId,g=s.previewListDataTestId,p=s.thumbnailPosition,I=s.borderRadiusVariant,w=void 0!==I&&I,P=s.previewImgBorderColor,h=s.ctaText,f=s.ctaAction,T=s.hideCTA,x=void 0===T||T,j=s.hasOverflowArrows,q=void 0!==j&&j,O=s.withZoom,b=void 0===O||O,y=s.hasToPreserveOrder,C=void 0!==y&&y,V=s.isRatioSquare,A=s.itemsOnViewport,R=void 0===A?6:A,S=s.videoAutoplay,z=void 0!==S&&S,M=s.videoInPreview,L=void 0!==M&&M,Z=s.hideVideoControls,_=void 0!==Z&&Z,B=s.alwaysPlayInPreview,D=void 0!==B&&B,k=s.zoomOptions,E=i.useState(function(e,o){if(o){var i=e.indexOf(o);return i>-1?i:0}return 0}(n,l)),F=E[0],G=E[1];if(i.useEffect((function(){if(l&&!C){var e=n.indexOf(l);e>-1&&G(e)}}),[l,C]),0===n.length)return null;var H=n[F];return o.jsxs(o.Fragment,{children:[o.jsxs(d.Container,e.__assign({thumbnailPosition:p},{children:[o.jsx(r.ImagePreviewList,{images:n,selectedImage:H,dataTestId:g,onClick:function(e){G(e)},position:p,borderRadiusVariant:w,previewImgBorderColor:P,hasOverflowArrows:q,isRatioSquare:V,itemsOnViewport:R,videoInPreview:L,alwaysPlayInPreview:D},void 0),o.jsx(a.ImageProductSlide,{content:H,topTag:v,topRightTag:u,bottomTag:m,testId:c,position:p,borderRadiusVariant:w,ctaText:h,ctaAction:f,hideCTA:x,withZoom:b,isRatioSquare:V,videoAutoplay:z,hideVideoControls:_,zoomOptions:k},void 0)]}),void 0),Boolean(null==k?void 0:k.zoomModalId)&&o.jsx(t.ZoomModalComponent,{version:null==k?void 0:k.zoomVersion,modalId:(null==k?void 0:k.zoomModalId)||"zoom-modal-v1",contents:n,initialSlide:F},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGallery.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),a=require("./styled.js");exports.ImageProductSlide=function(n){var r,l=n.content,s=n.topTag,u=n.topRightTag,c=n.bottomTag,m=n.testId,v=n.position,g=void 0===v?"vertical":v,h=n.borderRadiusVariant,p=n.ctaText,j=n.ctaAction,x=n.hideCTA,y=n.withZoom,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)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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,
|
|
1
|
+
"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)};
|
|
2
2
|
//# sourceMappingURL=VideoDisplay.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime")
|
|
1
|
+
"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)};
|
|
2
2
|
//# sourceMappingURL=ZoomButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@ant-design/react-slick"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@ant-design/react-slick"),t=require("react"),r=require("../../icons/index.js"),n=require("../../modal/Modal.js"),s=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../../types/enums.js"),require("../../../core/theme/Theme.js");var l=require("./VideoDisplay.js"),d=require("./zoomModal.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(o);exports.ZoomModal=function(o){var a=o.modalId,u=o.contents,h=o.initialSlide,v=void 0===h?0:h,p=o.title,m=void 0===p?"Zoom":p,j=n.useModal(a),x=j.opened,f=j.close,g="mobile"===s(),_=t.useRef(null),w=t.useCallback((function(){f()}),[f]),k=t.useCallback((function(){_.current&&_.current.slickNext()}),[]),b=t.useCallback((function(){_.current&&_.current.slickPrev()}),[]);t.useEffect((function(){x&&_.current&&_.current.slickGoTo(v)}),[x,v]);var C=function(e,o){return i.jsx(d.ZoomImage,{src:e.thumbnailUrl||e.url,alt:e.alt,width:o.width,height:o.height,objectFit:"cover"},e.key)};return i.jsx(d.ZoomModalWrapper,e.__assign({id:a,maxFullScreen:!0,dismissable:!0},{children:i.jsxs(d.ZoomModalContainer,{children:[i.jsxs(d.ZoomModalHeader,{children:[i.jsx(d.ZoomModalTitle,{children:m},void 0),i.jsx(d.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-close"},{children:i.jsx(r.Icon.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),g?i.jsx(d.VerticalScrollContainer,e.__assign({id:"".concat(a,"-vertical-scroll-container")},{children:i.jsx(c.default,e.__assign({arrows:!1,slidesToShow:3,slidesToScroll:1,verticalSwiping:!0,vertical:!0},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"510px !important",width:"100% !important"}},e.key):C(e,{height:"510px !important",width:"100% !important"})}))}),void 0)}),void 0):i.jsx(d.DesktopSliderContainer,e.__assign({id:"".concat(a,"-desktop-slider-container")},{children:i.jsxs(d.SliderWrapper,e.__assign({id:"".concat(a,"-slider-wrapper")},{children:[i.jsx(c.default,e.__assign({ref:_,slidesToShow:3,infinite:!0,dots:!0,arrows:!1,swipeToSlide:!0,variableWidth:!0,speed:500},{children:u.map((function(e){return(null==e?void 0:e.isVideo)?i.jsx(l.VideoDisplay,{content:e,sizes:{height:"720px !important",width:"100% !important"}},e.key):C(e,{height:"720px !important",width:"100% !important"})}))}),void 0),i.jsx(d.NavigationButton,e.__assign({isLeft:!0,onClick:b,id:"".concat(a,"-prev-button")},{children:i.jsx(r.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),i.jsx(d.NavigationButton,e.__assign({onClick:k,id:"".concat(a,"-next-button")},{children:i.jsx(r.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)}),void 0)]},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ZoomModal.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=require("../../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)};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=require("../../atoms/Image/Image.js"),l=require("../../icons/index.js");require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("../../../types/enums.js"),require("../../../core/theme/Theme.js"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../radio/input/styles.js");var a=require("../../../hooks/useDeviceType/useDeviceType.js");require("../../tooltip/Styled.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var u=require("../../atoms/Icon/Icon.js");require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../timer/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/Video/components/styled.js"),require("../../molecules/Video/styled.js"),require("../../iconsWithTitle/index.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js"),require("../../icon-button/IconButton.js"),require("../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../collection/product/mobile/styled.js"),require("../../tag/variants/product/styled.js"),require("../../collection/product/truekind/styled.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../cta/styled.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/style.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../input/base/Error.js"),require("../../shared/select/BaseSelect.js"),require("../../dropdown/variants/smart/styled.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js");var d=require("../../modal/Modal.js"),n=require("./VideoDisplay.js");require("./zoomModal.styled.js");var c=require("./ZoomModalV2.styled.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/styled.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("../../textWithImage/index.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../SizeCharTable/SizeChartTableV2/styled.js"),require("../SizeCharTable/SizeChartTableV3/styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("../TwoCtasAtCart/Greeting.styled.js"),require("../TwoCtasAtCart/Card.styled.js");var q=j(i);exports.ZoomModalV2=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,b=void 0===m?0:m,p=d.useModal(j),h=p.opened,f=p.close,g="mobile"===a(),C=s.useRef(null),P=s.useRef(null),v=s.useState(b),S=v[0],x=v[1],w=s.useCallback((function(){f()}),[f]),V=s.useCallback((function(){C.current&&C.current.slickNext()}),[]),T=s.useCallback((function(){C.current&&C.current.slickPrev()}),[]);return s.useEffect((function(){h&&(x(b),C.current&&C.current.slickGoTo(b))}),[h,b]),g?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:b,afterChange:function(e){return x(e)}},{children:y.map((function(i,s){var a=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[a?r.jsx(n.VideoDisplay,{content:i},i.key):r.jsx(t.TransformWrapper,e.__assign({ref:P,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var a=s.zoomIn,d=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(o.Image,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r.jsxs(c.SlideCounterBadge,{children:[S+1," / ",y.length]},void 0),r.jsxs(c.ZoomControlsContainer,{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return d(.5)}},{children:r.jsx(l.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return a(.5)}},{children:r.jsx(u.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r.jsx(c.CloseButtonTopRight,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:V},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):r.jsxs("div",{children:[r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:b},{children:y.map((function(e,i){return(null==e?void 0:e.isVideo)?r.jsx(n.VideoDisplay,{content:e},e.key):r.jsx(o.Image,{src:e.thumbnailUrl||e.url,alt:e.alt||"Thumbnail ".concat(i+1),width:"530px",height:"100%"},e.key||i)}))}),void 0)}),void 0),h&&r.jsx(c.CloseWrapper,e.__assign({id:"".concat(j,"-close-button")},{children:r.jsx(c.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(l.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)}),void 0),h&&r.jsxs(c.NavWrapper,e.__assign({id:"".concat(j,"-nav-buttons")},{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(l.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:V},{children:r.jsx(l.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ZoomModalV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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,
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=ZoomModalV2.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useZoom.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=zoomModal.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("react"),d=require("./components/ImageProductSlide.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,a=n(o).default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));exports.ProductGalleryMobileV7=function(o){var n=o.images,r=o.customClick,l=o.topTag,s=o.bottomTag,u=o.productImageDataTestId,c=o.borderRadiusVariant,v=void 0!==c&&c,p=o.selectedValue,m=o.hasToPreserveOrder,f=void 0!==m&&m,x=o.itemsOnViewport,g=void 0===x?1:x,h=o.videoAutoplay,b=void 0!==h&&h,y=o.hideVideoControls,V=void 0!==y&&y,j=o.videoMuted,O=void 0===j||j,T=o.videoLoop,_=void 0===T||T,q=o.zoomOptions,C=i.useState(0),w=C[0],I=C[1],M=f?null==n?void 0:n[w]:p;return t.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1"},{children:t.jsx(d,{contents:n,customClick:r,topTag:l,bottomTag:s,testId:u,borderRadiusVariant:v,selectedValue:M,onChange:function(e){return I(e)},itemsOnViewport:g,videoAutoplay:b,hideVideoControls:V,videoMuted:O,videoLoop:_,zoomOptions:q},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),n=require("react"),r=require("../../../../atoms/Image/Image.js"),t=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var l=require("../../../ModalZoom/index.js"),d=require("../../../ModalZoom/useZoom.js"),a=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../icons/index.js"),u=require("../../utils/sendCommandToIframe.js"),c=require("./ImageProductSlide.styled.js"),m=require("../../../ModalZoom/VideoDisplay.js"),v=require("../../../ModalZoom/ZoomButton.js");function j(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var h=j(i),x={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};module.exports=function(i){var j=i.contents,f=i.customClick,g=void 0!==f&&f,p=i.topTag,C=i.bottomTag,q=i.testId,I=i.borderRadiusVariant,y=i.selectedValue,k=i.onChange,T=i.zoomOptions,V=n.useRef(null),z=n.useRef(null),B=n.useState(!1),M=B[0],S=B[1],b=n.useState(0),Z=b[0],_=b[1],w=d.useZoom((null==T?void 0:T.zoomModalId)||"zoom-modal-v1").handleZoomClick;a.usePreventVerticalScroll(z);var R=n.useCallback((function(o){var e;null===(e=V.current)||void 0===e||e.slickGoTo(o)}),[V]);return n.useEffect((function(){var o;if(y){var e=j.findIndex((function(o){return o.url===y.url}));-1!==e&&(null===(o=V.current)||void 0===o||o.slickGoTo(e))}}),[j,y]),e.jsxs(e.Fragment,{children:[g&&e.jsx("div",o.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:j.map((function(o,i){return e.jsx(t,{onClick:function(){return R(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),e.jsx(c.Container,o.__assign({"data-testid":q,borderRadiusVariant:I,ref:z,onClick:(null==T?void 0:T.zoomModalId)?w:void 0,role:"button"},{children:e.jsx(h.default,o.__assign({afterChange:function(o){var e,i=j[o];(null===(e=null==i?void 0:i.url)||void 0===e?void 0:e.includes("autoplay=1"))?u.playVideoCommand():u.stopVideoCommand(),_(o),null==k||k(o)}},x,{nextArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:V,vertical:M,rows:1},{children:j.map((function(i){var n,t=null==i?void 0:i.url,l=null!==(n=null==i?void 0:i.isVideo)&&void 0!==n&&n,d=(i.alt,"100%"),a="510px";return e.jsx("div",{children:l?e.jsx(m.VideoDisplay,{content:i},i.key):e.jsxs(e.Fragment,{children:[e.jsx(r.Image,{src:t,height:a,alt:i.alt,width:d},void 0),p&&e.jsx(c.TopTagContainer,o.__assign({borderRadiusVariant:I,"data-testid":"topTag"},{children:p}),void 0),e.jsx(c.BottomTagContainer,o.__assign({onClick:function(){return S(!0)},"data-testid":"bottomTag"},{children:C}),void 0),Boolean(null==T?void 0:T.zoomModalId)&&e.jsx(v.ZoomButtonComponent,{modalId:(null==T?void 0:T.zoomModalId)||"zoom-modal-v1"},void 0)]},void 0)},i.key)}))}),void 0)}),void 0),Boolean(null==T?void 0:T.zoomModalId)&&e.jsx(l.ZoomModalComponent,{version:null==T?void 0:T.zoomVersion,modalId:(null==T?void 0:T.zoomModalId)||"zoom-modal-v1",contents:j,initialSlide:Z},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
package/package.json
CHANGED