@trafilea/afrodita-components 7.12.0 → 7.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/build/es/components/collection/product/mobile/ProductItemMobile.js +1 -1
  2. package/build/es/components/molecules/BenefitsList/BenefitsList.js +1 -1
  3. package/build/es/components/molecules/CouponCard/CouponCard.js +1 -1
  4. package/build/es/components/molecules/LikeButton/LikeButton.js +1 -1
  5. package/build/es/components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.js +1 -1
  6. package/build/es/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
  7. package/build/es/components/organisms/OfferAtCart/OfferAtCart.js +1 -1
  8. package/build/es/components/organisms/OfferAtCartV2/OfferAtCartV2.js +1 -1
  9. package/build/es/components/organisms/OfferAtCartV4/OfferAtCartV4.js +1 -1
  10. package/build/es/components/organisms/OfferAtPDP/OfferAtPDP.js +1 -1
  11. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
  12. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
  13. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js +2 -0
  14. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js.map +1 -0
  15. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +2 -0
  16. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js.map +1 -0
  17. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.styled.js +2 -0
  18. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.styled.js.map +1 -0
  19. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/VideoDisplay.js +2 -0
  20. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/VideoDisplay.js.map +1 -0
  21. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModal.js +2 -0
  22. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModal.js.map +1 -0
  23. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.js +2 -0
  24. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.js.map +1 -0
  25. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.styled.js +2 -0
  26. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.styled.js.map +1 -0
  27. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/zoomModal.styled.js +2 -0
  28. package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/zoomModal.styled.js.map +1 -0
  29. package/build/es/components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js +1 -1
  30. package/build/es/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
  31. package/build/es/index.css +2 -1
  32. package/build/es/index.js +1 -1
  33. package/build/index.d.ts +27 -9
  34. package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
  35. package/build/lib/components/molecules/BenefitsList/BenefitsList.js +1 -1
  36. package/build/lib/components/molecules/CouponCard/CouponCard.js +1 -1
  37. package/build/lib/components/molecules/LikeButton/LikeButton.js +1 -1
  38. package/build/lib/components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.js +1 -1
  39. package/build/lib/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
  40. package/build/lib/components/organisms/OfferAtCart/OfferAtCart.js +1 -1
  41. package/build/lib/components/organisms/OfferAtCartV2/OfferAtCartV2.js +1 -1
  42. package/build/lib/components/organisms/OfferAtCartV4/OfferAtCartV4.js +1 -1
  43. package/build/lib/components/organisms/OfferAtPDP/OfferAtPDP.js +1 -1
  44. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
  45. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
  46. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js +2 -0
  47. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js.map +1 -0
  48. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +2 -0
  49. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js.map +1 -0
  50. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.styled.js +2 -0
  51. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.styled.js.map +1 -0
  52. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/VideoDisplay.js +2 -0
  53. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/VideoDisplay.js.map +1 -0
  54. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModal.js +2 -0
  55. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModal.js.map +1 -0
  56. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.js +2 -0
  57. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.js.map +1 -0
  58. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.styled.js +2 -0
  59. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.styled.js.map +1 -0
  60. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/zoomModal.styled.js +2 -0
  61. package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/zoomModal.styled.js.map +1 -0
  62. package/build/lib/components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js +1 -1
  63. package/build/lib/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
  64. package/build/lib/index.css +2 -1
  65. package/build/lib/index.js +1 -1
  66. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{OfferAtCartBenefits as i}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as s}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as l}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import{ComponentSize as a}from"../../../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 m 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"../../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 p from"../../cta/secondary/ButtonSecondary.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"../../molecules/Video/components/styled.js";import"../../molecules/Video/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"../../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"../../modal/Modal.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{getTitleProps as d}from"../OfferAtCart/OfferAtCart.js";import{renderBottomCopy as c}from"./components/DangerousHtmlRenders.js";import{SizeOptions as n}from"./components/SizeOptions.js";import{ActionsV2 as j,ContainerV2 as y,VariantType as u,BottomCopyWrapper as b}from"./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"@ant-design/react-slick";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"../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/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";import{Body as P,RightContent as f,Benefits as C}from"../OfferAtCart/styled.js";var g=function(g){var h=g.className,S=g.title,v=S.content,T=S.bold,V=g.image,A=g.benefits,G=g.ctaText,M=void 0===G?"Yes, I want this offer":G,w=g.sizeOptions,I=g.rating,B=g.onAddToCart,O=g.bottomCopy,L="mobile"===m(),z=e(!0),k=z[0],D=z[1],x=null!=V?V:{},R=x.src,F=x.alt,H=r(j,{children:k?r(p,{wide:!0,text:M,size:a.Small,onClick:function(){D(!1)}},void 0):w&&r(n,{sizeOptions:w,onAddToCart:B},void 0)},void 0);return o(y,t({className:h,variant:O?u.V2:u.V1},{children:[r(l,t({},d({content:v,bold:T})),void 0),o(P,{children:[R&&F&&r(s,{isMobile:L,src:R,alt:F,rating:I,width:L?"90px":"122px"},void 0),r(f,{children:r(C,{children:r(i,{benefits:A},void 0)},void 0)},void 0)]},void 0),r("div",{children:!L&&H},void 0),L&&H,O&&r(b,{children:c(O)},void 0)]}),void 0)};export{g as OfferAtCartV2};
