@trafilea/afrodita-components 7.13.13 → 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.
@@ -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 n}from"tslib";import r from"@emotion/styled";var t,i=r.div(t||(t=n(["\n margin-top: 4px;\n margin-left: 3px;\n"],["\n margin-top: 4px;\n margin-left: 3px;\n"])));export{i as TooltipWrapper};
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"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{Tooltip as r}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as l}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var s=function(s){var m=s.tooltipText,a=s.tooltipIcon,p=s.tooltipPosition,n=s.isMobile,c=s.borderColor,d=void 0===c?"#EAEAEA":c;return t(e,o({"data-testid":"tooltip-container"},{children:t(r,o({showCloseIcon:!0,withArrow:!0,content:{text:m},position:null!=p?p:i.BottomRight,closeBtnSize:.7,borderColor:d,"data-testid":"tooltip"},{children:t(l,{name:null!=a?a:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:n},void 0)}),void 0)}),void 0)};export{s as PriceLabelV6Tooltip};
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,p,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: ",";\n opacity: ",";\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: ",";\n opacity: ",";\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 opacity: 0;\n visibility: hidden;\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 opacity: 0;\n visibility: hidden;\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){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(d||(d=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(p||(p=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};
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 r,{useState as t,createRef as e,useLayoutEffect as n}from"react";import{useTheme as d}from"../../core/theme/Theme.js";import{useWindowDimensions as c}from"../../hooks/WindowDimensions.js";import{Icon as s}from"../icons/index.js";import{Wrapper as a,TooltipContainer as h,CloseToolTip as u,ContentWrapper as v,TopSection as m,IconContainer as p,Title as f,TooltipText as C}from"./Styled.js";import{getCloseIconRight as b,getTooltipTextMaxWidth as g}from"./utils.js";var w=function(w){var x,k=w.children,y=w.position,I=w.content,T=w.elementContent,W=w.backgroundColor,j=w.borderColor,H=w.showCloseIcon,A=w.align,E=void 0===A?"center":A,F=w.maxWidth,M=w.onClick,S=w.header,D=w.withArrow,N=void 0!==D&&D,_=w.closeBtnSize,z=void 0===_?.5:_,B=d(),K=t(0),L=K[0],R=K[1],q=e(),G=t(0),J=G[0],O=G[1],P=e(),Q=t(!1),U=Q[0],V=Q[1],X=c().isMobile;return n((function(){var o=q.current;R((null==o?void 0:o.offsetWidth)||0)}),[q]),n((function(){var o=P.current;O((null==o?void 0:o.offsetHeight)||0)}),[P]),i(a,o({position:y,disableHover:U,onMouseEnter:function(){return V(U&&!1)},"data-testid":"TooltipWrapper"},{children:[l("div",o({ref:q,onClick:function(){return U&&V(!1)},onKeyDown:function(o){return"Enter"===o.key&&U&&V(!1)},role:"button",tabIndex:0},{children:k}),void 0),i(h,o({position:y,align:E,maxWidth:F,childrenWidth:L,tooltipHeight:J,ref:P,onClick:M,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(U?"hidden":""),borderColor:j||B.colors.shades[200].color,backgroundColor:W||B.colors.shades.white.color,withArrow:N,"data-position":y},{children:[(H||X)&&l(u,o({right:b(y,null==S?void 0:S.iconRight),onClick:function(){return V(!0)}},{children:l(s.Actions.Close,{width:z,height:z,fill:null!==(x=null==S?void 0:S.iconFill)&&void 0!==x?x:B.colors.pallete.secondary.color},void 0)}),void 0),i(v,o({className:"tooltip-wrapper",borderColor:j||B.colors.shades[200].color,backgroundColor:null!=W?W:B.colors.shades.white.color},{children:[S&&i(m,o({"data-testid":"TooltipHeader"},{children:[(null==S?void 0:S.Icon)&&l(p,{children:r.createElement(S.Icon,{testId:"HeaderIcon",fill:(null==S?void 0:S.iconFill)?null==S?void 0:S.iconFill:B.colors.pallete.secondary.color})},void 0),l(f,o({color:(null==S?void 0:S.titleColor)?null==S?void 0:S.titleColor:B.colors.pallete.secondary.color},{children:S.title}),void 0)]}),void 0),I&&(null==I?void 0:I.text)?l(C,{color:(null==I?void 0:I.color)?null==I?void 0:I.color:B.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:I.text},maxWidth:g(y)},void 0):T]}),void 0)]}),void 0)]}),void 0)};export{w as Tooltip};
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;
@@ -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");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,n=t(require("@emotion/styled")).default.div(r||(r=e.__makeTemplateObject(["\n margin-top: 4px;\n margin-left: 3px;\n"],["\n margin-top: 4px;\n margin-left: 3px;\n"])));exports.TooltipWrapper=n;
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"),require("react");var i=require("../../../types/enums.js");require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var t=require("../styles.js"),r=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var s=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");exports.PriceLabelV6Tooltip=function(l){var a=l.tooltipText,n=l.tooltipIcon,u=l.tooltipPosition,c=l.isMobile,d=l.borderColor,b=void 0===d?"#EAEAEA":d;return o.jsx(t.TooltipContainer,e.__assign({"data-testid":"tooltip-container"},{children:o.jsx(r.Tooltip,e.__assign({showCloseIcon:!0,withArrow:!0,content:{text:a},position:null!=u?u:i.ComponentPosition.BottomRight,closeBtnSize:.7,borderColor:b,"data-testid":"tooltip"},{children:o.jsx(s.Icon,{name:null!=n?n:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)};
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"),e=require("../../types/enums.js"),o=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,d,u=i(t),g=u.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: ",";\n opacity: ",";\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: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o.getWrapperFlexDirection(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=u.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 opacity: 0;\n visibility: hidden;\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 opacity: 0;\n visibility: hidden;\n ","\n\n ","\n"])),(function(n){var t=n.position;return o.getContainerFlexDirection(t)}),(function(n){var t=n.position,e=n.align;return o.getTooltipAlignItems(t,e)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,e.ComponentPosition.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,e.ComponentPosition.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,e.ComponentPosition.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,e.ComponentPosition.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.position===e.ComponentPosition.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,e=n.borderColor,i=n.backgroundColor;return n.withArrow&&o.getArrowStyles(t,e,i)})),x=function(n,t,o){return n!==e.ComponentPosition.BottomLeft&&n!==e.ComponentPosition.BottomRight||t!==e.ComponentPosition.Bottom?n===e.ComponentPosition.BottomRight&&t===e.ComponentPosition.Right?"-30px":n===e.ComponentPosition.BottomLeft&&t===e.ComponentPosition.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},h=u.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=u.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,e=n.maxWidth;return null!=e?e:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),v=u.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=u.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=u.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"]))),_=u.default.button(d||(d=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;
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"),r=require("../../hooks/WindowDimensions.js"),l=require("../icons/index.js"),n=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=d.children,h=d.position,v=d.content,p=d.elementContent,f=d.backgroundColor,x=d.borderColor,g=d.showCloseIcon,C=d.align,j=void 0===C?"center":C,T=d.maxWidth,_=d.onClick,m=d.header,b=d.withArrow,w=void 0!==b&&b,y=d.closeBtnSize,W=void 0===y?.5:y,I=t.useTheme(),k=i.useState(0),q=k[0],S=k[1],H=i.createRef(),E=i.useState(0),M=E[0],R=E[1],A=i.createRef(),D=i.useState(!1),F=D[0],L=D[1],N=r.useWindowDimensions().isMobile;return i.useLayoutEffect((function(){var o=H.current;S((null==o?void 0:o.offsetWidth)||0)}),[H]),i.useLayoutEffect((function(){var o=A.current;R((null==o?void 0:o.offsetHeight)||0)}),[A]),e.jsxs(n.Wrapper,o.__assign({position:h,disableHover:F,onMouseEnter:function(){return L(F&&!1)},"data-testid":"TooltipWrapper"},{children:[e.jsx("div",o.__assign({ref:H,onClick:function(){return F&&L(!1)},onKeyDown:function(o){return"Enter"===o.key&&F&&L(!1)},role:"button",tabIndex:0},{children:u}),void 0),e.jsxs(n.TooltipContainer,o.__assign({position:h,align:j,maxWidth:T,childrenWidth:q,tooltipHeight:M,ref:A,onClick:_,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(F?"hidden":""),borderColor:x||I.colors.shades[200].color,backgroundColor:f||I.colors.shades.white.color,withArrow:w,"data-position":h},{children:[(g||N)&&e.jsx(n.CloseToolTip,o.__assign({right:s.getCloseIconRight(h,null==m?void 0:m.iconRight),onClick:function(){return L(!0)}},{children:e.jsx(l.Icon.Actions.Close,{width:W,height:W,fill:null!==(a=null==m?void 0:m.iconFill)&&void 0!==a?a:I.colors.pallete.secondary.color},void 0)}),void 0),e.jsxs(n.ContentWrapper,o.__assign({className:"tooltip-wrapper",borderColor:x||I.colors.shades[200].color,backgroundColor:null!=f?f:I.colors.shades.white.color},{children:[m&&e.jsxs(n.TopSection,o.__assign({"data-testid":"TooltipHeader"},{children:[(null==m?void 0:m.Icon)&&e.jsx(n.IconContainer,{children:c.default.createElement(m.Icon,{testId:"HeaderIcon",fill:(null==m?void 0:m.iconFill)?null==m?void 0:m.iconFill:I.colors.pallete.secondary.color})},void 0),e.jsx(n.Title,o.__assign({color:(null==m?void 0:m.titleColor)?null==m?void 0:m.titleColor:I.colors.pallete.secondary.color},{children:m.title}),void 0)]}),void 0),v&&(null==v?void 0:v.text)?e.jsx(n.TooltipText,{color:(null==v?void 0:v.color)?null==v?void 0:v.color:I.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:v.text},maxWidth:s.getTooltipTextMaxWidth(h)},void 0):p]}),void 0)]}),void 0)]}),void 0)};
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
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.13.13",
6
+ "version": "7.14.0",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",