@trafilea/afrodita-components 7.13.12 → 7.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6.styled.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/es/components/tooltip/Styled.js +1 -1
- package/build/es/components/tooltip/Tooltip.js +1 -1
- package/build/index.d.ts +11 -1
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ImageProductSlideV2.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6.styled.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/lib/components/tooltip/Styled.js +1 -1
- package/build/lib/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as d}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as n}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as y}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.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{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as C}from"../../../pricing/styles.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"../../../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"../../grid/WithProductGrid.js";import{PriceLabelV4 as S}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as z}from"./constants.js";import{getStylesBySize as T,ProdCardContainer as k,CornerContainer as L,Container as M,ImageContainer as V,TopTagContainer as x,BottomTagContainer as I,ImageHoverContainer as G,Title as B,Divider as A,MarginTopContainer as D,OneLineInfoWrapper as O,ClubOfferPriceLabelWrapper as R,InlineContainer as N}from"./styled.js";import{IconButton as W}from"../../../icon-button/IconButton.js";import"../../../tag/variants/product/styled.js";import"../truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../cta/styled.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../../organisms/ModalZoom/zoomModal.styled.js";import"../../../organisms/ModalZoom/ZoomModalV2.styled.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"../../../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"../../../rating/starList/StarList.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"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/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{LikeButton as F}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var H=function(H){var Z,E,_,q,J,K,Q,U,X,Y,$,ii=H.title,oi=H.image,ri=H.imageHover,ei=H.price,ti=H.rating,li=H.hideRating,si=void 0!==li&&li,ai=H.size,di=H.alignName,ni=void 0===di?"center":di,ci=H.url,mi=H.className,pi=H.topTag,ui=H.bottomTag,vi=H.onClick,gi=H.priceDisplayType,ji=void 0===gi?"default":gi,yi=H.priceAtBottom,hi=H.ratingOnTop,bi=H.priceLoading,fi=H.noFollow,Pi=void 0!==fi&&fi,Ci=H.colorPicker,Si=void 0===Ci?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Ci,wi=H.isBNPL,zi=void 0===wi?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:wi,Ti=H.hasStrength,ki=void 0===Ti?{strength:-1,description:""}:Ti,Li=H.clubPrice,Mi=void 0===Li?"":Li,Vi=H.showClubPriceLabel,xi=void 0!==Vi&&Vi,Ii=H.isRatingLoading,Gi=H.version,Bi=void 0===Gi?1:Gi,Ai=H.showDiscountPercentageTag,Di=void 0!==Ai&&Ai,Oi=H.discountTagLoading,Ri=H.discountTag,Ni=H.isOnViewport,Wi=void 0!==Ni&&Ni,Fi=H.hasDefaultSize,Hi=void 0!==Fi&&Fi,Zi=H.clubOffer,Ei=H.likeBtn,_i=H.onClickBottomButton,qi=H.showDecimals,Ji=void 0===qi||qi,Ki=H.showDivider,Qi=void 0!==Ki&&Ki,Ui=H.invertPriceDirection,Xi=void 0!==Ui&&Ui,Yi=H.priceAndReviewInOneLine,$i=void 0!==Yi&&Yi,io=H.priceAndDiscountTagInOneLine,oo=void 0!==io&&io,ro=v(),eo=T(ai),to=g().isMobile,lo=t((function(){var i;return(i={},i[y.Large]=8,i[y.Medium]=4,i[y.Small]=2,i)[ai]}),[ai]),so=function(o){var e,t,l,s,a,n;if(void 0===o&&(o=Bi),"hidden"===ji)return null;switch(o){case 4:return r(S,"styled"===ji?{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:xi,clubPrice:Mi,styledPrice:!0,finalPriceStyle:xi?to?{fontSize:"12px",fontWeight:700,color:null===(t=ro.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=ro.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:xi,clubPrice:Mi,finalPriceStyle:xi?to?{fontSize:"12px",fontWeight:700,color:null===(s=ro.colors.pallete.brickRed)||void 0===s?void 0:s.color}:{fontSize:"16px",fontWeight:700,color:null===(l=ro.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r(R,i({style:null==Zi?void 0:Zi.wrapperStyle},{children:r(d,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Zi?void 0:Zi.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(n=null==Zi?void 0:Zi.price)||void 0===n?void 0:n.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:xi,icon:null==Zi?void 0:Zi.clubOfferIcon,isCollections:null==Zi?void 0:Zi.isCollections},void 0)}),void 0);default:return"styled"===ji?r(P,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Large,testId:"volume-discount",showDecimals:Ji},void 0):r(f,{invertDirection:Xi,finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount",clubStyle:xi,finalPriceStyle:xi?to?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ao=function(){return si||!ti.reviews&&!ti.rating?r(e,{},void 0):Ii?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ai===y.Large?y.Small:y.XSmall,rating:ti.rating,reviews:null==ti?void 0:ti.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},no=l(null!==(Z=null==Ei?void 0:Ei.isLiked)&&void 0!==Z&&Z),co=no[0],mo=no[1],po=l(null!==(E=null==Ei?void 0:Ei.likes)&&void 0!==E?E:0),uo=po[0],vo=po[1],go=oo?N:s;return o(k,i({className:mi,"data-testid":"product-card-container-div"},{children:["corner"===Si.position&&r(L,i({},Si.componentContainerProps,{children:Si.component}),void 0),o(M,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",className:"picContainer",onClick:vi},{children:[!!Ei&&r(F,{isLiked:co,likes:uo,onClick:function(i){i.stopPropagation(),vo(co?function(i){return i-1}:function(i){return i+1}),mo((function(i){return!i})),null==Ei||Ei.onClick(i)},colors:{background:{active:null!==(J=null===(q=null===(_=Ei.colors)||void 0===_?void 0:_.background)||void 0===q?void 0:q.active)&&void 0!==J?J:ro.colors.shades.white.color,hover:null!==($=null!==(U=null===(Q=null===(K=Ei.colors)||void 0===K?void 0:K.background)||void 0===Q?void 0:Q.hover)&&void 0!==U?U:null===(Y=null===(X=Ei.colors)||void 0===X?void 0:X.background)||void 0===Y?void 0:Y.active)&&void 0!==$?$:ro.colors.shades.white.color}}},void 0),pi||ui?o(V,i({width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,"data-testid":"tags-image-container"},{children:[r(n,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:Hi?null==eo?void 0:eo.width:"100%",height:Hi?null==eo?void 0:eo.height:"100%",loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),r(x,i({style:{width:Si.display?"100%":"inherit"}},{children:pi}),void 0),r(I,i({style:{width:Si.display?"100%":"inherit"}},{children:ui}),void 0)]}),void 0):r(n,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),ri?r(G,{className:"hover__image",src:ri.src,srcSet:j(ri.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ri.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height},void 0):null]}),void 0),Si.display&&"top"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0),hi&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),r(ao,{},void 0)]},void 0),o(M,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",onClick:vi,className:"textContainer",style:{alignItems:xi?"flex-start":"center"}},{children:[r(p,{size:lo},void 0),r(B,i({theme:ro,align:xi?"left":ni,"data-testid":"product-card-title"},{children:ii}),void 0),r(p,{size:lo},void 0),Qi&&o(e,{children:[r(A,{theme:ro},void 0),r(p,{size:lo},void 0)]},void 0),ki&&-1!==ki.strength&&o(e,{children:[r(u,{barsFilled:ki.strength,supportText:ki.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,yi&&!hi?{children:[r(ao,{},void 0),r(p,{size:lo},void 0),o(D,i({style:{marginTop:(null==Zi?void 0:Zi.isClubOffer)?0:8}},{children:[bi?r(a,{height:"20px",width:"140px"},void 0):so(),(null==Zi?void 0:Zi.isClubOffer)&&so(5)]}),void 0)]}:{children:[o(go,{children:[bi?r(a,{height:"20px",width:"140px"},void 0):$i&&!hi?o(O,{children:[so(),r(ao,{},void 0)]},void 0):o(e,{children:[!(null==Zi?void 0:Zi.isClubMember)&&so(),(null==Zi?void 0:Zi.isClubOffer)&&so(5),r(c,{displayBNPL:null==zi?void 0:zi.displayBNPL,installments:(null==zi?void 0:zi.installments)||0,installmentPrice:(null==zi?void 0:zi.installmentPrice)||"",iconFolder:null==zi?void 0:zi.iconFolder,iconName:(null==zi?void 0:zi.iconName)||"",showLogo:null==zi?void 0:zi.showLogo,iconColor:null==zi?void 0:zi.iconColor,fontSize:null==zi?void 0:zi.fontSize},void 0)]},void 0),xi&&r(m,{clubPrice:Mi},void 0),Oi?r(a,{height:"22px",width:"75px"},void 0):Di&&r(C,i({size:y.Small},{children:Ri&&r(b,i({},Ri,{size:y.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r(p,{size:lo},void 0),!hi&&!$i&&r(ao,{},void 0)]},void 0),!!_i&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),o(W,i({size:y.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==_i||_i(i)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),Si.display&&"bottom"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0)]}),void 0)};export{H as default};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as y}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.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{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{PriceLabelV6 as C}from"../../../pricing/priceLabelV6/PriceLabelV6.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"../../../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"../../grid/WithProductGrid.js";import{PriceLabelV4 as S}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as z}from"./constants.js";import{getStylesBySize as T,ProdCardContainer as M,CornerContainer as L,Container as k,ImageContainer as x,TopTagContainer as V,BottomTagContainer as I,ImageHoverContainer as G,Title as B,Divider as A,MarginTopContainer as D,OneLineInfoWrapper as O,ClubOfferPriceLabelWrapper as R,InlineContainer as N}from"./styled.js";import{TagContainer as W}from"../../../pricing/styles.js";import{IconButton as F}from"../../../icon-button/IconButton.js";import"../../../tag/variants/product/styled.js";import"../truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../cta/styled.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../../organisms/ModalZoom/zoomModal.styled.js";import"../../../organisms/ModalZoom/ZoomModalV2.styled.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"../../../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"../../../rating/starList/StarList.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"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/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{LikeButton as H}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var Z=function(Z){var E,_,q,J,K,Q,U,X,Y,$,ii,oi=Z.title,ri=Z.image,ei=Z.imageHover,ti=Z.price,li=Z.rating,si=Z.hideRating,ai=void 0!==si&&si,ni=Z.size,di=Z.alignName,ci=void 0===di?"center":di,mi=Z.url,pi=Z.className,ui=Z.topTag,vi=Z.bottomTag,gi=Z.onClick,ji=Z.priceDisplayType,yi=void 0===ji?"default":ji,hi=Z.priceAtBottom,bi=Z.ratingOnTop,fi=Z.priceLoading,Pi=Z.noFollow,Ci=void 0!==Pi&&Pi,Si=Z.colorPicker,wi=void 0===Si?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Si,zi=Z.isBNPL,Ti=void 0===zi?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:zi,Mi=Z.hasStrength,Li=void 0===Mi?{strength:-1,description:""}:Mi,ki=Z.clubPrice,xi=void 0===ki?"":ki,Vi=Z.showClubPriceLabel,Ii=void 0!==Vi&&Vi,Gi=Z.isRatingLoading,Bi=Z.version,Ai=void 0===Bi?1:Bi,Di=Z.showDiscountPercentageTag,Oi=void 0!==Di&&Di,Ri=Z.discountTagLoading,Ni=Z.discountTag,Wi=Z.isOnViewport,Fi=void 0!==Wi&&Wi,Hi=Z.hasDefaultSize,Zi=void 0!==Hi&&Hi,Ei=Z.clubOffer,_i=Z.likeBtn,qi=Z.onClickBottomButton,Ji=Z.showDecimals,Ki=void 0===Ji||Ji,Qi=Z.showDivider,Ui=void 0!==Qi&&Qi,Xi=Z.invertPriceDirection,Yi=void 0!==Xi&&Xi,$i=Z.priceAndReviewInOneLine,io=void 0!==$i&&$i,oo=Z.priceAndDiscountTagInOneLine,ro=void 0!==oo&&oo,eo=Z.priceLabelV6Tooltip,to=v(),lo=T(ni),so=g().isMobile,ao=t((function(){var i;return(i={},i[y.Large]=8,i[y.Medium]=4,i[y.Small]=2,i)[ni]}),[ni]),no=function(o){var e,t,l,s,a,d;if(void 0===o&&(o=Ai),"hidden"===yi)return null;switch(o){case 4:return r(S,"styled"===yi?{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,styledPrice:!0,finalPriceStyle:Ii?so?{fontSize:"12px",fontWeight:700,color:null===(t=to.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=to.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,finalPriceStyle:Ii?so?{fontSize:"12px",fontWeight:700,color:null===(s=to.colors.pallete.brickRed)||void 0===s?void 0:s.color}:{fontSize:"16px",fontWeight:700,color:null===(l=to.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r(R,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Ei?void 0:Ei.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);case 6:return r(C,{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Medium,testId:"volume-discount-v6",showDecimals:Ki,tooltipText:null==eo?void 0:eo.tooltipText,tooltipIcon:null==eo?void 0:eo.tooltipIcon,tooltipPosition:null==eo?void 0:eo.tooltipPosition,isMobile:so},void 0);default:return"styled"===yi?r(P,{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Large,testId:"volume-discount",showDecimals:Ki},void 0):r(f,{invertDirection:Yi,finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:y.Medium,testId:"volume-discount",clubStyle:Ii,finalPriceStyle:Ii?so?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},co=function(){return ai||!li.reviews&&!li.rating?r(e,{},void 0):Gi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ni===y.Large?y.Small:y.XSmall,rating:li.rating,reviews:null==li?void 0:li.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},mo=l(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),po=mo[0],uo=mo[1],vo=l(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),go=vo[0],jo=vo[1],yo=ro?N:s;return o(M,i({className:pi,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(L,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(k,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",className:"picContainer",onClick:gi},{children:[!!_i&&r(H,{isLiked:po,likes:go,onClick:function(i){i.stopPropagation(),jo(po?function(i){return i-1}:function(i){return i+1}),uo((function(i){return!i})),null==_i||_i.onClick(i)},colors:{background:{active:null!==(K=null===(J=null===(q=_i.colors)||void 0===q?void 0:q.background)||void 0===J?void 0:J.active)&&void 0!==K?K:to.colors.shades.white.color,hover:null!==(ii=null!==(X=null===(U=null===(Q=_i.colors)||void 0===Q?void 0:Q.background)||void 0===U?void 0:U.hover)&&void 0!==X?X:null===($=null===(Y=_i.colors)||void 0===Y?void 0:Y.background)||void 0===$?void 0:$.active)&&void 0!==ii?ii:to.colors.shades.white.color}}},void 0),ui||vi?o(x,i({width:null==lo?void 0:lo.width,height:null==lo?void 0:lo.height,"data-testid":"tags-image-container"},{children:[r(d,{src:ri.src,srcSet:j(ri.src,180,360,720,960),alt:ri.alt,width:Zi?null==lo?void 0:lo.width:"100%",height:Zi?null==lo?void 0:lo.height:"100%",loading:Fi?"eager":"lazy",decoding:Fi?"sync":"async",borderRadius:z[to.name].image.borderRadius},void 0),r(V,i({style:{width:wi.display?"100%":"inherit"}},{children:ui}),void 0),r(I,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):r(d,{src:ri.src,srcSet:j(ri.src,180,360,720,960),alt:ri.alt,width:null==lo?void 0:lo.width,height:null==lo?void 0:lo.height,loading:Fi?"eager":"lazy",decoding:Fi?"sync":"async",borderRadius:z[to.name].image.borderRadius},void 0),ei?r(G,{className:"hover__image",src:ei.src,srcSet:j(ei.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ei.alt,width:null==lo?void 0:lo.width,height:null==lo?void 0:lo.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:ao},void 0),wi.component]},void 0),bi&&o(e,{children:[r(p,{size:ao},void 0),r(p,{size:ao},void 0),r(co,{},void 0)]},void 0),o(k,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Ii?"flex-start":"center"}},{children:[r(p,{size:ao},void 0),r(B,i({theme:to,align:Ii?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),r(p,{size:ao},void 0),Ui&&o(e,{children:[r(A,{theme:to},void 0),r(p,{size:ao},void 0)]},void 0),Li&&-1!==Li.strength&&o(e,{children:[r(u,{barsFilled:Li.strength,supportText:Li.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,hi&&!bi?{children:[r(co,{},void 0),r(p,{size:ao},void 0),o(D,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[fi?r(a,{height:"20px",width:"140px"},void 0):no(),(null==Ei?void 0:Ei.isClubOffer)&&no(5)]}),void 0)]}:{children:[o(yo,{children:[fi?r(a,{height:"20px",width:"140px"},void 0):io&&!bi?o(O,{children:[no(),r(co,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&no(),(null==Ei?void 0:Ei.isClubOffer)&&no(5),r(c,{displayBNPL:null==Ti?void 0:Ti.displayBNPL,installments:(null==Ti?void 0:Ti.installments)||0,installmentPrice:(null==Ti?void 0:Ti.installmentPrice)||"",iconFolder:null==Ti?void 0:Ti.iconFolder,iconName:(null==Ti?void 0:Ti.iconName)||"",showLogo:null==Ti?void 0:Ti.showLogo,iconColor:null==Ti?void 0:Ti.iconColor,fontSize:null==Ti?void 0:Ti.fontSize},void 0)]},void 0),Ii&&r(m,{clubPrice:xi},void 0),Ri?r(a,{height:"22px",width:"75px"},void 0):Oi&&r(W,i({size:y.Small},{children:Ni&&r(b,i({},Ni,{size:y.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r(p,{size:ao},void 0),!bi&&!io&&r(co,{},void 0)]},void 0),!!qi&&o(e,{children:[r(p,{size:ao},void 0),r(p,{size:ao},void 0),o(F,i({size:y.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==qi||qi(i)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(e,{children:[r(p,{size:ao},void 0),wi.component]},void 0)]}),void 0)};export{Z as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),R=d.div(k||(k=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),z=d.div(w||(w=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),S=d.button(V||(V=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},I=function(o,i,n){if(i){var t=o<i,e=t?"eager":"lazy",r=t?"sync":"async";n.loading=e,n.decoding=r}return n},P=function(o){var d=o.contents,b=o.customClick,x=void 0!==b&&b,y=o.topTag,k=o.topRightTag,w=o.bottomTag,V=o.testId,P=o.borderRadiusVariant,B=o.selectedValue,D=o.onChange,G=o.itemsOnViewport,L=void 0===G?0:G,M=o.videoAutoplay,N=void 0!==M&&M,O=o.hideVideoControls,E=void 0!==O&&O,U=o.videoMuted,W=void 0===U||U,Z=o.videoLoop,q=void 0===Z||Z,F=o.enableZoom,H=void 0===F||F,J=l(null),K=l(null);v(K);var Q=a((function(o){var i;null===(i=J.current)||void 0===i||i.slickGoTo(o)}),[J]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=J.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[x&&e("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return e(c,{onClick:function(){return Q(i)},text:String(i+1),inline:!0},i)}))}),void 0),e(T,i({"data-testid":V,borderRadiusVariant:P,ref:K},{children:e(r,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?g():f(),null==D||D(o)}},A,{nextArrow:e(z,{children:e(S,{children:e(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(z,{children:e(S,{children:e(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:J},{children:d.map((function(o,r){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s={alt:o.alt,width:"100%",height:"510px"};return e("div",{children:a?e(m,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:N,muted:W,loop:q,withProgressBar:!E,style:E?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[H?e(u,{src:l,zoomSrc:l,zoomType:"hover",imgAttributes:I(r,L,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):e(p,{src:l,alt:o.alt,width:"100%",height:"500px",loading:I(r,L,s).loading,decoding:I(r,L,s).decoding},void 0),e(j,i({borderRadiusVariant:P,"data-testid":"topTag"},{children:y}),void 0),e(R,i({"data-testid":"bottomTag"},{children:w}),void 0),!!k&&e(C,{children:k},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{S as Button,T as Container,z as NavButtonContainer,P as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"@emotion/styled";import{useState as d}from"react";import n from"./ImageProductSlide.js";var r,a=i.div(r||(r=o(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),l=function(o){var i=o.images,r=o.customClick,l=o.topTag,m=o.topRightTag,s=o.bottomTag,p=o.productImageDataTestId,v=o.borderRadiusVariant,c=void 0!==v&&v,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,T=void 0!==b&&b,V=o.hideVideoControls,y=void 0!==V&&V,C=o.videoMuted,w=void 0===C||C,I=o.videoLoop,R=void 0===I||I,O=o.enableZoom,j=void 0===O||O,k=d(0),A=k[0],L=k[1],M=f?null==i?void 0:i[A]:u;return e(a,t({"data-testid":"product-gallery-mobile-v1"},{children:e(n,{contents:i,customClick:r,topTag:l,topRightTag:m,bottomTag:s,testId:p,borderRadiusVariant:c,selectedValue:M,onChange:function(o){return L(o)},itemsOnViewport:x,videoAutoplay:T,hideVideoControls:y,videoMuted:w,videoLoop:R,enableZoom:j},void 0)}),void 0)};export{l as ProductGalleryMobile};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import n from"@emotion/styled";import{forwardRef as a}from"react";import l from"react-inner-image-zoom";import{Image as d}from"../../../atoms/Image/Image.js";var m,u,s,p=n.div(m||(m=o(["\n ","\n position: relative;\n max-height: 31.875rem;\n overflow: hidden;\n"],["\n ","\n position: relative;\n max-height: 31.875rem;\n overflow: hidden;\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "})),v=n.div(u||(u=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),c=n.div(s||(s=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),h=a((function(o,n){var a,m,u=o.image,s=o.topTag,h=o.bottomTag,f=o.testId,b=o.borderRadiusVariant,g=o.enableZoom,x=void 0===g||g;return t(p,i({"data-testid":f,ref:n,borderRadiusVariant:b},{children:[!(null===(a=null==u?void 0:u.alt)||void 0===a?void 0:a.includes("-video"))&&t(e,{children:[x?r(l,{src:u.url,zoomSrc:u.url,zoomType:"hover",imgAttributes:{alt:u.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):r(d,{src:u.url,alt:u.alt,width:"100%",height:"500px"},void 0),r(v,i({borderRadiusVariant:b},{children:s}),void 0),r(c,{children:h},void 0)]},void 0),(null===(m=null==u?void 0:u.alt)||void 0===m?void 0:m.includes("-video"))&&r("iframe",{allowFullScreen:!0,title:u.alt,width:"100%",height:510,src:null==u?void 0:u.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));export{h as ImageProductSlideV2};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlideV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as t,__assign as
|
|
1
|
+
import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import n from"@emotion/styled";import{useState as r,useEffect as a,useCallback as d}from"react";import{useSwipeable as m}from"react-swipeable";import"../components/ArrowButton/ArrowButton.js";import"../components/SlideDots/SlideDots.js";import{SlideNavigation as l}from"../components/SlideNavigation/SlideNavigation.js";import{ImageProductSlideV2 as s}from"./ImageProductSlideV2.js";var c,p=n.div(c||(c=t(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),u=function(t){var n=t.images,c=t.selectedValue,u=t.topTag,f=t.bottomTag,g=t.productImageDataTestId,v=t.slideDotsDataTestId,x=t.borderRadiusVariant,h=void 0!==x&&x,b=t.enableZoom,w=void 0===b||b,I=r(0),S=I[0],T=I[1];a((function(){null!=c&&T(Math.max(0,n.indexOf(c)))}),[c,n]);var j=r((function(){return n[S]})),y=j[0],D=j[1],V=m({onSwipedLeft:d((function(){T((function(t){return Math.min(t+1,n.length-1)}))}),[n.length]),onSwipedRight:d((function(){T((function(t){return Math.max(t-1,0)}))}),[])});return a((function(){D(n[S])}),[S,n]),i(p,o({"data-testid":"product-gallery-mobile-v2"},{children:[e(s,o({},V,{image:y,topTag:u,bottomTag:f,testId:g,borderRadiusVariant:h,enableZoom:w}),void 0),e(l,{quantity:n.length,selectedIndex:n.indexOf(y),onNavigate:T,testId:v},void 0)]}),void 0)};export{u as ProductGalleryMobileV2};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as u}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as j,playVideoCommand as y}from"../utils/sendCommandToIframe.js";import{Icon as b}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../../utils/constants/offerAtCart.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/Image/styled.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../buynowpaylater/BuyNowPayLater.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../../collection/grid/WithProductGrid.js";import"../../../SkeletonBox/SkeletonBox.js";import"../../../club-price-label/ClubPriceLabel.js";import"../../../strength-bars/StrengthBars.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../rating/starList/StarList.js";import"../../../rating/styles.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../timer/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../iconsWithTitle/index.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../molecules/LikeButton/styled.js";import"../../../icon-button/IconButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../collection/product/mobile/styled.js";import"../../../tag/variants/product/styled.js";import"../../../collection/product/truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../ModalZoom/zoomModal.styled.js";import"../../ModalZoom/ZoomModalV2.styled.js";import"../../../slider/ArrowButton.js";import"../../../slider/StyledSlider.js";import"../../../gallery/components/ImageSmallPreview/styled.js";import"../../../gallery/components/ImagePreviewList/styled.js";import"../../../gallery/components/ImageProductSlide/styled.js";import"../../../gallery/styled.js";import"../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../image-card/ImageCard.js";import"../../../input/label/Label.js";import"../../../input/base/Styled.js";import"../../../input/custom/Custom.js";import"../../../input/basePlusButton/BasePlusButton.js";import"../../../input/basePlusIcon/BasePlusIcon.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"../../../textWithImage/index.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../BasicAccordion/BasicAccordion.js";import"../../CartItemCard/CartItem.js";import"../../ClubOfferSelector/styled.js";import"../../ClubOfferSelector2/styled.js";import"../../JoinClubCard/joinClubCard.js";import"../../OfferAtCart/styled.js";import"../../OfferAtCartV2/styled.js";import"../../OfferAtCartV3/styled.js";import"../../OfferAtCartV4/styled.js";import"../../OfferAtPDP/styled.js";import"../../OfferAtPDP/types.js";import"../../ProductCard/ProductCardV1/ProductCard.js";import"../../ProductCard/ProductCardV2/styled.js";import"../../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../SizeCharTable/SizeChartTableV2/styled.js";import"../../SizeCharTable/SizeChartTableV3/styled.js";import"../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../SubscriptionPlanSelector/styled.js";import"../../TwoCtasAtCart/Greeting.styled.js";import"../../TwoCtasAtCart/Card.styled.js";var f,h,g,v,P,C,x,w,S,V=n.div(f||(f=t(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(t){return t.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),T=n.div(h||(h=t(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),k=n.div(g||(g=t(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),A=n.div(v||(v=t(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),I=n.div(P||(P=t(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),B=n.div(C||(C=t(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),G=n.div(x||(x=t(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),M=n.div(w||(w=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),z=n.button(S||(S=t(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),L={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},O=function(t){var n=t.images,f=t.customClick,h=void 0!==f&&f,g=t.topTag,v=t.bottomTag,P=t.testId,C=t.borderRadiusVariant,x=t.selectedValue,w=l(null),S=l(null),O=l(null),D=a(!1),R=D[0],F=D[1];u(S);var W=d((function(t){var o;null===(o=w.current)||void 0===o||o.slickGoTo(t)}),[w]),N=function(){j(),F((function(t){return t?!t:t}))},H=function(){y(),F((function(t){return t?!t:t}))};return p((function(){var t;if(x){var o=n.findIndex((function(t){return t.url===x.url}));-1!==o&&(null===(t=w.current)||void 0===t||t.slickGoTo(o))}}),[n,x]),r(e,{children:[h&&i("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,o){return i(c,{onClick:function(){return W(o)},text:String(o+1),inline:!0},o)}))}),void 0),i(V,o({"data-testid":P,borderRadiusVariant:C,ref:S},{children:i(s,o({afterChange:function(t){var o,r=n[t];(null===(o=null==r?void 0:r.url)||void 0===o?void 0:o.includes("autoplay=1"))?H():N()}},L,{nextArrow:i(M,{children:i(z,{children:i(b.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(M,{children:i(z,{children:i(b.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w},{children:n.map((function(t){var s,n;return r("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&r(e,{children:[i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),i(T,o({borderRadiusVariant:C,"data-testid":"topTag"},{children:g}),void 0),i(k,o({"data-testid":"bottomTag"},{children:v}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&r(I,{children:[i("iframe",{id:"vwo-video",ref:O,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(A,{onClick:function(){R?N():H()}},void 0),r(B,{children:[i(b.PDP.PlayMini,{width:1.5},void 0),i(G,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{O as ImageProductSlideV3};
|
|
1
|
+
import{__makeTemplateObject as t,__assign as o}from"tslib";import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import s from"@ant-design/react-slick";import n from"@emotion/styled";import{useRef as l,useState as a,useCallback as d,useEffect as p}from"react";import m from"react-inner-image-zoom";import{Image as c}from"../../../atoms/Image/Image.js";import u from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{usePreventVerticalScroll as j}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{stopVideoCommand as y,playVideoCommand as b}from"../utils/sendCommandToIframe.js";import{Icon as f}from"../../../icons/index.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../../utils/constants/offerAtCart.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../buynowpaylater/BuyNowPayLater.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../../collection/grid/WithProductGrid.js";import"../../../SkeletonBox/SkeletonBox.js";import"../../../club-price-label/ClubPriceLabel.js";import"../../../strength-bars/StrengthBars.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../rating/starList/StarList.js";import"../../../rating/styles.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"@emotion/react";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../timer/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../iconsWithTitle/index.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../molecules/LikeButton/styled.js";import"../../../icon-button/IconButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";import"../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../collection/product/mobile/styled.js";import"../../../tag/variants/product/styled.js";import"../../../collection/product/truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../ModalZoom/zoomModal.styled.js";import"../../ModalZoom/ZoomModalV2.styled.js";import"../../../slider/ArrowButton.js";import"../../../slider/StyledSlider.js";import"../../../gallery/components/ImageSmallPreview/styled.js";import"../../../gallery/components/ImagePreviewList/styled.js";import"../../../gallery/components/ImageProductSlide/styled.js";import"../../../gallery/styled.js";import"../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../image-card/ImageCard.js";import"../../../input/label/Label.js";import"../../../input/base/Styled.js";import"../../../input/custom/Custom.js";import"../../../input/basePlusButton/BasePlusButton.js";import"../../../input/basePlusIcon/BasePlusIcon.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"../../../textWithImage/index.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../BasicAccordion/BasicAccordion.js";import"../../CartItemCard/CartItem.js";import"../../ClubOfferSelector/styled.js";import"../../ClubOfferSelector2/styled.js";import"../../JoinClubCard/joinClubCard.js";import"../../OfferAtCart/styled.js";import"../../OfferAtCartV2/styled.js";import"../../OfferAtCartV3/styled.js";import"../../OfferAtCartV4/styled.js";import"../../OfferAtPDP/styled.js";import"../../OfferAtPDP/types.js";import"../../ProductCard/ProductCardV1/ProductCard.js";import"../../ProductCard/ProductCardV2/styled.js";import"../../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"./ProductGalleryMobileV3.js";import"../ProductGalleryMobileV4/ContentGallery/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobileV6/styled.js";import"../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../SizeCharTable/SizeChartTableV2/styled.js";import"../../SizeCharTable/SizeChartTableV3/styled.js";import"../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../SubscriptionPlanSelector/styled.js";import"../../TwoCtasAtCart/Greeting.styled.js";import"../../TwoCtasAtCart/Card.styled.js";var h,g,v,P,C,x,w,S,V,T=n.div(h||(h=t(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(t){return t.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(t){return t.theme.component.slideNavigation.slideDots.selectedDotColor})),k=n.div(g||(g=t(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(t){return t.borderRadiusVariant?"13px":"0"}),(function(t){return t.borderRadiusVariant?"11px":"0"})),A=n.div(v||(v=t(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),I=n.div(P||(P=t(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),B=n.div(C||(C=t(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),G=n.div(x||(x=t(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),M=n.div(w||(w=t(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),z=n.div(S||(S=t(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),L=n.button(V||(V=t(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},D=function(t){var n=t.images,h=t.customClick,g=void 0!==h&&h,v=t.topTag,P=t.bottomTag,C=t.testId,x=t.borderRadiusVariant,w=t.selectedValue,S=t.enableZoom,V=void 0===S||S,D=l(null),R=l(null),F=l(null),W=a(!1),N=W[0],H=W[1];j(R);var Z=d((function(t){var o;null===(o=D.current)||void 0===o||o.slickGoTo(t)}),[D]),E=function(){y(),H((function(t){return t?!t:t}))},q=function(){b(),H((function(t){return t?!t:t}))};return p((function(){var t;if(w){var o=n.findIndex((function(t){return t.url===w.url}));-1!==o&&(null===(t=D.current)||void 0===t||t.slickGoTo(o))}}),[n,w]),r(e,{children:[g&&i("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:n.map((function(t,o){return i(u,{onClick:function(){return Z(o)},text:String(o+1),inline:!0},o)}))}),void 0),i(T,o({"data-testid":C,borderRadiusVariant:x,ref:R},{children:i(s,o({afterChange:function(t){var o,r=n[t];(null===(o=null==r?void 0:r.url)||void 0===o?void 0:o.includes("autoplay=1"))?q():E()}},O,{nextArrow:i(z,{children:i(L,{children:i(f.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i(z,{children:i(L,{children:i(f.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:D},{children:n.map((function(t){var s,n;return r("div",{children:[!(null===(s=null==t?void 0:t.alt)||void 0===s?void 0:s.includes("-video"))&&r(e,{children:[V?i(m,{src:t.url,zoomSrc:t.url,zoomType:"hover",imgAttributes:{alt:t.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):i(c,{src:t.url,alt:t.alt,width:"100%",height:"500px"},void 0),i(k,o({borderRadiusVariant:x,"data-testid":"topTag"},{children:v}),void 0),i(A,o({"data-testid":"bottomTag"},{children:P}),void 0)]},void 0),(null===(n=null==t?void 0:t.alt)||void 0===n?void 0:n.includes("-video"))&&r(B,{children:[i("iframe",{id:"vwo-video",ref:F,allowFullScreen:!0,title:t.alt,width:"100%",height:"220px",src:null==t?void 0:t.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),i(I,{onClick:function(){N?E():q()}},void 0),r(G,{children:[i(f.PDP.PlayMini,{width:1.5},void 0),i(M,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},t.key)}))}),void 0)}),void 0)]},void 0)};export{D as ImageProductSlideV3};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlideV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as t,__assign as
|
|
1
|
+
import{__makeTemplateObject as t,__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import i from"@emotion/styled";import{ImageProductSlideV3 as a}from"./ImageProductSlideV3.js";var n,r=i.div(n||(n=t(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),d=function(t){var i=t.images,n=t.customClick,d=t.topTag,l=t.bottomTag,m=t.productImageDataTestId,s=t.borderRadiusVariant,c=void 0!==s&&s,p=t.selectedValue,u=t.enableZoom;return o(r,e({"data-testid":"product-gallery-mobile-v3"},{children:o(a,{images:i,customClick:n,topTag:d,bottomTag:l,testId:m,borderRadiusVariant:c,selectedValue:p,enableZoom:void 0===u||u},void 0)}),void 0)};export{d as ProductGalleryMobileV3};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";var t,o,e=i.div(t||(t=n(["\n margin-top: 4px;\n margin-left: 3px;\n"],["\n margin-top: 4px;\n margin-left: 3px;\n"]))),r=i.div(o||(o=n(["\n ","\n\n button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n outline: inherit;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Make close button clickable in mobile */\n .tooltip-container button {\n pointer-events: auto;\n z-index: 10;\n }\n"],["\n ","\n\n button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n outline: inherit;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Make close button clickable in mobile */\n .tooltip-container button {\n pointer-events: auto;\n z-index: 10;\n }\n"])),(function(n){return n.isOpen&&"\n .tooltip-container {\n visibility: visible !important;\n opacity: 1 !important;\n }\n \n .tooltip-container.hidden {\n visibility: visible !important;\n opacity: 1 !important;\n }\n "}));export{r as MobileClickableWrapper,e as TooltipWrapper};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useState as i,useRef as e,useCallback as r}from"react";import"../../../core/theme/Theme.js";import l from"../../../hooks/click-outside.js";import{ComponentPosition as s}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as n}from"../styles.js";import{Tooltip as m}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as p}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{MobileClickableWrapper as a}from"./PriceLabelV6.styled.js";var c=function(c){var d=c.tooltipText,f=c.tooltipIcon,u=c.tooltipPosition,b=c.isMobile,j=c.borderColor,h=void 0===j?"#EAEAEA":j,v=i(!1),g=v[0],C=v[1],P=e(null),y=r((function(){b&&g&&C(!1)}),[b,g]);l(P,y);var T=r((function(o){o.preventDefault(),o.stopPropagation(),b&&C((function(o){return!o}))}),[b]),L=r((function(o){o.stopPropagation()}),[]),I=r((function(){b&&C(!1)}),[b]);return t(a,o({ref:P,isOpen:g&&!!b},{children:t(n,o({"data-testid":"tooltip-container",onClick:L},{children:t("button",o({type:"button",onClick:T,"aria-label":"Toggle price tooltip"},{children:t(m,o({showCloseIcon:!0,withArrow:!0,content:{text:d},position:null!=u?u:s.BottomRight,closeBtnSize:.7,borderColor:h,"data-testid":"tooltip",isOpen:b?g:void 0,onClose:I},{children:t(p,{name:null!=f?f:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:b},void 0)}),void 0)}),void 0)}),void 0)}),void 0)};export{c as PriceLabelV6Tooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,d,
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,p,d,u,g,h=t.div(m||(m=n(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: "," !important;\n opacity: "," !important;\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: "," !important;\n opacity: "," !important;\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=t.div(l||(l=n(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n ","\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n ","\n ","\n\n ","\n"])),(function(n){var t=n.position;return r(t)}),(function(n){var t=n.position,i=n.align;return e(t,i)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){var t=n.isControlled,i=n.shouldShow;return t?"\n opacity: ".concat(i?1:0,";\n visibility: ").concat(i?"visible":"hidden",";\n "):"\n opacity: 0;\n visibility: hidden;\n "}),(function(n){return n.position===i.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,i=n.borderColor,o=n.backgroundColor;return n.withArrow&&a(t,i,o)})),x=function(n,t,o){return n!==i.BottomLeft&&n!==i.BottomRight||t!==i.Bottom?n===i.BottomRight&&t===i.Right?"-30px":n===i.BottomLeft&&t===i.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},b=t.div(c||(c=n(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),v=t.div(s||(s=n(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,i=n.maxWidth;return null!=i?i:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),y=t.div(p||(p=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),w=t.p(d||(d=n(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),z=t.div(u||(u=n(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),B=t.button(g||(g=n(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));export{B as CloseToolTip,b as ContentWrapper,z as IconContainer,w as Title,f as TooltipContainer,v as TooltipText,y as TopSection,h as Wrapper};
|
|
2
2
|
//# sourceMappingURL=Styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,jsx as l}from"react/jsx-runtime";import
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,jsx as l}from"react/jsx-runtime";import t,{useState as e,createRef as r,useLayoutEffect as n,useEffect as d}from"react";import{useTheme as c}from"../../core/theme/Theme.js";import{useWindowDimensions as s}from"../../hooks/WindowDimensions.js";import{Icon as a}from"../icons/index.js";import{Wrapper as h,TooltipContainer as u,CloseToolTip as v,ContentWrapper as p,TopSection as m,IconContainer as f,Title as C,TooltipText as b}from"./Styled.js";import{getCloseIconRight as g,getTooltipTextMaxWidth as w}from"./utils.js";var x=function(x){var k,y,T,I,W=x.children,j=x.position,H=x.content,S=x.elementContent,A=x.backgroundColor,D=x.borderColor,E=x.showCloseIcon,M=x.align,F=void 0===M?"center":M,N=x.maxWidth,_=x.onClick,z=x.header,B=x.withArrow,K=void 0!==B&&B,L=x.closeBtnSize,O=void 0===L?.5:L,P=x.isOpen,R=x.onClose,q=c(),G=e(0),J=G[0],Q=G[1],U=r(),V=e(0),X=V[0],Y=V[1],Z=r(),$=e(!1),oo=$[0],io=$[1],lo=s().isMobile;n((function(){var o=U.current;Q((null==o?void 0:o.offsetWidth)||0)}),[U]),n((function(){var o=Z.current;Y((null==o?void 0:o.offsetHeight)||0)}),[Z]),d((function(){void 0!==P&&io(!P)}),[P]);var to=function(){(!0===P||void 0===P&&oo)&&io(!1)},eo=!0===P||!1!==P&&!oo,ro="boolean"==typeof P;return i(h,o({position:j,disableHover:!eo,onMouseEnter:to,onTouchStart:to,"data-testid":"TooltipWrapper"},{children:[l("div",o({ref:U,onClick:to,onKeyDown:function(o){return"Enter"===o.key&&to()},role:"button",tabIndex:0},{children:W}),void 0),i(u,o({position:j,align:F,maxWidth:N,childrenWidth:J,tooltipHeight:X,ref:Z,onClick:_,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(eo?"":"hidden"),borderColor:D||q.colors.shades[200].color,backgroundColor:A||q.colors.shades.white.color,withArrow:K,"data-position":j,isControlled:ro,shouldShow:eo},{children:[(E||lo)&&l(v,o({right:g(j,null==z?void 0:z.iconRight),onClick:function(o){o.preventDefault(),o.stopPropagation(),void 0===P&&io(!0),null==R||R()}},{children:l(a.Actions.Close,{width:O,height:O,fill:null!==(k=null==z?void 0:z.iconFill)&&void 0!==k?k:q.colors.pallete.secondary.color},void 0)}),void 0),i(p,o({className:"tooltip-wrapper",borderColor:D||q.colors.shades[200].color,backgroundColor:null!=A?A:q.colors.shades.white.color},{children:[z&&i(m,o({"data-testid":"TooltipHeader"},{children:[(null==z?void 0:z.Icon)&&l(f,{children:t.createElement(z.Icon,{testId:"HeaderIcon",fill:null!==(y=null==z?void 0:z.iconFill)&&void 0!==y?y:q.colors.pallete.secondary.color})},void 0),l(C,o({color:null!==(T=null==z?void 0:z.titleColor)&&void 0!==T?T:q.colors.pallete.secondary.color},{children:z.title}),void 0)]}),void 0),H&&(null==H?void 0:H.text)?l(b,{color:null!==(I=null==H?void 0:H.color)&&void 0!==I?I:q.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:H.text},maxWidth:w(j)},void 0):S]}),void 0)]}),void 0)]}),void 0)};export{x as Tooltip};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -3099,6 +3099,11 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
3099
3099
|
invertPriceDirection?: boolean;
|
|
3100
3100
|
priceAndReviewInOneLine?: boolean;
|
|
3101
3101
|
priceAndDiscountTagInOneLine?: boolean;
|
|
3102
|
+
priceLabelV6Tooltip?: {
|
|
3103
|
+
tooltipText?: string;
|
|
3104
|
+
tooltipIcon?: IconName;
|
|
3105
|
+
tooltipPosition?: ComponentPosition;
|
|
3106
|
+
};
|
|
3102
3107
|
}
|
|
3103
3108
|
|
|
3104
3109
|
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
@@ -4291,8 +4296,10 @@ interface TooltipProps {
|
|
|
4291
4296
|
onClick?: () => void;
|
|
4292
4297
|
withArrow?: boolean;
|
|
4293
4298
|
closeBtnSize?: number;
|
|
4299
|
+
isOpen?: boolean;
|
|
4300
|
+
onClose?: () => void;
|
|
4294
4301
|
}
|
|
4295
|
-
declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, }: TooltipProps) => JSX.Element;
|
|
4302
|
+
declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, isOpen, onClose, }: TooltipProps) => JSX.Element;
|
|
4296
4303
|
|
|
4297
4304
|
declare type SubtotalOption = {
|
|
4298
4305
|
label: string;
|
|
@@ -4646,6 +4653,7 @@ interface ProductGalleryMobileProps$4 {
|
|
|
4646
4653
|
hideVideoControls?: boolean;
|
|
4647
4654
|
videoMuted?: boolean;
|
|
4648
4655
|
videoLoop?: boolean;
|
|
4656
|
+
enableZoom?: boolean;
|
|
4649
4657
|
}
|
|
4650
4658
|
declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$4>;
|
|
4651
4659
|
|
|
@@ -4657,6 +4665,7 @@ interface ProductGalleryMobileProps$3 {
|
|
|
4657
4665
|
productImageDataTestId?: string;
|
|
4658
4666
|
slideDotsDataTestId?: string;
|
|
4659
4667
|
borderRadiusVariant?: boolean;
|
|
4668
|
+
enableZoom?: boolean;
|
|
4660
4669
|
}
|
|
4661
4670
|
declare const ProductGalleryMobileV2: React.FC<ProductGalleryMobileProps$3>;
|
|
4662
4671
|
|
|
@@ -4668,6 +4677,7 @@ interface ProductGalleryMobileProps$2 {
|
|
|
4668
4677
|
productImageDataTestId?: string;
|
|
4669
4678
|
borderRadiusVariant?: boolean;
|
|
4670
4679
|
selectedValue?: ContentType$1;
|
|
4680
|
+
enableZoom?: boolean;
|
|
4671
4681
|
}
|
|
4672
4682
|
declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps$2>;
|
|
4673
4683
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("@emotion/react/jsx-runtime"),i=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var t=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react/jsx-runtime"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../buynowpaylater/BuyNowPayLater.js"),a=require("../../../club-price-label/ClubPriceLabel.js"),n=require("../../../shared/spacing/Spacing.js"),d=require("../../../strength-bars/StrengthBars.js"),c=require("../../../../core/theme/Theme.js"),u=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var j=require("../../../../types/enums.js");require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js");var m=require("../../../icons/index.js");require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var v=require("../../../pricing/discount/DiscountTag.js"),p=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var y=require("../../../pricing/styles.js");require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../shared/card/Card.js"),require("../../../bundle/minimalistic/styled.js"),require("../../../text/Text.js"),require("../../../bundle/motivator/styled.js"),require("../../../bundle/simple/Simple.js"),require("../../../offer-banner/OfferBanner.js"),require("../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../cartProductItem/Description/Description.js"),require("../../../cartProductItem/Promo/Promo.js"),require("../../../cartProductItem/Title/Title.js"),require("../../../cartProductItem/TrashIcon/styled.js"),require("../../../checkbox/Checkbox.js"),require("../../grid/WithProductGrid.js");var b=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),h=require("../../../rating/Rating.js"),P=require("./constants.js"),S=require("./styled.js"),f=require("../../../icon-button/IconButton.js");require("../../../tag/variants/product/styled.js"),require("../truekind/styled.js"),require("../../../color/ColorRadioGroup.js"),require("../../../color/selector/PatternSelector.js"),require("../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../cta/styled.js"),require("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("@ant-design/react-slick"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../../organisms/ModalZoom/zoomModal.styled.js"),require("../../../organisms/ModalZoom/ZoomModalV2.styled.js"),require("../../../molecules/Video/components/styled.js"),require("../../../molecules/Video/styled.js"),require("../../../slider/ArrowButton.js"),require("../../../slider/StyledSlider.js"),require("../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../gallery/components/ImagePreviewList/styled.js"),require("../../../gallery/components/ImageProductSlide/styled.js"),require("../../../gallery/styled.js"),require("../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../iconsWithTitle/index.js"),require("../../../image-card/ImageCard.js"),require("../../../input/label/Label.js"),require("../../../input/base/Styled.js"),require("../../../input/custom/Custom.js"),require("../../../input/basePlusButton/BasePlusButton.js"),require("../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../order-bar/OrderBar.js"),require("../../../packs/selector/PackSelector.js"),require("../../../pagination/styles.js"),require("../../../payment-methods/PaymentMethod.js"),require("../../../product/order/item/SimpleOrderItem.js"),require("../../../progress-bar/ProgressBar.js"),require("../../../quantityPicker/styled.js"),require("../../../radio/RadioPrimary/radioPrimary.js"),require("../../../radio/clubRadioInput/clubRadio.js"),require("../../../rating/starList/StarList.js"),require("../../../review-detail/ReviewDetail.js"),require("../../../review/Review.js"),require("../../../reviews-header/ReviewsHeader.js"),require("../../../scroll-to-top/ScrollToTop.js"),require("../../../search-bar/components/ClearButton/styled.js"),require("../../../search-bar/components/Footer/styled.js"),require("../../../search-bar/components/ProductItem/styled.js"),require("../../../search-bar/components/ResultsPanel/styled.js"),require("../../../search-bar/components/SearchControl/styled.js"),require("../../../search-bar/styled.js"),require("../../../search-navigation/styled.js"),require("react-dom"),require("../../../short-banner/ShortBanner.js"),require("../../../size-chart/styled.js"),require("../../../size-table/SizeTable.js"),require("../../../size/guide/SizeFitGuide.js"),require("../../../size/selector/styled.js"),require("../../../tabs/Tab.js"),require("../../../tabs/Tabs.js"),require("../../../tag/Tag.js"),require("@emotion/react"),require("../../../textWithImage/index.js"),require("../../../timer/styled.js"),require("../../../toast/Toast.js"),require("../../../totals/total/styled.js"),require("../../../totals/subtotal/Subtotal.js"),require("../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../tracking-progress/TrackingProgress.js"),require("../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../organisms/BasicAccordion/BasicAccordion.js"),require("../../../organisms/CartItemCard/CartItem.js"),require("../../../organisms/ClubOfferSelector/styled.js"),require("../../../organisms/ClubOfferSelector2/styled.js"),require("../../../organisms/JoinClubCard/joinClubCard.js"),require("../../../organisms/OfferAtCart/styled.js"),require("../../../organisms/OfferAtCartV2/styled.js"),require("../../../organisms/OfferAtCartV3/styled.js"),require("../../../organisms/OfferAtCartV4/styled.js"),require("../../../organisms/OfferAtPDP/styled.js"),require("../../../organisms/OfferAtPDP/types.js"),require("../../../organisms/ProductCard/ProductCardV1/ProductCard.js"),require("../../../organisms/ProductCard/ProductCardV2/styled.js"),require("../../../organisms/ProductCard/ProductCardV3/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../organisms/SizeCharTable/SizeChartTableV2/styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV3/styled.js"),require("../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../organisms/SubscriptionPlanSelector/styled.js"),require("../../../organisms/TwoCtasAtCart/Greeting.styled.js"),require("../../../organisms/TwoCtasAtCart/Card.styled.js"),require("../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../molecules/CouponCard/styled.js"),require("../../../molecules/BenefitsList/styled.js"),require("../../../molecules/HurryUp/styled.js"),require("../../../molecules/Spinner/styled.js"),require("../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js");var C=require("../../../molecules/LikeButton/LikeButton.js");require("../../../molecules/ScarcityTag/ScarcityTag.styled.js");module.exports=function(x){var z,w,T,L,M,V,k,I,B,G,D,A=x.title,_=x.image,O=x.imageHover,F=x.price,R=x.rating,N=x.hideRating,W=void 0!==N&&N,E=x.size,H=x.alignName,Y=void 0===H?"center":H,Z=x.url,J=x.className,K=x.topTag,Q=x.bottomTag,U=x.onClick,X=x.priceDisplayType,$=void 0===X?"default":X,ee=x.priceAtBottom,re=x.ratingOnTop,ie=x.priceLoading,oe=x.noFollow,se=void 0!==oe&&oe,te=x.colorPicker,le=void 0===te?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:te,ae=x.isBNPL,ne=void 0===ae?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:ae,de=x.hasStrength,ce=void 0===de?{strength:-1,description:""}:de,ue=x.clubPrice,ge=void 0===ue?"":ue,je=x.showClubPriceLabel,me=void 0!==je&&je,ve=x.isRatingLoading,pe=x.version,qe=void 0===pe?1:pe,ye=x.showDiscountPercentageTag,be=void 0!==ye&&ye,he=x.discountTagLoading,Pe=x.discountTag,Se=x.isOnViewport,fe=void 0!==Se&&Se,Ce=x.hasDefaultSize,xe=void 0!==Ce&&Ce,ze=x.clubOffer,we=x.likeBtn,Te=x.onClickBottomButton,Le=x.showDecimals,Me=void 0===Le||Le,Ve=x.showDivider,ke=void 0!==Ve&&Ve,Ie=x.invertPriceDirection,Be=void 0!==Ie&&Ie,Ge=x.priceAndReviewInOneLine,De=void 0!==Ge&&Ge,Ae=x.priceAndDiscountTagInOneLine,_e=void 0!==Ae&&Ae,Oe=c.useTheme(),Fe=S.getStylesBySize(E),Re=u.useWindowDimensions().isMobile,Ne=i.useMemo((function(){var e;return(e={},e[j.ComponentSize.Large]=8,e[j.ComponentSize.Medium]=4,e[j.ComponentSize.Small]=2,e)[E]}),[E]),We=function(i){var o,t,l,a,n,d;if(void 0===i&&(i=qe),"hidden"===$)return null;switch(i){case 4:return"styled"===$?r.jsx(b.PriceLabelV4,{finalPrice:F.finalPrice,originalPrice:F.originalPrice,finalPriceStyled:!1,color:F.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:me,clubPrice:ge,styledPrice:!0,finalPriceStyle:me?Re?{fontSize:"12px",fontWeight:700,color:null===(t=Oe.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=Oe.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):r.jsx(b.PriceLabelV4,{finalPrice:F.finalPrice,originalPrice:F.originalPrice,finalPriceStyled:!1,color:F.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:me,clubPrice:ge,finalPriceStyle:me?Re?{fontSize:"12px",fontWeight:700,color:null===(a=Oe.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=Oe.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r.jsx(S.ClubOfferPriceLabelWrapper,e.__assign({style:null==ze?void 0:ze.wrapperStyle},{children:r.jsx(s.ClubPriceMemberLabel,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==ze?void 0:ze.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==ze?void 0:ze.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:F.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:me,icon:null==ze?void 0:ze.clubOfferIcon,isCollections:null==ze?void 0:ze.isCollections},void 0)}),void 0);default:return"styled"===$?r.jsx(q.PriceLabelV2,{finalPrice:F.finalPrice,originalPrice:F.originalPrice,finalPriceStyled:!1,color:F.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:Me},void 0):r.jsx(p.PriceLabel,{invertDirection:Be,finalPrice:F.finalPrice,originalPrice:F.originalPrice,finalPriceStyled:!1,color:F.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:me,finalPriceStyle:me?Re?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},Ee=function(){return W||!R.reviews&&!R.rating?r.jsx(r.Fragment,{},void 0):ve?r.jsx(o,{height:"20px",width:"80px"},void 0):r.jsx(h.Rating,{size:E===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:R.rating,reviews:null==R?void 0:R.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},He=i.useState(null!==(z=null==we?void 0:we.isLiked)&&void 0!==z&&z),Ye=He[0],Ze=He[1],Je=i.useState(null!==(w=null==we?void 0:we.likes)&&void 0!==w?w:0),Ke=Je[0],Qe=Je[1],Ue=_e?S.InlineContainer:i.Fragment;return r.jsxs(S.ProdCardContainer,e.__assign({className:J,"data-testid":"product-card-container-div"},{children:["corner"===le.position&&r.jsx(S.CornerContainer,e.__assign({},le.componentContainerProps,{children:le.component}),void 0),r.jsxs(S.Container,e.__assign({as:Z?"a":"div",href:Z,rel:se?"nofollow":"",className:"picContainer",onClick:U},{children:[!!we&&r.jsx(C.LikeButton,{isLiked:Ye,likes:Ke,onClick:function(e){e.stopPropagation(),Qe(Ye?function(e){return e-1}:function(e){return e+1}),Ze((function(e){return!e})),null==we||we.onClick(e)},colors:{background:{active:null!==(M=null===(L=null===(T=we.colors)||void 0===T?void 0:T.background)||void 0===L?void 0:L.active)&&void 0!==M?M:Oe.colors.shades.white.color,hover:null!==(D=null!==(I=null===(k=null===(V=we.colors)||void 0===V?void 0:V.background)||void 0===k?void 0:k.hover)&&void 0!==I?I:null===(G=null===(B=we.colors)||void 0===B?void 0:B.background)||void 0===G?void 0:G.active)&&void 0!==D?D:Oe.colors.shades.white.color}}},void 0),K||Q?r.jsxs(S.ImageContainer,e.__assign({width:null==Fe?void 0:Fe.width,height:null==Fe?void 0:Fe.height,"data-testid":"tags-image-container"},{children:[r.jsx(t.Image,{src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),alt:_.alt,width:xe?null==Fe?void 0:Fe.width:"100%",height:xe?null==Fe?void 0:Fe.height:"100%",loading:fe?"eager":"lazy",decoding:fe?"sync":"async",borderRadius:P.STYLES_BY_THEME[Oe.name].image.borderRadius},void 0),r.jsx(S.TopTagContainer,e.__assign({style:{width:le.display?"100%":"inherit"}},{children:K}),void 0),r.jsx(S.BottomTagContainer,e.__assign({style:{width:le.display?"100%":"inherit"}},{children:Q}),void 0)]}),void 0):r.jsx(t.Image,{src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),alt:_.alt,width:null==Fe?void 0:Fe.width,height:null==Fe?void 0:Fe.height,loading:fe?"eager":"lazy",decoding:fe?"sync":"async",borderRadius:P.STYLES_BY_THEME[Oe.name].image.borderRadius},void 0),O?r.jsx(S.ImageHoverContainer,{className:"hover__image",src:O.src,srcSet:g.getSrcSet(O.src,180,360,720,960),loading:"lazy",decoding:"async",alt:O.alt,width:null==Fe?void 0:Fe.width,height:null==Fe?void 0:Fe.height},void 0):null]}),void 0),le.display&&"top"===le.position&&r.jsxs(r.Fragment,{children:[r.jsx(n.Spacing,{size:Ne},void 0),le.component]},void 0),re&&r.jsxs(r.Fragment,{children:[r.jsx(n.Spacing,{size:Ne},void 0),r.jsx(n.Spacing,{size:Ne},void 0),r.jsx(Ee,{},void 0)]},void 0),r.jsxs(S.Container,e.__assign({as:Z?"a":"div",href:Z,rel:se?"nofollow":"",onClick:U,className:"textContainer",style:{alignItems:me?"flex-start":"center"}},{children:[r.jsx(n.Spacing,{size:Ne},void 0),r.jsx(S.Title,e.__assign({theme:Oe,align:me?"left":Y,"data-testid":"product-card-title"},{children:A}),void 0),r.jsx(n.Spacing,{size:Ne},void 0),ke&&r.jsxs(r.Fragment,{children:[r.jsx(S.Divider,{theme:Oe},void 0),r.jsx(n.Spacing,{size:Ne},void 0)]},void 0),ce&&-1!==ce.strength&&r.jsxs(r.Fragment,{children:[r.jsx(d.StrengthBars,{barsFilled:ce.strength,supportText:ce.description},void 0),r.jsx(n.Spacing,{size:10},void 0)]},void 0),ee&&!re?r.jsxs(r.Fragment,{children:[r.jsx(Ee,{},void 0),r.jsx(n.Spacing,{size:Ne},void 0),r.jsxs(S.MarginTopContainer,e.__assign({style:{marginTop:(null==ze?void 0:ze.isClubOffer)?0:8}},{children:[ie?r.jsx(o,{height:"20px",width:"140px"},void 0):We(),(null==ze?void 0:ze.isClubOffer)&&We(5)]}),void 0)]},void 0):r.jsxs(r.Fragment,{children:[r.jsxs(Ue,{children:[ie?r.jsx(o,{height:"20px",width:"140px"},void 0):De&&!re?r.jsxs(S.OneLineInfoWrapper,{children:[We(),r.jsx(Ee,{},void 0)]},void 0):r.jsxs(r.Fragment,{children:[!(null==ze?void 0:ze.isClubMember)&&We(),(null==ze?void 0:ze.isClubOffer)&&We(5),r.jsx(l.BuyNowPayLater,{displayBNPL:null==ne?void 0:ne.displayBNPL,installments:(null==ne?void 0:ne.installments)||0,installmentPrice:(null==ne?void 0:ne.installmentPrice)||"",iconFolder:null==ne?void 0:ne.iconFolder,iconName:(null==ne?void 0:ne.iconName)||"",showLogo:null==ne?void 0:ne.showLogo,iconColor:null==ne?void 0:ne.iconColor,fontSize:null==ne?void 0:ne.fontSize},void 0)]},void 0),me&&r.jsx(a.ClubPriceLabel,{clubPrice:ge},void 0),he?r.jsx(o,{height:"22px",width:"75px"},void 0):be&&r.jsx(y.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Pe&&r.jsx(v.DiscountTag,e.__assign({},Pe,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r.jsx(n.Spacing,{size:Ne},void 0),!re&&!De&&r.jsx(Ee,{},void 0)]},void 0),!!Te&&r.jsxs(r.Fragment,{children:[r.jsx(n.Spacing,{size:Ne},void 0),r.jsx(n.Spacing,{size:Ne},void 0),r.jsxs(f.IconButton,e.__assign({size:j.ComponentSize.Small,width:"100%",onClick:function(e){e.preventDefault(),e.stopPropagation(),null==Te||Te(e)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r.jsx(m.Icon.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r.jsx("span",e.__assign({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),le.display&&"bottom"===le.position&&r.jsxs(r.Fragment,{children:[r.jsx(n.Spacing,{size:Ne},void 0),le.component]},void 0)]}),void 0)};
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("@emotion/react/jsx-runtime"),i=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var t=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react/jsx-runtime"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),a=require("../../../shared/spacing/Spacing.js"),d=require("../../../strength-bars/StrengthBars.js"),c=require("../../../../core/theme/Theme.js"),u=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var j=require("../../../../types/enums.js");require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js");var m=require("../../../icons/index.js");require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),v=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var y=require("../../../pricing/priceLabelV6/PriceLabelV6.js");require("../../../shared/card/Card.js"),require("../../../bundle/minimalistic/styled.js"),require("../../../text/Text.js"),require("../../../bundle/motivator/styled.js"),require("../../../bundle/simple/Simple.js"),require("../../../offer-banner/OfferBanner.js"),require("../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../cartProductItem/Description/Description.js"),require("../../../cartProductItem/Promo/Promo.js"),require("../../../cartProductItem/Title/Title.js"),require("../../../cartProductItem/TrashIcon/styled.js"),require("../../../checkbox/Checkbox.js"),require("../../grid/WithProductGrid.js");var b=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),h=require("../../../rating/Rating.js"),P=require("./constants.js"),S=require("./styled.js"),f=require("../../../pricing/styles.js"),C=require("../../../icon-button/IconButton.js");require("../../../tag/variants/product/styled.js"),require("../truekind/styled.js"),require("../../../color/ColorRadioGroup.js"),require("../../../color/selector/PatternSelector.js"),require("../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../cta/styled.js"),require("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("@ant-design/react-slick"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../../organisms/ModalZoom/zoomModal.styled.js"),require("../../../organisms/ModalZoom/ZoomModalV2.styled.js"),require("../../../molecules/Video/components/styled.js"),require("../../../molecules/Video/styled.js"),require("../../../slider/ArrowButton.js"),require("../../../slider/StyledSlider.js"),require("../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../gallery/components/ImagePreviewList/styled.js"),require("../../../gallery/components/ImageProductSlide/styled.js"),require("../../../gallery/styled.js"),require("../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../iconsWithTitle/index.js"),require("../../../image-card/ImageCard.js"),require("../../../input/label/Label.js"),require("../../../input/base/Styled.js"),require("../../../input/custom/Custom.js"),require("../../../input/basePlusButton/BasePlusButton.js"),require("../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../order-bar/OrderBar.js"),require("../../../packs/selector/PackSelector.js"),require("../../../pagination/styles.js"),require("../../../payment-methods/PaymentMethod.js"),require("../../../product/order/item/SimpleOrderItem.js"),require("../../../progress-bar/ProgressBar.js"),require("../../../quantityPicker/styled.js"),require("../../../radio/RadioPrimary/radioPrimary.js"),require("../../../radio/clubRadioInput/clubRadio.js"),require("../../../rating/starList/StarList.js"),require("../../../review-detail/ReviewDetail.js"),require("../../../review/Review.js"),require("../../../reviews-header/ReviewsHeader.js"),require("../../../scroll-to-top/ScrollToTop.js"),require("../../../search-bar/components/ClearButton/styled.js"),require("../../../search-bar/components/Footer/styled.js"),require("../../../search-bar/components/ProductItem/styled.js"),require("../../../search-bar/components/ResultsPanel/styled.js"),require("../../../search-bar/components/SearchControl/styled.js"),require("../../../search-bar/styled.js"),require("../../../search-navigation/styled.js"),require("react-dom"),require("../../../short-banner/ShortBanner.js"),require("../../../size-chart/styled.js"),require("../../../size-table/SizeTable.js"),require("../../../size/guide/SizeFitGuide.js"),require("../../../size/selector/styled.js"),require("../../../tabs/Tab.js"),require("../../../tabs/Tabs.js"),require("../../../tag/Tag.js"),require("@emotion/react"),require("../../../textWithImage/index.js"),require("../../../timer/styled.js"),require("../../../toast/Toast.js"),require("../../../totals/total/styled.js"),require("../../../totals/subtotal/Subtotal.js"),require("../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../tracking-progress/TrackingProgress.js"),require("../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../organisms/BasicAccordion/BasicAccordion.js"),require("../../../organisms/CartItemCard/CartItem.js"),require("../../../organisms/ClubOfferSelector/styled.js"),require("../../../organisms/ClubOfferSelector2/styled.js"),require("../../../organisms/JoinClubCard/joinClubCard.js"),require("../../../organisms/OfferAtCart/styled.js"),require("../../../organisms/OfferAtCartV2/styled.js"),require("../../../organisms/OfferAtCartV3/styled.js"),require("../../../organisms/OfferAtCartV4/styled.js"),require("../../../organisms/OfferAtPDP/styled.js"),require("../../../organisms/OfferAtPDP/types.js"),require("../../../organisms/ProductCard/ProductCardV1/ProductCard.js"),require("../../../organisms/ProductCard/ProductCardV2/styled.js"),require("../../../organisms/ProductCard/ProductCardV3/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../organisms/SizeCharTable/SizeChartTableV2/styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV3/styled.js"),require("../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../organisms/SubscriptionPlanSelector/styled.js"),require("../../../organisms/TwoCtasAtCart/Greeting.styled.js"),require("../../../organisms/TwoCtasAtCart/Card.styled.js"),require("../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../molecules/CouponCard/styled.js"),require("../../../molecules/BenefitsList/styled.js"),require("../../../molecules/HurryUp/styled.js"),require("../../../molecules/Spinner/styled.js"),require("../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js");var x=require("../../../molecules/LikeButton/LikeButton.js");require("../../../molecules/ScarcityTag/ScarcityTag.styled.js");module.exports=function(z){var w,T,L,M,I,V,k,B,G,D,A,_=z.title,O=z.image,F=z.imageHover,R=z.price,N=z.rating,W=z.hideRating,E=void 0!==W&&W,H=z.size,Y=z.alignName,Z=void 0===Y?"center":Y,J=z.url,K=z.className,Q=z.topTag,U=z.bottomTag,X=z.onClick,$=z.priceDisplayType,ee=void 0===$?"default":$,re=z.priceAtBottom,ie=z.ratingOnTop,oe=z.priceLoading,se=z.noFollow,te=void 0!==se&&se,le=z.colorPicker,ne=void 0===le?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:le,ae=z.isBNPL,de=void 0===ae?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:ae,ce=z.hasStrength,ue=void 0===ce?{strength:-1,description:""}:ce,ge=z.clubPrice,je=void 0===ge?"":ge,me=z.showClubPriceLabel,pe=void 0!==me&&me,ve=z.isRatingLoading,qe=z.version,ye=void 0===qe?1:qe,be=z.showDiscountPercentageTag,he=void 0!==be&&be,Pe=z.discountTagLoading,Se=z.discountTag,fe=z.isOnViewport,Ce=void 0!==fe&&fe,xe=z.hasDefaultSize,ze=void 0!==xe&&xe,we=z.clubOffer,Te=z.likeBtn,Le=z.onClickBottomButton,Me=z.showDecimals,Ie=void 0===Me||Me,Ve=z.showDivider,ke=void 0!==Ve&&Ve,Be=z.invertPriceDirection,Ge=void 0!==Be&&Be,De=z.priceAndReviewInOneLine,Ae=void 0!==De&&De,_e=z.priceAndDiscountTagInOneLine,Oe=void 0!==_e&&_e,Fe=z.priceLabelV6Tooltip,Re=c.useTheme(),Ne=S.getStylesBySize(H),We=u.useWindowDimensions().isMobile,Ee=i.useMemo((function(){var e;return(e={},e[j.ComponentSize.Large]=8,e[j.ComponentSize.Medium]=4,e[j.ComponentSize.Small]=2,e)[H]}),[H]),He=function(i){var o,t,l,n,a,d;if(void 0===i&&(i=ye),"hidden"===ee)return null;switch(i){case 4:return"styled"===ee?r.jsx(b.PriceLabelV4,{finalPrice:R.finalPrice,originalPrice:R.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:pe,clubPrice:je,styledPrice:!0,finalPriceStyle:pe?We?{fontSize:"12px",fontWeight:700,color:null===(t=Re.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=Re.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):r.jsx(b.PriceLabelV4,{finalPrice:R.finalPrice,originalPrice:R.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:pe,clubPrice:je,finalPriceStyle:pe?We?{fontSize:"12px",fontWeight:700,color:null===(n=Re.colors.pallete.brickRed)||void 0===n?void 0:n.color}:{fontSize:"16px",fontWeight:700,color:null===(l=Re.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r.jsx(S.ClubOfferPriceLabelWrapper,e.__assign({style:null==we?void 0:we.wrapperStyle},{children:r.jsx(s.ClubPriceMemberLabel,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==we?void 0:we.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==we?void 0:we.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:pe,icon:null==we?void 0:we.clubOfferIcon,isCollections:null==we?void 0:we.isCollections},void 0)}),void 0);case 6:return r.jsx(y.PriceLabelV6,{finalPrice:R.finalPrice,originalPrice:R.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount-v6",showDecimals:Ie,tooltipText:null==Fe?void 0:Fe.tooltipText,tooltipIcon:null==Fe?void 0:Fe.tooltipIcon,tooltipPosition:null==Fe?void 0:Fe.tooltipPosition,isMobile:We},void 0);default:return"styled"===ee?r.jsx(q.PriceLabelV2,{finalPrice:R.finalPrice,originalPrice:R.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:Ie},void 0):r.jsx(v.PriceLabel,{invertDirection:Ge,finalPrice:R.finalPrice,originalPrice:R.originalPrice,finalPriceStyled:!1,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:pe,finalPriceStyle:pe?We?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},Ye=function(){return E||!N.reviews&&!N.rating?r.jsx(r.Fragment,{},void 0):ve?r.jsx(o,{height:"20px",width:"80px"},void 0):r.jsx(h.Rating,{size:H===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:N.rating,reviews:null==N?void 0:N.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},Ze=i.useState(null!==(w=null==Te?void 0:Te.isLiked)&&void 0!==w&&w),Je=Ze[0],Ke=Ze[1],Qe=i.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),Ue=Qe[0],Xe=Qe[1],$e=Oe?S.InlineContainer:i.Fragment;return r.jsxs(S.ProdCardContainer,e.__assign({className:K,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&r.jsx(S.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),r.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:te?"nofollow":"",className:"picContainer",onClick:X},{children:[!!Te&&r.jsx(x.LikeButton,{isLiked:Je,likes:Ue,onClick:function(e){e.stopPropagation(),Xe(Je?function(e){return e-1}:function(e){return e+1}),Ke((function(e){return!e})),null==Te||Te.onClick(e)},colors:{background:{active:null!==(I=null===(M=null===(L=Te.colors)||void 0===L?void 0:L.background)||void 0===M?void 0:M.active)&&void 0!==I?I:Re.colors.shades.white.color,hover:null!==(A=null!==(B=null===(k=null===(V=Te.colors)||void 0===V?void 0:V.background)||void 0===k?void 0:k.hover)&&void 0!==B?B:null===(D=null===(G=Te.colors)||void 0===G?void 0:G.background)||void 0===D?void 0:D.active)&&void 0!==A?A:Re.colors.shades.white.color}}},void 0),Q||U?r.jsxs(S.ImageContainer,e.__assign({width:null==Ne?void 0:Ne.width,height:null==Ne?void 0:Ne.height,"data-testid":"tags-image-container"},{children:[r.jsx(t.Image,{src:O.src,srcSet:g.getSrcSet(O.src,180,360,720,960),alt:O.alt,width:ze?null==Ne?void 0:Ne.width:"100%",height:ze?null==Ne?void 0:Ne.height:"100%",loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Re.name].image.borderRadius},void 0),r.jsx(S.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:Q}),void 0),r.jsx(S.BottomTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0)]}),void 0):r.jsx(t.Image,{src:O.src,srcSet:g.getSrcSet(O.src,180,360,720,960),alt:O.alt,width:null==Ne?void 0:Ne.width,height:null==Ne?void 0:Ne.height,loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Re.name].image.borderRadius},void 0),F?r.jsx(S.ImageHoverContainer,{className:"hover__image",src:F.src,srcSet:g.getSrcSet(F.src,180,360,720,960),loading:"lazy",decoding:"async",alt:F.alt,width:null==Ne?void 0:Ne.width,height:null==Ne?void 0:Ne.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ee},void 0),ne.component]},void 0),ie&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ee},void 0),r.jsx(a.Spacing,{size:Ee},void 0),r.jsx(Ye,{},void 0)]},void 0),r.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:te?"nofollow":"",onClick:X,className:"textContainer",style:{alignItems:pe?"flex-start":"center"}},{children:[r.jsx(a.Spacing,{size:Ee},void 0),r.jsx(S.Title,e.__assign({theme:Re,align:pe?"left":Z,"data-testid":"product-card-title"},{children:_}),void 0),r.jsx(a.Spacing,{size:Ee},void 0),ke&&r.jsxs(r.Fragment,{children:[r.jsx(S.Divider,{theme:Re},void 0),r.jsx(a.Spacing,{size:Ee},void 0)]},void 0),ue&&-1!==ue.strength&&r.jsxs(r.Fragment,{children:[r.jsx(d.StrengthBars,{barsFilled:ue.strength,supportText:ue.description},void 0),r.jsx(a.Spacing,{size:10},void 0)]},void 0),re&&!ie?r.jsxs(r.Fragment,{children:[r.jsx(Ye,{},void 0),r.jsx(a.Spacing,{size:Ee},void 0),r.jsxs(S.MarginTopContainer,e.__assign({style:{marginTop:(null==we?void 0:we.isClubOffer)?0:8}},{children:[oe?r.jsx(o,{height:"20px",width:"140px"},void 0):He(),(null==we?void 0:we.isClubOffer)&&He(5)]}),void 0)]},void 0):r.jsxs(r.Fragment,{children:[r.jsxs($e,{children:[oe?r.jsx(o,{height:"20px",width:"140px"},void 0):Ae&&!ie?r.jsxs(S.OneLineInfoWrapper,{children:[He(),r.jsx(Ye,{},void 0)]},void 0):r.jsxs(r.Fragment,{children:[!(null==we?void 0:we.isClubMember)&&He(),(null==we?void 0:we.isClubOffer)&&He(5),r.jsx(l.BuyNowPayLater,{displayBNPL:null==de?void 0:de.displayBNPL,installments:(null==de?void 0:de.installments)||0,installmentPrice:(null==de?void 0:de.installmentPrice)||"",iconFolder:null==de?void 0:de.iconFolder,iconName:(null==de?void 0:de.iconName)||"",showLogo:null==de?void 0:de.showLogo,iconColor:null==de?void 0:de.iconColor,fontSize:null==de?void 0:de.fontSize},void 0)]},void 0),pe&&r.jsx(n.ClubPriceLabel,{clubPrice:je},void 0),Pe?r.jsx(o,{height:"22px",width:"75px"},void 0):he&&r.jsx(f.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Se&&r.jsx(p.DiscountTag,e.__assign({},Se,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r.jsx(a.Spacing,{size:Ee},void 0),!ie&&!Ae&&r.jsx(Ye,{},void 0)]},void 0),!!Le&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ee},void 0),r.jsx(a.Spacing,{size:Ee},void 0),r.jsxs(C.IconButton,e.__assign({size:j.ComponentSize.Small,width:"100%",onClick:function(e){e.preventDefault(),e.stopPropagation(),null==Le||Le(e)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r.jsx(m.Icon.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r.jsx("span",e.__assign({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),ne.display&&"bottom"===ne.position&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ee},void 0),ne.component]},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../atoms/Image/Image.js"),s=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../../../icons/index.js"),c=require("../utils/sendCommandToIframe.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,m,h,g,f,x,b=p(i),j=p(t),_=p(r),k=j.default.div(v||(v=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),y=j.default.div(m||(m=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),T=j.default.div(h||(h=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),V=j.default.div(g||(g=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),q=j.default.div(f||(f=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),w=j.default.button(x||(x=e.__makeTemplateObject(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},R=function(e,n,i){if(n){var t=e<n,o=t?"eager":"lazy",r=t?"sync":"async";i.loading=o,i.decoding=r}return i};exports.Button=w,exports.Container=k,exports.NavButtonContainer=q,exports.default=function(i){var t=i.contents,r=i.customClick,p=void 0!==r&&r,v=i.topTag,m=i.topRightTag,h=i.bottomTag,g=i.testId,f=i.borderRadiusVariant,x=i.selectedValue,j=i.onChange,O=i.itemsOnViewport,I=void 0===O?0:O,S=i.videoAutoplay,z=void 0!==S&&S,P=i.hideVideoControls,A=void 0!==P&&P,B=i.videoMuted,M=void 0===B||B,N=i.videoLoop,D=void 0===N||N,E=i.enableZoom,F=void 0===E||E,G=o.useRef(null),L=o.useRef(null);s.usePreventVerticalScroll(L);var U=o.useCallback((function(e){var n;null===(n=G.current)||void 0===n||n.slickGoTo(e)}),[G]);return o.useEffect((function(){var e;if(x){var n=t.findIndex((function(e){return e.url===x.url}));-1!==n&&(null===(e=G.current)||void 0===e||e.slickGoTo(n))}}),[t,x]),n.jsxs(n.Fragment,{children:[p&&n.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return n.jsx(a,{onClick:function(){return U(i)},text:String(i+1),inline:!0},i)}))}),void 0),n.jsx(k,e.__assign({"data-testid":g,borderRadiusVariant:f,ref:L},{children:n.jsx(b.default,e.__assign({afterChange:function(e){var n,i=t[e];(null===(n=null==i?void 0:i.url)||void 0===n?void 0:n.includes("autoplay=1"))?c.playVideoCommand():c.stopVideoCommand(),null==j||j(e)}},C,{nextArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:n.jsx(q,{children:n.jsx(w,{children:n.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G},{children:t.map((function(i,t){var o,r=null==i?void 0:i.url,a=null!==(o=null==i?void 0:i.isVideo)&&void 0!==o&&o,s={alt:i.alt,width:"100%",height:"510px"};return n.jsx("div",{children:a?n.jsx(d.Video,{source:r,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:z,muted:M,loop:D,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n.jsxs(n.Fragment,{children:[F?n.jsx(_.default,{src:r,zoomSrc:r,zoomType:"hover",imgAttributes:R(t,I,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):n.jsx(l.Image,{src:r,alt:i.alt,width:"100%",height:"500px",loading:R(t,I,s).loading,decoding:R(t,I,s).decoding},void 0),n.jsx(y,e.__assign({borderRadiusVariant:f,"data-testid":"topTag"},{children:v}),void 0),n.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:h}),void 0),!!m&&n.jsx(T,{children:m},void 0)]},void 0)},i.key)}))}),void 0)}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("react"),d=require("./ImageProductSlide.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=r(o).default.div(n||(n=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));exports.ProductGalleryMobile=function(o){var r=o.images,n=o.customClick,l=o.topTag,u=o.topRightTag,s=o.bottomTag,c=o.productImageDataTestId,v=o.borderRadiusVariant,p=void 0!==v&&v,m=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,b=o.videoAutoplay,y=void 0!==b&&b,T=o.hideVideoControls,V=void 0!==T&&T,j=o.videoMuted,_=void 0===j||j,q=o.videoLoop,C=void 0===q||q,O=o.enableZoom,w=void 0===O||O,I=i.useState(0),M=I[0],P=I[1],R=f?null==r?void 0:r[M]:m;return t.jsx(a,e.__assign({"data-testid":"product-gallery-mobile-v1"},{children:t.jsx(d.default,{contents:r,customClick:n,topTag:l,topRightTag:u,bottomTag:s,testId:c,borderRadiusVariant:p,selectedValue:R,onChange:function(e){return P(e)},itemsOnViewport:x,videoAutoplay:y,hideVideoControls:V,videoMuted:_,videoLoop:C,enableZoom:w},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),o=require("react-inner-image-zoom"),n=require("../../../atoms/Image/Image.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,d,u,s=a(i),m=a(o),c=s.default.div(l||(l=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 31.875rem;\n overflow: hidden;\n"],["\n ","\n position: relative;\n max-height: 31.875rem;\n overflow: hidden;\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "})),p=s.default.div(d||(d=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),v=s.default.div(u||(u=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),f=r.forwardRef((function(i,r){var o,a,l=i.image,d=i.topTag,u=i.bottomTag,s=i.testId,f=i.borderRadiusVariant,b=i.enableZoom,h=void 0===b||b;return t.jsxs(c,e.__assign({"data-testid":s,ref:r,borderRadiusVariant:f},{children:[!(null===(o=null==l?void 0:l.alt)||void 0===o?void 0:o.includes("-video"))&&t.jsxs(t.Fragment,{children:[h?t.jsx(m.default,{src:l.url,zoomSrc:l.url,zoomType:"hover",imgAttributes:{alt:l.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):t.jsx(n.Image,{src:l.url,alt:l.alt,width:"100%",height:"500px"},void 0),t.jsx(p,e.__assign({borderRadiusVariant:f},{children:d}),void 0),t.jsx(v,{children:u},void 0)]},void 0),(null===(a=null==l?void 0:l.alt)||void 0===a?void 0:a.includes("-video"))&&t.jsx("iframe",{allowFullScreen:!0,title:l.alt,width:"100%",height:510,src:null==l?void 0:l.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0)]}),void 0)}));exports.ImageProductSlideV2=f;
|
|
2
2
|
//# sourceMappingURL=ImageProductSlideV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),n=require("react"),a=require("react-swipeable");require("../components/ArrowButton/ArrowButton.js"),require("../components/SlideDots/SlideDots.js");var o=require("../components/SlideNavigation/SlideNavigation.js"),r=require("./ImageProductSlideV2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),n=require("react"),a=require("react-swipeable");require("../components/ArrowButton/ArrowButton.js"),require("../components/SlideDots/SlideDots.js");var o=require("../components/SlideNavigation/SlideNavigation.js"),r=require("./ImageProductSlideV2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l=u(i).default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));exports.ProductGalleryMobileV2=function(i){var u=i.images,d=i.selectedValue,s=i.topTag,c=i.bottomTag,f=i.productImageDataTestId,m=i.slideDotsDataTestId,g=i.borderRadiusVariant,p=void 0!==g&&g,v=i.enableZoom,x=void 0===v||v,b=n.useState(0),h=b[0],S=b[1];n.useEffect((function(){null!=d&&S(Math.max(0,u.indexOf(d)))}),[d,u]);var j=n.useState((function(){return u[h]})),q=j[0],w=j[1],y=a.useSwipeable({onSwipedLeft:n.useCallback((function(){S((function(e){return Math.min(e+1,u.length-1)}))}),[u.length]),onSwipedRight:n.useCallback((function(){S((function(e){return Math.max(e-1,0)}))}),[])});return n.useEffect((function(){w(u[h])}),[h,u]),t.jsxs(l,e.__assign({"data-testid":"product-gallery-mobile-v2"},{children:[t.jsx(r.ImageProductSlideV2,e.__assign({},y,{image:q,topTag:s,bottomTag:c,testId:f,borderRadiusVariant:p,enableZoom:x}),void 0),t.jsx(o.SlideNavigation,{quantity:u.length,selectedIndex:u.indexOf(q),onNavigate:S,testId:m},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),s=require("react"),o=require("react-inner-image-zoom"),n=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var l=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),a=require("../utils/sendCommandToIframe.js"),u=require("../../../icons/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../../utils/constants/offerAtCart.js"),require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/Image/styled.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../shared/card/Card.js"),require("../../../bundle/minimalistic/styled.js"),require("../../../text/Text.js"),require("../../../bundle/motivator/styled.js"),require("../../../bundle/simple/Simple.js"),require("../../../buynowpaylater/BuyNowPayLater.js"),require("../../../offer-banner/OfferBanner.js"),require("../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../cartProductItem/Description/Description.js"),require("../../../cartProductItem/Promo/Promo.js"),require("../../../cartProductItem/Title/Title.js"),require("../../../cartProductItem/TrashIcon/styled.js"),require("../../../checkbox/Checkbox.js"),require("../../../collection/grid/WithProductGrid.js"),require("../../../SkeletonBox/SkeletonBox.js"),require("../../../club-price-label/ClubPriceLabel.js"),require("../../../strength-bars/StrengthBars.js"),require("../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../rating/starList/StarList.js"),require("../../../rating/styles.js"),require("../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../molecules/BenefitsList/styled.js"),require("../../../timer/styled.js"),require("../../../molecules/HurryUp/styled.js"),require("../../../molecules/Spinner/styled.js"),require("../../../molecules/Video/components/styled.js"),require("../../../molecules/Video/styled.js"),require("../../../iconsWithTitle/index.js"),require("../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../molecules/LikeButton/styled.js"),require("../../../icon-button/IconButton.js"),require("../../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../collection/product/mobile/styled.js"),require("../../../tag/variants/product/styled.js"),require("../../../collection/product/truekind/styled.js"),require("../../../color/ColorRadioGroup.js"),require("../../../color/selector/PatternSelector.js"),require("../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../ModalZoom/zoomModal.styled.js"),require("../../ModalZoom/ZoomModalV2.styled.js"),require("../../../slider/ArrowButton.js"),require("../../../slider/StyledSlider.js"),require("../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../gallery/components/ImagePreviewList/styled.js"),require("../../../gallery/components/ImageProductSlide/styled.js"),require("../../../gallery/styled.js"),require("../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../image-card/ImageCard.js"),require("../../../input/label/Label.js"),require("../../../input/base/Styled.js"),require("../../../input/custom/Custom.js"),require("../../../input/basePlusButton/BasePlusButton.js"),require("../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../order-bar/OrderBar.js"),require("../../../packs/selector/PackSelector.js"),require("../../../pagination/styles.js"),require("../../../payment-methods/PaymentMethod.js"),require("../../../product/order/item/SimpleOrderItem.js"),require("../../../progress-bar/ProgressBar.js"),require("../../../quantityPicker/styled.js"),require("../../../radio/RadioPrimary/radioPrimary.js"),require("../../../radio/clubRadioInput/clubRadio.js"),require("../../../review-detail/ReviewDetail.js"),require("../../../review/Review.js"),require("../../../reviews-header/ReviewsHeader.js"),require("../../../scroll-to-top/ScrollToTop.js"),require("../../../search-bar/components/ClearButton/styled.js"),require("../../../search-bar/components/Footer/styled.js"),require("../../../search-bar/components/ProductItem/styled.js"),require("../../../search-bar/components/ResultsPanel/styled.js"),require("../../../search-bar/components/SearchControl/styled.js"),require("../../../search-bar/styled.js"),require("../../../search-navigation/styled.js"),require("react-dom"),require("../../../short-banner/ShortBanner.js"),require("../../../size-chart/styled.js"),require("../../../size-table/SizeTable.js"),require("../../../size/guide/SizeFitGuide.js"),require("../../../size/selector/styled.js"),require("../../../tabs/Tab.js"),require("../../../tabs/Tabs.js"),require("../../../tag/Tag.js"),require("../../../textWithImage/index.js"),require("../../../toast/Toast.js"),require("../../../totals/total/styled.js"),require("../../../totals/subtotal/Subtotal.js"),require("../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../tracking-progress/TrackingProgress.js"),require("../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../BasicAccordion/BasicAccordion.js"),require("../../CartItemCard/CartItem.js"),require("../../ClubOfferSelector/styled.js"),require("../../ClubOfferSelector2/styled.js"),require("../../JoinClubCard/joinClubCard.js"),require("../../OfferAtCart/styled.js"),require("../../OfferAtCartV2/styled.js"),require("../../OfferAtCartV3/styled.js"),require("../../OfferAtCartV4/styled.js"),require("../../OfferAtPDP/styled.js"),require("../../OfferAtPDP/types.js"),require("../../ProductCard/ProductCardV1/ProductCard.js"),require("../../ProductCard/ProductCardV2/styled.js"),require("../../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("./ProductGalleryMobileV3.js"),require("../ProductGalleryMobileV4/ContentGallery/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../SubscriptionPlanSelector/styled.js"),require("../../TwoCtasAtCart/Greeting.styled.js"),require("../../TwoCtasAtCart/Card.styled.js");var c,j,q,p,m,y,b,f,g,h=d(i),v=d(t),P=d(o),x=v.default.div(c||(c=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),C=v.default.div(j||(j=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),V=v.default.div(q||(q=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),S=v.default.div(p||(p=e.__makeTemplateObject(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),T=v.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),k=v.default.div(y||(y=e.__makeTemplateObject(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),w=v.default.div(b||(b=e.__makeTemplateObject(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),A=v.default.div(f||(f=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),I=v.default.button(g||(g=e.__makeTemplateObject(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),O={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};exports.ImageProductSlideV3=function(i){var t=i.images,o=i.customClick,d=void 0!==o&&o,c=i.topTag,j=i.bottomTag,q=i.testId,p=i.borderRadiusVariant,m=i.selectedValue,y=s.useRef(null),b=s.useRef(null),f=s.useRef(null),g=s.useState(!1),v=g[0],_=g[1];l.usePreventVerticalScroll(b);var B=s.useCallback((function(e){var r;null===(r=y.current)||void 0===r||r.slickGoTo(e)}),[y]),M=function(){a.stopVideoCommand(),_((function(e){return e?!e:e}))},G=function(){a.playVideoCommand(),_((function(e){return e?!e:e}))};return s.useEffect((function(){var e;if(m){var r=t.findIndex((function(e){return e.url===m.url}));-1!==r&&(null===(e=y.current)||void 0===e||e.slickGoTo(r))}}),[t,m]),r.jsxs(r.Fragment,{children:[d&&r.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return r.jsx(n,{onClick:function(){return B(i)},text:String(i+1),inline:!0},i)}))}),void 0),r.jsx(x,e.__assign({"data-testid":q,borderRadiusVariant:p,ref:b},{children:r.jsx(h.default,e.__assign({afterChange:function(e){var r,i=t[e];(null===(r=null==i?void 0:i.url)||void 0===r?void 0:r.includes("autoplay=1"))?G():M()}},O,{nextArrow:r.jsx(A,{children:r.jsx(I,{children:r.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r.jsx(A,{children:r.jsx(I,{children:r.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:y},{children:t.map((function(i){var t,s;return r.jsxs("div",{children:[!(null===(t=null==i?void 0:i.alt)||void 0===t?void 0:t.includes("-video"))&&r.jsxs(r.Fragment,{children:[r.jsx(P.default,{src:i.url,zoomSrc:i.url,zoomType:"hover",imgAttributes:{alt:i.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),r.jsx(C,e.__assign({borderRadiusVariant:p,"data-testid":"topTag"},{children:c}),void 0),r.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:j}),void 0)]},void 0),(null===(s=null==i?void 0:i.alt)||void 0===s?void 0:s.includes("-video"))&&r.jsxs(T,{children:[r.jsx("iframe",{id:"vwo-video",ref:f,allowFullScreen:!0,title:i.alt,width:"100%",height:"220px",src:null==i?void 0:i.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),r.jsx(S,{onClick:function(){v?M():G()}},void 0),r.jsxs(k,{children:[r.jsx(u.Icon.PDP.PlayMini,{width:1.5},void 0),r.jsx(w,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},i.key)}))}),void 0)}),void 0)]},void 0)};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("@emotion/styled"),s=require("react"),o=require("react-inner-image-zoom"),n=require("../../../atoms/Image/Image.js"),l=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../utils/sendCommandToIframe.js"),d=require("../../../icons/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../../utils/constants/offerAtCart.js"),require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../shared/card/Card.js"),require("../../../bundle/minimalistic/styled.js"),require("../../../text/Text.js"),require("../../../bundle/motivator/styled.js"),require("../../../bundle/simple/Simple.js"),require("../../../buynowpaylater/BuyNowPayLater.js"),require("../../../offer-banner/OfferBanner.js"),require("../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../cartProductItem/Description/Description.js"),require("../../../cartProductItem/Promo/Promo.js"),require("../../../cartProductItem/Title/Title.js"),require("../../../cartProductItem/TrashIcon/styled.js"),require("../../../checkbox/Checkbox.js"),require("../../../collection/grid/WithProductGrid.js"),require("../../../SkeletonBox/SkeletonBox.js"),require("../../../club-price-label/ClubPriceLabel.js"),require("../../../strength-bars/StrengthBars.js"),require("../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../rating/starList/StarList.js"),require("../../../rating/styles.js"),require("../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../molecules/BenefitsList/styled.js"),require("../../../timer/styled.js"),require("../../../molecules/HurryUp/styled.js"),require("../../../molecules/Spinner/styled.js"),require("../../../molecules/Video/components/styled.js"),require("../../../molecules/Video/styled.js"),require("../../../iconsWithTitle/index.js"),require("../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../molecules/LikeButton/styled.js"),require("../../../icon-button/IconButton.js"),require("../../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../collection/product/mobile/styled.js"),require("../../../tag/variants/product/styled.js"),require("../../../collection/product/truekind/styled.js"),require("../../../color/ColorRadioGroup.js"),require("../../../color/selector/PatternSelector.js"),require("../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../ModalZoom/zoomModal.styled.js"),require("../../ModalZoom/ZoomModalV2.styled.js"),require("../../../slider/ArrowButton.js"),require("../../../slider/StyledSlider.js"),require("../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../gallery/components/ImagePreviewList/styled.js"),require("../../../gallery/components/ImageProductSlide/styled.js"),require("../../../gallery/styled.js"),require("../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../image-card/ImageCard.js"),require("../../../input/label/Label.js"),require("../../../input/base/Styled.js"),require("../../../input/custom/Custom.js"),require("../../../input/basePlusButton/BasePlusButton.js"),require("../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../order-bar/OrderBar.js"),require("../../../packs/selector/PackSelector.js"),require("../../../pagination/styles.js"),require("../../../payment-methods/PaymentMethod.js"),require("../../../product/order/item/SimpleOrderItem.js"),require("../../../progress-bar/ProgressBar.js"),require("../../../quantityPicker/styled.js"),require("../../../radio/RadioPrimary/radioPrimary.js"),require("../../../radio/clubRadioInput/clubRadio.js"),require("../../../review-detail/ReviewDetail.js"),require("../../../review/Review.js"),require("../../../reviews-header/ReviewsHeader.js"),require("../../../scroll-to-top/ScrollToTop.js"),require("../../../search-bar/components/ClearButton/styled.js"),require("../../../search-bar/components/Footer/styled.js"),require("../../../search-bar/components/ProductItem/styled.js"),require("../../../search-bar/components/ResultsPanel/styled.js"),require("../../../search-bar/components/SearchControl/styled.js"),require("../../../search-bar/styled.js"),require("../../../search-navigation/styled.js"),require("react-dom"),require("../../../short-banner/ShortBanner.js"),require("../../../size-chart/styled.js"),require("../../../size-table/SizeTable.js"),require("../../../size/guide/SizeFitGuide.js"),require("../../../size/selector/styled.js"),require("../../../tabs/Tab.js"),require("../../../tabs/Tabs.js"),require("../../../tag/Tag.js"),require("../../../textWithImage/index.js"),require("../../../toast/Toast.js"),require("../../../totals/total/styled.js"),require("../../../totals/subtotal/Subtotal.js"),require("../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../tracking-progress/TrackingProgress.js"),require("../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../BasicAccordion/BasicAccordion.js"),require("../../CartItemCard/CartItem.js"),require("../../ClubOfferSelector/styled.js"),require("../../ClubOfferSelector2/styled.js"),require("../../JoinClubCard/joinClubCard.js"),require("../../OfferAtCart/styled.js"),require("../../OfferAtCartV2/styled.js"),require("../../OfferAtCartV3/styled.js"),require("../../OfferAtCartV4/styled.js"),require("../../OfferAtPDP/styled.js"),require("../../OfferAtPDP/types.js"),require("../../ProductCard/ProductCardV1/ProductCard.js"),require("../../ProductCard/ProductCardV2/styled.js"),require("../../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("./ProductGalleryMobileV3.js"),require("../ProductGalleryMobileV4/ContentGallery/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../SubscriptionPlanSelector/styled.js"),require("../../TwoCtasAtCart/Greeting.styled.js"),require("../../TwoCtasAtCart/Card.styled.js");var j,q,p,m,y,b,f,g,h,v=c(i),P=c(t),x=c(o),C=P.default.div(j||(j=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),V=P.default.div(q||(q=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),S=P.default.div(p||(p=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),T=P.default.div(m||(m=e.__makeTemplateObject(["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"],["\n content: '';\n background: transparent;\n width: 100%;\n height: 100%;\n min-height: 1px;\n position: absolute;\n top: 0;\n"]))),w=P.default.div(y||(y=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 510px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n"]))),k=P.default.div(b||(b=e.__makeTemplateObject(["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"],["\n gap: 8px;\n position: absolute;\n width: 100%;\n bottom: 50px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"]))),I=P.default.div(f||(f=e.__makeTemplateObject(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),A=P.default.div(g||(g=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),O=P.default.button(h||(h=e.__makeTemplateObject(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),_={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};exports.ImageProductSlideV3=function(i){var t=i.images,o=i.customClick,c=void 0!==o&&o,j=i.topTag,q=i.bottomTag,p=i.testId,m=i.borderRadiusVariant,y=i.selectedValue,b=i.enableZoom,f=void 0===b||b,g=s.useRef(null),h=s.useRef(null),P=s.useRef(null),B=s.useState(!1),M=B[0],G=B[1];a.usePreventVerticalScroll(h);var z=s.useCallback((function(e){var r;null===(r=g.current)||void 0===r||r.slickGoTo(e)}),[g]),L=function(){u.stopVideoCommand(),G((function(e){return e?!e:e}))},D=function(){u.playVideoCommand(),G((function(e){return e?!e:e}))};return s.useEffect((function(){var e;if(y){var r=t.findIndex((function(e){return e.url===y.url}));-1!==r&&(null===(e=g.current)||void 0===e||e.slickGoTo(r))}}),[t,y]),r.jsxs(r.Fragment,{children:[c&&r.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,i){return r.jsx(l,{onClick:function(){return z(i)},text:String(i+1),inline:!0},i)}))}),void 0),r.jsx(C,e.__assign({"data-testid":p,borderRadiusVariant:m,ref:h},{children:r.jsx(v.default,e.__assign({afterChange:function(e){var r,i=t[e];(null===(r=null==i?void 0:i.url)||void 0===r?void 0:r.includes("autoplay=1"))?D():L()}},_,{nextArrow:r.jsx(A,{children:r.jsx(O,{children:r.jsx(d.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r.jsx(A,{children:r.jsx(O,{children:r.jsx(d.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:g},{children:t.map((function(i){var t,s;return r.jsxs("div",{children:[!(null===(t=null==i?void 0:i.alt)||void 0===t?void 0:t.includes("-video"))&&r.jsxs(r.Fragment,{children:[f?r.jsx(x.default,{src:i.url,zoomSrc:i.url,zoomType:"hover",imgAttributes:{alt:i.alt,width:"100%",height:"510px"},height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):r.jsx(n.Image,{src:i.url,alt:i.alt,width:"100%",height:"500px"},void 0),r.jsx(V,e.__assign({borderRadiusVariant:m,"data-testid":"topTag"},{children:j}),void 0),r.jsx(S,e.__assign({"data-testid":"bottomTag"},{children:q}),void 0)]},void 0),(null===(s=null==i?void 0:i.alt)||void 0===s?void 0:s.includes("-video"))&&r.jsxs(w,{children:[r.jsx("iframe",{id:"vwo-video",ref:P,allowFullScreen:!0,title:i.alt,width:"100%",height:"220px",src:null==i?void 0:i.url,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"},void 0),r.jsx(T,{onClick:function(){M?L():D()}},void 0),r.jsxs(k,{children:[r.jsx(d.Icon.PDP.PlayMini,{width:1.5},void 0),r.jsx(I,{children:"VIDEO"},void 0)]},void 0)]},void 0)]},i.key)}))}),void 0)}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlideV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@emotion/styled"),o=require("./ImageProductSlideV3.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,n=a(i).default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));exports.ProductGalleryMobileV3=function(i){var a=i.images,r=i.customClick,d=i.topTag,l=i.bottomTag,s=i.productImageDataTestId,u=i.borderRadiusVariant,c=void 0!==u&&u,m=i.selectedValue,p=i.enableZoom,f=void 0===p||p;return t.jsx(n,e.__assign({"data-testid":"product-gallery-mobile-v3"},{children:t.jsx(o.ImageProductSlideV3,{images:a,customClick:r,topTag:d,bottomTag:l,testId:s,borderRadiusVariant:c,selectedValue:m,enableZoom:f},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,i,o=e(require("@emotion/styled")),r=o.default.div(t||(t=n.__makeTemplateObject(["\n margin-top: 4px;\n margin-left: 3px;\n"],["\n margin-top: 4px;\n margin-left: 3px;\n"]))),a=o.default.div(i||(i=n.__makeTemplateObject(["\n ","\n\n button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n outline: inherit;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Make close button clickable in mobile */\n .tooltip-container button {\n pointer-events: auto;\n z-index: 10;\n }\n"],["\n ","\n\n button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n outline: inherit;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Make close button clickable in mobile */\n .tooltip-container button {\n pointer-events: auto;\n z-index: 10;\n }\n"])),(function(n){return n.isOpen&&"\n .tooltip-container {\n visibility: visible !important;\n opacity: 1 !important;\n }\n \n .tooltip-container.hidden {\n visibility: visible !important;\n opacity: 1 !important;\n }\n "}));exports.MobileClickableWrapper=a,exports.TooltipWrapper=r;
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime");require("../../../core/theme/Theme.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react");require("../../../core/theme/Theme.js");var t=require("../../../hooks/click-outside.js"),r=require("../../../types/enums.js");require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var s=require("../styles.js"),l=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var a=require("./PriceLabelV6.styled.js");exports.PriceLabelV6Tooltip=function(u){var c=u.tooltipText,d=u.tooltipIcon,p=u.tooltipPosition,b=u.isMobile,j=u.borderColor,q=void 0===j?"#EAEAEA":j,v=i.useState(!1),m=v[0],C=v[1],f=i.useRef(null),g=i.useCallback((function(){b&&m&&C(!1)}),[b,m]);t(f,g);var h=i.useCallback((function(e){e.preventDefault(),e.stopPropagation(),b&&C((function(e){return!e}))}),[b]),P=i.useCallback((function(e){e.stopPropagation()}),[]),T=i.useCallback((function(){b&&C(!1)}),[b]);return o.jsx(a.MobileClickableWrapper,e.__assign({ref:f,isOpen:m&&!!b},{children:o.jsx(s.TooltipContainer,e.__assign({"data-testid":"tooltip-container",onClick:P},{children:o.jsx("button",e.__assign({type:"button",onClick:h,"aria-label":"Toggle price tooltip"},{children:o.jsx(l.Tooltip,e.__assign({showCloseIcon:!0,withArrow:!0,content:{text:c},position:null!=p?p:r.ComponentPosition.BottomRight,closeBtnSize:.7,borderColor:q,"data-testid":"tooltip",isOpen:b?m:void 0,onClose:T},{children:o.jsx(n.Icon,{name:null!=d?d:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:b},void 0)}),void 0)}),void 0)}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/styled"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/styled"),o=require("../../types/enums.js"),e=require("./utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,l,p,m,s,c,u,d=i(t),g=d.default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: "," !important;\n opacity: "," !important;\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: "," !important;\n opacity: "," !important;\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return e.getWrapperFlexDirection(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=d.default.div(a||(a=n.__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n ","\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n ","\n ","\n\n ","\n"])),(function(n){var t=n.position;return e.getContainerFlexDirection(t)}),(function(n){var t=n.position,o=n.align;return e.getTooltipAlignItems(t,o)}),(function(n){var t=n.position,e=n.childrenWidth;return x(t,o.ComponentPosition.Right,"".concat(e,"px"))}),(function(n){var t=n.position,e=n.childrenWidth;return x(t,o.ComponentPosition.Left,"".concat(e,"px"))}),(function(n){var t=n.position,e=n.tooltipHeight;return x(t,o.ComponentPosition.Top,"-".concat(e,"px"))}),(function(n){var t=n.position,e=n.tooltipHeight;return x(t,o.ComponentPosition.Bottom,"-".concat(e,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){var t=n.isControlled,o=n.shouldShow;return t?"\n opacity: ".concat(o?1:0,";\n visibility: ").concat(o?"visible":"hidden",";\n "):"\n opacity: 0;\n visibility: hidden;\n "}),(function(n){return n.position===o.ComponentPosition.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,o=n.borderColor,i=n.backgroundColor;return n.withArrow&&e.getArrowStyles(t,o,i)})),x=function(n,t,e){return n!==o.ComponentPosition.BottomLeft&&n!==o.ComponentPosition.BottomRight||t!==o.ComponentPosition.Bottom?n===o.ComponentPosition.BottomRight&&t===o.ComponentPosition.Right?"-30px":n===o.ComponentPosition.BottomLeft&&t===o.ComponentPosition.Left?"-40px":n===t?e:"0":"calc(".concat(e," - 37px)")},h=d.default.div(l||(l=n.__makeTemplateObject(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),b=d.default.div(p||(p=n.__makeTemplateObject(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,o=n.maxWidth;return null!=o?o:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),v=d.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),y=d.default.p(s||(s=n.__makeTemplateObject(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),C=d.default.div(c||(c=n.__makeTemplateObject(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),_=d.default.button(u||(u=n.__makeTemplateObject(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));exports.CloseToolTip=_,exports.ContentWrapper=h,exports.IconContainer=C,exports.Title=y,exports.TooltipContainer=f,exports.TooltipText=b,exports.TopSection=v,exports.Wrapper=g;
|
|
2
2
|
//# sourceMappingURL=Styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("../../core/theme/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("../../core/theme/Theme.js"),l=require("../../hooks/WindowDimensions.js"),n=require("../icons/index.js"),r=require("./Styled.js"),s=require("./utils.js");function d(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var c=d(i);exports.Tooltip=function(d){var a,u,h,v,p=d.children,f=d.position,x=d.content,g=d.elementContent,C=d.backgroundColor,T=d.borderColor,j=d.showCloseIcon,_=d.align,b=void 0===_?"center":_,m=d.maxWidth,w=d.onClick,y=d.header,W=d.withArrow,I=void 0!==W&&W,k=d.closeBtnSize,S=void 0===k?.5:k,q=d.isOpen,E=d.onClose,H=t.useTheme(),M=i.useState(0),D=M[0],R=M[1],A=i.createRef(),L=i.useState(0),F=L[0],N=L[1],O=i.createRef(),P=i.useState(!1),z=P[0],B=P[1],K=l.useWindowDimensions().isMobile;i.useLayoutEffect((function(){var o=A.current;R((null==o?void 0:o.offsetWidth)||0)}),[A]),i.useLayoutEffect((function(){var o=O.current;N((null==o?void 0:o.offsetHeight)||0)}),[O]),i.useEffect((function(){void 0!==q&&B(!q)}),[q]);var G=function(){(!0===q||void 0===q&&z)&&B(!1)},J=!0===q||!1!==q&&!z,Q="boolean"==typeof q;return e.jsxs(r.Wrapper,o.__assign({position:f,disableHover:!J,onMouseEnter:G,onTouchStart:G,"data-testid":"TooltipWrapper"},{children:[e.jsx("div",o.__assign({ref:A,onClick:G,onKeyDown:function(o){return"Enter"===o.key&&G()},role:"button",tabIndex:0},{children:p}),void 0),e.jsxs(r.TooltipContainer,o.__assign({position:f,align:b,maxWidth:m,childrenWidth:D,tooltipHeight:F,ref:O,onClick:w,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(J?"":"hidden"),borderColor:T||H.colors.shades[200].color,backgroundColor:C||H.colors.shades.white.color,withArrow:I,"data-position":f,isControlled:Q,shouldShow:J},{children:[(j||K)&&e.jsx(r.CloseToolTip,o.__assign({right:s.getCloseIconRight(f,null==y?void 0:y.iconRight),onClick:function(o){o.preventDefault(),o.stopPropagation(),void 0===q&&B(!0),null==E||E()}},{children:e.jsx(n.Icon.Actions.Close,{width:S,height:S,fill:null!==(a=null==y?void 0:y.iconFill)&&void 0!==a?a:H.colors.pallete.secondary.color},void 0)}),void 0),e.jsxs(r.ContentWrapper,o.__assign({className:"tooltip-wrapper",borderColor:T||H.colors.shades[200].color,backgroundColor:null!=C?C:H.colors.shades.white.color},{children:[y&&e.jsxs(r.TopSection,o.__assign({"data-testid":"TooltipHeader"},{children:[(null==y?void 0:y.Icon)&&e.jsx(r.IconContainer,{children:c.default.createElement(y.Icon,{testId:"HeaderIcon",fill:null!==(u=null==y?void 0:y.iconFill)&&void 0!==u?u:H.colors.pallete.secondary.color})},void 0),e.jsx(r.Title,o.__assign({color:null!==(h=null==y?void 0:y.titleColor)&&void 0!==h?h:H.colors.pallete.secondary.color},{children:y.title}),void 0)]}),void 0),x&&(null==x?void 0:x.text)?e.jsx(r.TooltipText,{color:null!==(v=null==x?void 0:x.color)&&void 0!==v?v:H.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:x.text},maxWidth:s.getTooltipTextMaxWidth(f)},void 0):g]}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/package.json
CHANGED