1
+ import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{OfferAtCartBenefits as i}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as s}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as l}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import{ComponentSize as a}from"../../../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 m 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"../../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 p from"../../cta/secondary/ButtonSecondary.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"../../molecules/Video/components/styled.js";import"../../molecules/Video/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"../../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"../../modal/Modal.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{getTitleProps as d}from"../OfferAtCart/OfferAtCart.js";import{renderBottomCopy as c}from"./components/DangerousHtmlRenders.js";import{SizeOptions as n}from"./components/SizeOptions.js";import{ActionsV2 as j,ContainerV2 as y,VariantType as u,BottomCopyWrapper as b}from"./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"@ant-design/react-slick";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/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";import{Body as P,RightContent as f,Benefits as C}from"../OfferAtCart/styled.js";var g=function(g){var h=g.className,S=g.title,v=S.content,T=S.bold,V=g.image,G=g.benefits,A=g.ctaText,M=void 0===A?"Yes, I want this offer":A,w=g.sizeOptions,I=g.rating,B=g.onAddToCart,O=g.bottomCopy,L="mobile"===m(),z=e(!0),k=z[0],D=z[1],x=null!=V?V:{},R=x.src,F=x.alt,H=r(j,{children:k?r(p,{wide:!0,text:M,size:a.Small,onClick:function(){D(!1)}},void 0):w&&r(n,{sizeOptions:w,onAddToCart:B},void 0)},void 0);return o(y,t({className:h,variant:O?u.V2:u.V1},{children:[r(l,t({},d({content:v,bold:T})),void 0),o(P,{children:[R&&F&&r(s,{isMobile:L,src:R,alt:F,rating:I,width:L?"90px":"122px"},void 0),r(f,{children:r(C,{children:r(i,{benefits:G},void 0)},void 0)},void 0)]},void 0),r("div",{children:!L&&H},void 0),L&&H,O&&r(b,{children:c(O)},void 0)]}),void 0)};export{g as OfferAtCartV2};
2
2
  //# sourceMappingURL=OfferAtCartV2.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as t}from"tslib";import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useOfferAtCartForAutoshipCrossSell as i}from"../../../hooks/useOfferAtCartForAutoshipCrossSell/index.js";import{OfferAtCartBenefits as s}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as l}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as a}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"react";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../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"../../molecules/Video/components/styled.js";import"../../molecules/Video/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"../../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"../../modal/Modal.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{getTitleProps as m,ActionsSection as p,ErrorMessage as d}from"../OfferAtCart/OfferAtCart.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import c from"./style.module.css.js";import{Container as n,TitleWrapper as j,Body as y,Benefits as u}from"./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"@ant-design/react-slick";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"../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/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";import{RightContent as b}from"../OfferAtCart/styled.js";var P=function(P){var f=i(P),C=f.className,g=f.title,h=g.content,S=g.bold,T=f.image,V=f.benefits,v=f.ctaText,A=void 0===v?"Yes, I want this offer":v,M=f.sizeOptions,G=f.rating,w=f.bottomCopy,I=f.theme,O=f.setSelectedSize,B=f.setShowErrorMessage,L=f.isMobile,k=f.showErrorMessage,z=f.handleOnClick,x=function(){return p(M,O,B,A,z)};return r(n,t({className:C},{children:e(o,{children:[e(j,{children:[T&&r(l,{width:"66px",height:"66px",isMobile:L,src:T.src,alt:T.alt,rating:G},void 0),r(a,t({},m({content:h,bold:S})),void 0)]},void 0),e(y,t({height:L?"120px":"162px"},{children:[r("span",{children:"Includes:"},void 0),e(b,{children:[r(u,t({id:"benefits",className:c.benefits},{children:r(s,{benefits:V},void 0)}),void 0),!L&&x(),!L&&k&&d(I)]},void 0)]}),void 0),L&&x(),L&&k&&d(I),w&&r("span",{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0)}),void 0)};export{P as OfferAtCartV4};
1
+ import{__assign as t}from"tslib";import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useOfferAtCartForAutoshipCrossSell as i}from"../../../hooks/useOfferAtCartForAutoshipCrossSell/index.js";import{OfferAtCartBenefits as s}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as l}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as a}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"react";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../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"../../molecules/Video/components/styled.js";import"../../molecules/Video/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"../../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"../../modal/Modal.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{getTitleProps as m,ActionsSection as p,ErrorMessage as d}from"../OfferAtCart/OfferAtCart.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import c from"./style.module.css.js";import{Container as n,TitleWrapper as j,Body as y,Benefits as u}from"./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"@ant-design/react-slick";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/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";import{RightContent as b}from"../OfferAtCart/styled.js";var P=function(P){var f=i(P),C=f.className,g=f.title,h=g.content,S=g.bold,M=f.image,V=f.benefits,G=f.ctaText,T=void 0===G?"Yes, I want this offer":G,v=f.sizeOptions,A=f.rating,w=f.bottomCopy,I=f.theme,O=f.setSelectedSize,B=f.setShowErrorMessage,L=f.isMobile,k=f.showErrorMessage,z=f.handleOnClick,x=function(){return p(v,O,B,T,z)};return r(n,t({className:C},{children:e(o,{children:[e(j,{children:[M&&r(l,{width:"66px",height:"66px",isMobile:L,src:M.src,alt:M.alt,rating:A},void 0),r(a,t({},m({content:h,bold:S})),void 0)]},void 0),e(y,t({height:L?"120px":"162px"},{children:[r("span",{children:"Includes:"},void 0),e(b,{children:[r(u,t({id:"benefits",className:c.benefits},{children:r(s,{benefits:V},void 0)}),void 0),!L&&x(),!L&&k&&d(I)]},void 0)]}),void 0),L&&x(),L&&k&&d(I),w&&r("span",{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0)}),void 0)};export{P as OfferAtCartV4};
2
2
  //# sourceMappingURL=OfferAtCartV4.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{ComponentSize as e}from"../../../types/enums.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";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{Image as i}from"../../atoms/Image/Image.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 s from"../../cta/secondary/ButtonSecondary.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"../../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"../../modal/Modal.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{Container as l,ProductImageContainer as a,QuatityLabel as m,Body as p,OfferTitle as d,OfferText as c,DiscountValueText as n,OfferButton as j}from"./styled.js";import{VariantType as y}from"./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"@ant-design/react-slick";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"../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 u=function(u){var b=u.title,P=u.image,C=u.ctaText,g=u.onAddToCart,h=u.variant,f=u.discountText,v=u.discountValue,S=u.quantity,V=void 0===S?"2X":S,T=null!=P?P:{},G=T.src,M=T.alt,w=void 0===M?"Product image":M,A=T.width,I=void 0===A?"116px":A,B=T.height,L=void 0===B?"100%":B,k=T.borderRadius,z=void 0===k?"8px":k;return h==y.V1?r(l,{children:[G&&r(a,{children:[o(i,{src:G,alt:w,width:I,height:L,borderRadius:z},void 0),r(m,{children:[" ",V]},void 0)]},void 0),r(p,{children:[o(d,t({variant:"body",weight:"bold"},{children:b}),void 0),r(c,t({variant:"body"},{children:[f," ",o(n,{children:v},void 0)]}),void 0),o(j,{text:C,size:e.Medium,onClick:g},void 0)]},void 0)]},void 0):o(s,{onClick:g,wide:!0,size:e.Large,text:C},void 0)};export{u as OfferAtPDP};
1
+ import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{ComponentSize as e}from"../../../types/enums.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";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{Image as i}from"../../atoms/Image/Image.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 s from"../../cta/secondary/ButtonSecondary.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"../../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"../../modal/Modal.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{Container as l,ProductImageContainer as a,QuatityLabel as m,Body as d,OfferTitle as p,OfferText as c,DiscountValueText as n,OfferButton as j}from"./styled.js";import{VariantType as y}from"./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"@ant-design/react-slick";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 u=function(u){var b=u.title,P=u.image,C=u.ctaText,g=u.onAddToCart,h=u.variant,f=u.discountText,v=u.discountValue,S=u.quantity,V=void 0===S?"2X":S,G=null!=P?P:{},T=G.src,M=G.alt,w=void 0===M?"Product image":M,A=G.width,I=void 0===A?"116px":A,B=G.height,L=void 0===B?"100%":B,k=G.borderRadius,z=void 0===k?"8px":k;return h==y.V1?r(l,{children:[T&&r(a,{children:[o(i,{src:T,alt:w,width:I,height:L,borderRadius:z},void 0),r(m,{children:[" ",V]},void 0)]},void 0),r(d,{children:[o(p,t({variant:"body",weight:"bold"},{children:b}),void 0),r(c,t({variant:"body"},{children:[f," ",o(n,{children:v},void 0)]}),void 0),o(j,{text:C,size:e.Medium,onClick:g},void 0)]},void 0)]},void 0):o(s,{onClick:g,wide:!0,size:e.Large,text:C},void 0)};export{u as OfferAtPDP};
2
2
  //# sourceMappingURL=OfferAtPDP.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as t,__assign as r}from"tslib";import{jsxs as o,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as u}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as j,playVideoCommand as y}from"../utils/sendCommandToIframe.js";import{Icon as b}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../../utils/constants/offerAtCart.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/Image/styled.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../buynowpaylater/BuyNowPayLater.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../../collection/grid/WithProductGrid.js";import"../../../SkeletonBox/SkeletonBox.js";import"../../../club-price-label/ClubPriceLabel.js";import"../../../strength-bars/StrengthBars.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../rating/starList/StarList.js";import"../../../rating/styles.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../timer/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../iconsWithTitle/index.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../molecules/LikeButton/styled.js";import"../../../icon-button/IconButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../collection/product/mobile/styled.js";import"../../../tag/variants/product/styled.js";import"../../../collection/product/truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"../../../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"../../../modal/Modal.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"../../../textWithImage/index.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../BasicAccordion/BasicAccordion.js";import"../../CartItemCard/CartItem.js";import"../../ClubOfferSelector/styled.js";import"../../ClubOfferSelector2/styled.js";import"../../JoinClubCard/joinClubCard.js";import"../../OfferAtCart/styled.js";import"../../OfferAtCartV2/styled.js";import"../../OfferAtCartV3/styled.js";import"../../OfferAtCartV4/styled.js";import"../../OfferAtPDP/styled.js";import"../../OfferAtPDP/types.js";import"../../ProductCard/ProductCardV1/ProductCard.js";import"../../ProductCard/ProductCardV2/styled.js";import"../../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../../SizeCharTable/SizeChartTableV2/styled.js";import"../../SizeCharTable/SizeChartTableV3/styled.js";import"../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../SubscriptionPlanSelector/styled.js";import"../../TwoCtasAtCart/Greeting.styled.js";import"../../TwoCtasAtCart/Card.styled.js";var f,h,g,v,P,C,x,w,S,V=n.div(f||(f=t(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(t){return t.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),T=n.div(h||(h=t(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),k=n.div(g||(g=t(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),A=n.div(v||(v=t(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),I=n.div(P||(P=t(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),B=n.div(C||(C=t(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),G=n.div(x||(x=t(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),L=n.div(w||(w=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),z=n.button(S||(S=t(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},M=function(t){var n=t.images,f=t.customClick,h=void 0!==f&&f,g=t.topTag,v=t.bottomTag,P=t.testId,C=t.borderRadiusVariant,x=t.selectedValue,w=l(null),S=l(null),M=l(null),D=a(!1),R=D[0],F=D[1];u(S);var W=d((function(t){var r;null===(r=w.current)||void 0===r||r.slickGoTo(t)}),[w]),N=function(){j(),F((function(t){return t?!t:t}))},H=function(){y(),F((function(t){return t?!t:t}))};return p((function(){var t;if(x){var r=n.findIndex((function(t){return t.url===x.url}));-1!==r&&(null===(t=w.current)||void 0===t||t.slickGoTo(r))}}),[n,x]),o(e,{children:[h&&i("div",r({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,r){return i(c,{onClick:function(){return W(r)},text:String(r+1),inline:!0},r)}))}),void 0),i(V,r({"data-testid":P,borderRadiusVariant:C,ref:S},{children:i(s,r({afterChange:function(t){var r,o=n[t];(null===(r=null==o?void 0:o.url)||void 0===r?void 0:r.includes("autoplay=1"))?H():N()}},O,{nextArrow:i(L,{children:i(z,{children:i(b.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(L,{children:i(z,{children:i(b.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w},{children:n.map((function(t){var s,n;return o("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&o(e,{children:[i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),i(T,r({borderRadiusVariant:C,"data-testid":"topTag"},{children:g}),void 0),i(k,r({"data-testid":"bottomTag"},{children:v}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&o(I,{children:[i("iframe",{id:"vwo-video",ref:M,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(A,{onClick:function(){R?N():H()}},void 0),o(B,{children:[i(b.PDP.PlayMini,{width:1.5},void 0),i(G,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{M as ImageProductSlideV3};
1
+ import{__makeTemplateObject as t,__assign as r}from"tslib";import{jsxs as o,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as u}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as j,playVideoCommand as y}from"../utils/sendCommandToIframe.js";import{Icon as b}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../../utils/constants/offerAtCart.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/Image/styled.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../buynowpaylater/BuyNowPayLater.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../../collection/grid/WithProductGrid.js";import"../../../SkeletonBox/SkeletonBox.js";import"../../../club-price-label/ClubPriceLabel.js";import"../../../strength-bars/StrengthBars.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../rating/starList/StarList.js";import"../../../rating/styles.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../timer/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../iconsWithTitle/index.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../molecules/LikeButton/styled.js";import"../../../icon-button/IconButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../collection/product/mobile/styled.js";import"../../../tag/variants/product/styled.js";import"../../../collection/product/truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"../../../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"../../../modal/Modal.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"../../../textWithImage/index.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../BasicAccordion/BasicAccordion.js";import"../../CartItemCard/CartItem.js";import"../../ClubOfferSelector/styled.js";import"../../ClubOfferSelector2/styled.js";import"../../JoinClubCard/joinClubCard.js";import"../../OfferAtCart/styled.js";import"../../OfferAtCartV2/styled.js";import"../../OfferAtCartV3/styled.js";import"../../OfferAtCartV4/styled.js";import"../../OfferAtPDP/styled.js";import"../../OfferAtPDP/types.js";import"../../ProductCard/ProductCardV1/ProductCard.js";import"../../ProductCard/ProductCardV2/styled.js";import"../../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../SizeCharTable/SizeChartTableV2/styled.js";import"../../SizeCharTable/SizeChartTableV3/styled.js";import"../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../SubscriptionPlanSelector/styled.js";import"../../TwoCtasAtCart/Greeting.styled.js";import"../../TwoCtasAtCart/Card.styled.js";var f,h,g,v,P,C,x,w,S,V=n.div(f||(f=t(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(t){return t.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),T=n.div(h||(h=t(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),k=n.div(g||(g=t(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),A=n.div(v||(v=t(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),I=n.div(P||(P=t(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),B=n.div(C||(C=t(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),G=n.div(x||(x=t(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),L=n.div(w||(w=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),z=n.button(S||(S=t(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),M={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},O=function(t){var n=t.images,f=t.customClick,h=void 0!==f&&f,g=t.topTag,v=t.bottomTag,P=t.testId,C=t.borderRadiusVariant,x=t.selectedValue,w=l(null),S=l(null),O=l(null),D=a(!1),R=D[0],F=D[1];u(S);var W=d((function(t){var r;null===(r=w.current)||void 0===r||r.slickGoTo(t)}),[w]),N=function(){j(),F((function(t){return t?!t:t}))},H=function(){y(),F((function(t){return t?!t:t}))};return p((function(){var t;if(x){var r=n.findIndex((function(t){return t.url===x.url}));-1!==r&&(null===(t=w.current)||void 0===t||t.slickGoTo(r))}}),[n,x]),o(e,{children:[h&&i("div",r({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,r){return i(c,{onClick:function(){return W(r)},text:String(r+1),inline:!0},r)}))}),void 0),i(V,r({"data-testid":P,borderRadiusVariant:C,ref:S},{children:i(s,r({afterChange:function(t){var r,o=n[t];(null===(r=null==o?void 0:o.url)||void 0===r?void 0:r.includes("autoplay=1"))?H():N()}},M,{nextArrow:i(L,{children:i(z,{children:i(b.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(L,{children:i(z,{children:i(b.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w},{children:n.map((function(t){var s,n;return o("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&o(e,{children:[i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),i(T,r({borderRadiusVariant:C,"data-testid":"topTag"},{children:g}),void 0),i(k,r({"data-testid":"bottomTag"},{children:v}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&o(I,{children:[i("iframe",{id:"vwo-video",ref:O,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(A,{onClick:function(){R?N():H()}},void 0),o(B,{children:[i(b.PDP.PlayMini,{width:1.5},void 0),i(G,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{O as ImageProductSlideV3};
2
2
  //# sourceMappingURL=ImageProductSlideV3.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,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as p}from"../../../../../utils/debounce/index.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{Image as d}from"../../../../atoms/Image/Image.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{Video as n}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"../../../../modal/Modal.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"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.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 b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},g=function(g){var P,C,h,v=g.contents,S=g.topTag,T=g.topRightTag,V=g.bottomTag,w=g.containerRef,A=s(null),I=s(null),B=l(null!==(P=f(w))&&void 0!==P?P:1),L=B[0],k=B[1],G=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[G]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;k(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{g as MainGallery};
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,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as p}from"../../../../../utils/debounce/index.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{Image as d}from"../../../../atoms/Image/Image.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{Video as n}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"../../../../modal/Modal.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"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.js";import"../../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 b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},P=function(P){var g,C,h,v=P.contents,S=P.topTag,T=P.topRightTag,V=P.bottomTag,w=P.containerRef,A=s(null),I=s(null),B=l(null!==(g=f(w))&&void 0!==g?g:1),L=B[0],G=B[1],k=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[k]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;G(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{P as MainGallery};
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ import{__makeTemplateObject as o,__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import t from"@emotion/styled";import{useState as d}from"react";import n from"./components/ImageProductSlide.js";var r,a=t.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 t=o.images,r=o.customClick,l=o.topTag,s=o.bottomTag,m=o.productImageDataTestId,v=o.borderRadiusVariant,p=void 0!==v&&v,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,w=o.videoLoop,I=void 0===w||w,O=o.version,j=void 0===O?"v1":O,k=d(0),A=k[0],L=k[1],M=f?null==t?void 0:t[A]:c;return i(a,e({"data-testid":"product-gallery-mobile-v1"},{children:i(n,{contents:t,customClick:r,topTag:l,bottomTag:s,testId:m,borderRadiusVariant:p,selectedValue:M,onChange:function(o){return L(o)},itemsOnViewport:h,videoAutoplay:V,hideVideoControls:y,videoMuted:C,videoLoop:I,version:j},void 0)}),void 0)};export{l as ProductGalleryMobileV7};
2
+ //# sourceMappingURL=ProductGalleryMobile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductGalleryMobile.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{__assign as t}from"tslib";import{jsxs as r,Fragment as o,jsx 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 m}from"react";import{Image as d}from"../../../../atoms/Image/Image.js";import p from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{modalEvent as n}from"../../../../modal/Modal.js";import c from"../../../../../hooks/useDeviceType/useDeviceType.js";import{usePreventVerticalScroll as j}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as u}from"../../../../icons/index.js";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../utils/constants/offerAtCart.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../radio/input/styles.js";import"../../../../tooltip/Styled.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as y}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"../../../../SkeletonBox/SkeletonBox.js";import"../../../../club-price-label/ClubPriceLabel.js";import"../../../../strength-bars/StrengthBars.js";import"../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../../rating/starList/StarList.js";import"../../../../rating/styles.js";import"../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../../molecules/BenefitsList/styled.js";import"../../../../timer/styled.js";import"../../../../molecules/HurryUp/styled.js";import"../../../../molecules/Spinner/styled.js";import"../../../../molecules/Video/components/styled.js";import"../../../../molecules/Video/styled.js";import"../../../../iconsWithTitle/index.js";import"../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../../molecules/LikeButton/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../../collection/product/mobile/styled.js";import"../../../../tag/variants/product/styled.js";import"../../../../collection/product/truekind/styled.js";import"../../../../color/ColorRadioGroup.js";import"../../../../color/selector/PatternSelector.js";import"../../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../../delivery-details/DeliveryDetails.js";import"../../../../delivery-details/Note/Note.js";import"../../../../drawer/style.js";import"../../../../dropdown-list-icons/Styled.js";import"../../../../dropdown/size-dropdown/Styled.js";import"../../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../../input/base/Error.js";import"../../../../shared/select/BaseSelect.js";import"../../../../dropdown/variants/smart/styled.js";import"../../../../filtering/Accordion.js";import"../../../../filtering/FiltersStyled.js";import"../../../../filtering/Tags/Tags.js";import"../../../../fit-guarantee/FitGuarantee.js";import"../../../../fit/FitPredictor.js";import"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"../../../../textWithImage/index.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import{stopVideoCommand as b,playVideoCommand as f}from"../../utils/sendCommandToIframe.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../ProductGalleryMobileV6/MainGallery/styled.js";import"../../ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import{Container as h,NavButtonContainer as g,Button as P,TopTagContainer as v,BottomTagContainer as C,ZoomButtonContainer as S,ZoomButton as V}from"./ImageProductSlide.styled.js";import{VideoDisplay as T}from"./VideoDisplay.js";import{ZoomModal as w}from"./ZoomModal.js";import{ZoomModalV2 as I}from"./ZoomModalV2.js";var A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},k=function(k){var B=k.contents,G=k.customClick,L=void 0!==G&&G,M=k.topTag,x=k.bottomTag,z=k.testId,O=k.borderRadiusVariant,D=k.selectedValue,R=k.onChange,F=k.version,W=s(null),H=s(null),N=l(!1),Z=N[0],q=N[1],E=l(0),J=E[0],U=E[1],K="mobile"===c(),Q="zoom-modal-".concat(z||"default");j(H);var X=a((function(t){var r;null===(r=W.current)||void 0===r||r.slickGoTo(t)}),[W]),Y=a((function(){n("".concat(Q,"v1"===F?"-v1":"-v2"),{type:"open"})}),[Q,F]);return m((function(){var t;if(D){var r=B.findIndex((function(t){return t.url===D.url}));-1!==r&&(null===(t=W.current)||void 0===t||t.slickGoTo(r))}}),[B,D]),r(o,{children:[L&&e("div",t({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:B.map((function(t,r){return e(p,{onClick:function(){return X(r)},text:String(r+1),inline:!0},t.key||"button-".concat(r))}))}),void 0),e(h,t({"data-testid":z,borderRadiusVariant:O,ref:H},{children:e(i,t({afterChange:function(t){var r,o=B[t];(null===(r=null==o?void 0:o.url)||void 0===r?void 0:r.includes("autoplay=1"))?f():b(),U(t),null==R||R(t)}},A,{nextArrow:e(g,{children:e(P,{children:e(u.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(g,{children:e(P,{children:e(u.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:W,vertical:Z,rows:1},{children:B.map((function(i){var s,l=null==i?void 0:i.url,a=null!==(s=null==i?void 0:i.isVideo)&&void 0!==s&&s,m=(i.alt,"100%"),p="510px";return e("div",{children:a?e(T,{content:i},i.key):r(o,{children:[e(d,{src:l,height:p,alt:i.alt,width:m},void 0),M&&e(v,t({borderRadiusVariant:O,"data-testid":"topTag"},{children:M}),void 0),e(C,t({onClick:function(){return q(!0)},"data-testid":"bottomTag"},{children:x}),void 0),e(S,t({isMobile:K},{children:e(V,t({onClick:Y,"data-testid":"zoom-button","aria-label":"Zoom image"},{children:e(y,{name:"pdp/zoom",height:1.5,width:1.5},void 0)}),void 0)}),void 0)]},void 0)},i.key)}))}),void 0)}),void 0),"v1"===F?e(w,{modalId:"".concat(Q,"-v1"),contents:B,initialSlide:J},void 0):e(I,{modalId:"".concat(Q,"-v2"),contents:B,initialSlide:J},void 0)]},void 0)};export{k as default};
2
+ //# sourceMappingURL=ImageProductSlide.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageProductSlide.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{__makeTemplateObject as n}from"tslib";import r from"@emotion/styled";var o,t,e,i,a,d,s,b=r.div(o||(o=n(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(n){return n.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(n){return n.theme.component.slideNavigation.slideDots.selectedDotColor})),p=r.div(t||(t=n(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(n){return n.borderRadiusVariant?"13px":"0"}),(function(n){return n.borderRadiusVariant?"11px":"0"})),u=r.div(e||(e=n(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),c=r.div(i||(i=n(["\n position: absolute;\n ","\n right: 0.5rem;\n z-index: 10;\n"],["\n position: absolute;\n ","\n right: 0.5rem;\n z-index: 10;\n"])),(function(n){return n.isMobile?"bottom: 3rem;":"top: 1rem;"})),l=r.button(a||(a=n(["\n background: rgba(41, 41, 41, 0.5);\n border: none;\n border-radius: 50%;\n padding: 0.75rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s;\n backdrop-filter: blur(4px);\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n background: rgba(41, 41, 41, 0.5);\n border: none;\n border-radius: 50%;\n padding: 0.75rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s;\n backdrop-filter: blur(4px);\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n\n &:active {\n transform: scale(0.95);\n }\n"]))),m=r.div(d||(d=n(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),g=r.button(s||(s=n(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"])));export{u as BottomTagContainer,g as Button,b as Container,m as NavButtonContainer,p as TopTagContainer,l as ZoomButton,c as ZoomButtonContainer};
2
+ //# sourceMappingURL=ImageProductSlide.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageProductSlide.styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +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{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"../../../../modal/Modal.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"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../ProductGalleryMobileV6/MainGallery/styled.js";import"../../ProductGalleryMobileV6/styled.js";import"../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};
2
+ //# sourceMappingURL=VideoDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VideoDisplay.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{__assign as i}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import{useRef as t,useCallback as n,useEffect as l}from"react";import{useModal as d}from"../../../../modal/Modal.js";import c from"../../../../../hooks/useDeviceType/useDeviceType.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import{Icon as s}from"../../../../icons/index.js";import{VideoDisplay as m}from"./VideoDisplay.js";import{ZoomModalWrapper as h,ZoomModalContainer as a,ZoomModalHeader as v,ZoomModalTitle as u,CloseButton as f,VerticalScrollContainer as p,ZoomImage as k,DesktopSliderContainer as w,SliderWrapper as g,NavigationButton as j}from"./zoomModal.styled.js";var y=function(y){var S=y.modalId,T=y.contents,x=y.initialSlide,C=void 0===x?0:x,b=y.title,A=void 0===b?"Zoom":b,D=d(S),M=D.opened,V=D.close,z="mobile"===c(),L=t(null),P=n((function(){V()}),[V]),F=n((function(){L.current&&L.current.slickNext()}),[]),G=n((function(){L.current&&L.current.slickPrev()}),[]);l((function(){M&&L.current&&L.current.slickGoTo(C)}),[M,C]);var I=function(i){return o(k,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"510px"},i.key)};return o(h,i({id:S,maxFullScreen:!0,dismissable:!0},{children:e(a,{children:[e(v,{children:[o(u,{children:A},void 0),o(f,i({onClick:P,"data-testid":"zoom-modal-close"},{children:o(s.Actions.Close,{height:1,width:1,fill:"#666"},void 0)}),void 0)]},void 0),z?o(p,{children:o(r,i({verticalSwiping:!0,vertical:!0,infinite:!0,arrows:!1,dots:!1,slidesToShow:2,slidesToScroll:2,initialSlide:C,centerMode:!0,centerPadding:"16px"},{children:T.map((function(i){return(null==i?void 0:i.isVideo)?o(m,{content:i},i.key):I(i)}))}),void 0)},void 0):o(w,{children:e(g,{children:[o(r,i({ref:L,slidesToShow:5,slidesToScroll:5,infinite:!1,dots:!0,arrows:!1},{children:T.map((function(i){return(null==i?void 0:i.isVideo)?o(m,{content:i},i.key):I(i)}))}),void 0),o(j,i({isLeft:!0,onClick:G},{children:o(s.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),o(j,i({onClick:F},{children:o(s.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]},void 0)},void 0)]},void 0)}),void 0)};export{y as ZoomModal};
2
+ //# sourceMappingURL=ZoomModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +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 p}from"react-zoom-pan-pinch";import{useModal as n}from"../../../../modal/Modal.js";import c from"../../../../../hooks/useDeviceType/useDeviceType.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import{Image as j}from"../../../../atoms/Image/Image.js";import{Icon as u}from"../../../../icons/index.js";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../utils/constants/offerAtCart.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../radio/input/styles.js";import"../../../../tooltip/Styled.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as y}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"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"../../../../textWithImage/index.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../ProductGalleryMobileV6/MainGallery/styled.js";import"../../ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import{VideoDisplay as h}from"./VideoDisplay.js";import{ZoomModalWrapper as b,MobileImageContainer as f,SlideCounterBadge as C,ZoomControlsContainer as g,ZoomMinusButton as P,ZoomPlusButton as v,CloseButtonTopRight as S,NavButton as w,CloseWrapper as V,CloseButton as T,NavWrapper as A,DesktopNavButton as k}from"./ZoomModalV2.styled.js";var I=function(I){var L=I.modalId,B=I.contents,G=I.initialSlide,z=void 0===G?0:G,M=n(L),O=M.opened,x=M.close,D="mobile"===c(),R=s(null),F=s(null),W=l(z),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(z),R.current&&R.current.slickGoTo(z))}),[O,z]),D?r(b,t({id:L,dismissable:!0,maxFullScreen:!0},{children:r(f,{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:z,afterChange:function(t){return N(t)}},{children:B.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(p,{children:r(j,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),o(C,{children:[H+1," / ",B.length]},void 0),o(g,{children:[r(P,t({onClick:function(){return a(1)}},{children:r(u.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r(v,t({onClick:function(){return l(1)}},{children:r(y,{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(u.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r(w,t({isLeft:!0,onClick:E},{children:r(u.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r(w,t({onClick:q},{children:r(u.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:L,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r(i,t({ref:R,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:z},{children:B.map((function(t,o){return(null==t?void 0:t.isVideo)?r(h,{content:t},t.key):r(j,{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(u.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)},void 0),O&&o(A,{children:[r(k,t({isLeft:!0,onClick:E},{children:r(u.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r(k,t({onClick:q},{children:r(u.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]},void 0)]},void 0)};export{I as ZoomModalV2};
2
+ //# sourceMappingURL=ZoomModalV2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomModalV2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}