npm - @trafilea/afrodita-components - Versions diffs - 7.14.0 → 7.14.2 - Mend

@trafilea/afrodita-components 7.14.0 → 7.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/build/es/components/collection/product/mobile/ProductItemMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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 k,Container as x,ImageContainer as L,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,ki=void 0===Mi?{strength:-1,description:""}:Mi,xi=Z.clubPrice,Li=void 0===xi?"":xi,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.tooltipText,to=Z.tooltipIcon,lo=Z.tooltipPosition,so=v(),ao=T(ni),no=g().isMobile,co=t((function(){var i;return(i={},i[y.Large]=8,i[y.Medium]=4,i[y.Small]=2,i)[ni]}),[ni]),mo=Oi?Ni:void 0,po=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:Li,styledPrice:!0,finalPriceStyle:Ii?no?{fontSize:"12px",fontWeight:700,color:null===(t=so.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=so.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:Li,finalPriceStyle:Ii?no?{fontSize:"12px",fontWeight:700,color:null===(s=so.colors.pallete.brickRed)||void 0===s?void 0:s.color}:{fontSize:"16px",fontWeight:700,color:null===(l=so.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,color:ti.color,size:y.Medium,testId:"volume-discount-v6",showDecimals:Ki,tooltipText:eo,tooltipIcon:to,tooltipPosition:lo,isMobile:no,savingsDisplay:Oi,discount:mo},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?no?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},uo=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)},vo=l(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),go=vo[0],jo=vo[1],yo=l(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),ho=yo[0],bo=yo[1],fo=ro?N:s;return o(M,i({className:pi,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(k,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(x,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",className:"picContainer",onClick:gi},{children:[!!_i&&r(H,{isLiked:go,likes:ho,onClick:function(i){i.stopPropagation(),bo(go?function(i){return i-1}:function(i){return i+1}),jo((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:so.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:so.colors.shades.white.color}}},void 0),ui||vi?o(L,i({width:null==ao?void 0:ao.width,height:null==ao?void 0:ao.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==ao?void 0:ao.width:"100%",height:Zi?null==ao?void 0:ao.height:"100%",loading:Fi?"eager":"lazy",decoding:Fi?"sync":"async",borderRadius:z[so.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==ao?void 0:ao.width,height:null==ao?void 0:ao.height,loading:Fi?"eager":"lazy",decoding:Fi?"sync":"async",borderRadius:z[so.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==ao?void 0:ao.width,height:null==ao?void 0:ao.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:co},void 0),wi.component]},void 0),bi&&o(e,{children:[r(p,{size:co},void 0),r(p,{size:co},void 0),r(uo,{},void 0)]},void 0),o(x,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Ii?"flex-start":"center"}},{children:[r(p,{size:co},void 0),r(B,i({theme:so,align:Ii?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),r(p,{size:co},void 0),Ui&&o(e,{children:[r(A,{theme:so},void 0),r(p,{size:co},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,hi&&!bi?{children:[r(uo,{},void 0),r(p,{size:co},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):po(),(null==Ei?void 0:Ei.isClubOffer)&&po(5)]}),void 0)]}:{children:[o(fo,{children:[fi?r(a,{height:"20px",width:"140px"},void 0):io&&!bi?o(O,{children:[po(),r(uo,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&po(),(null==Ei?void 0:Ei.isClubOffer)&&po(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:Li},void 0),6!==Ai&&(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:co},void 0),!bi&&!io&&r(uo,{},void 0)]},void 0),!!qi&&o(e,{children:[r(p,{size:co},void 0),r(p,{size:co},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:co},void 0),wi.component]},void 0)]}),void 0)};export{Z as default};
 //# sourceMappingURL=ProductItemMobile.js.map

package/build/es/components/pricing/priceLabelV6/PriceLabelV6.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=PriceLabelV6.styled.js.map

package/build/es/components/pricing/priceLabelV6/PriceLabelV6Components.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as n}from"../discount/DiscountTag.js";import{getTestId as c}from"../price/PriceLabel.js";import{Price as a,FinalPriceStyledContainer as s,TagContainer as d}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";var u=function(o){var r=o.originalPrice,l=o.originalPriceStyled,n=o.originalPriceUnderlined,s=o.size,d=o.testId,p=o.theme,m=o.hasHorizontalLayout;return e(a,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:n,"data-testid":c(d,"original-product-price"),style:m?{fontSize:"12px"}:void 0},{children:r}),void 0)},f=function(r){var l=r.testId,n=r.priceCommonProps,d=r.size,p=r.currencySymbol,m=r.finalPriceArray,u=r.productFinalPrice,f=r.showDecimals,v=r.pricePerItem,S=r.theme,y=r.isHorizontalLayout,g=void 0!==y&&y,h=g?i(i({},n),{size:t.Small,style:{fontSize:"14px"}}):n;return o(s,i({"data-testid":c(l,"final-product-price")},{children:[e(a,i({margin:!0,finalPriceStyledSmall:!g},h,{size:g?t.Small:d},{children:p}),void 0),e(a,i({finalPriceStyled:!g},h,{size:g?t.Small:d},{children:m[0]||("string"==typeof u&&u.includes(p)?"".concat(u).split(p)[1]:"".concat(u))}),void 0),f&&o(a,i({finalPriceStyledSmall:!g,style:g?{fontSize:"14px"}:{marginTop:"-6px"}},h,{size:g?t.Small:d},{children:[g&&".",m[1]?m[1]:"00"]}),void 0),v&&e(a,i({size:t.Small,color:S.colors.pallete.secondary.color},{children:"/each"}),void 0)]}),void 0)},v=function(c){var a=c.isDiscount,s=c.discount,p=c.bordersRounded,m=c.savingsDisplay,u=c.currencySymbol,f=c.savetoString,v=c.isHorizontalLayout,S=void 0!==v&&v,y=c.isClubOffer,g=c.clubOffer;return o(r,{children:[a&&e(d,i({size:t.Small},{children:s&&e(n,i({},s,{size:t.Medium,style:i({letterSpacing:"-0.05rem"},S&&{fontSize:"12px"}),bordersRounded:p,savings:m?"Save ".concat(u).concat(f):void 0}),void 0)}),void 0),y&&e(d,i({size:t.Medium},{children:g&&e(l,i({},g,{size:t.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},S=function(o){var r=o.tooltipText,t=o.tooltipIcon,l=o.tooltipPosition,n=o.isMobile;return r?e(p,i({"data-testid":"PriceLabelV6-TooltipWrapper"},{children:e(m,{tooltipText:r,tooltipIcon:t,tooltipPosition:l,isMobile:n},void 0)}),void 0):null};export{u as OriginalPriceSection,f as PriceSection,v as TagsSection,S as TooltipSection};
+import{__assign as i}from"tslib";import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as n}from"../discount/DiscountTag.js";import{getTestId as s}from"../price/PriceLabel.js";import{Price as a,FinalPriceStyledContainer as c,TagContainer as d}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(o){var r=o.originalPrice,l=o.originalPriceStyled,n=o.originalPriceUnderlined,c=o.size,d=o.testId,p=o.theme,m=o.hasHorizontalLayout;return e(a,i({size:l?c:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:n,"data-testid":s(d,"original-product-price"),style:m?{fontSize:"12px"}:void 0},{children:r}),void 0)},v=function(r){var l=r.testId,n=r.priceCommonProps,d=r.size,p=r.currencySymbol,m=r.finalPriceArray,u=r.productFinalPrice,f=r.showDecimals,v=r.pricePerItem,S=r.theme,y=r.isHorizontalLayout,g=void 0!==y&&y,h=g?i(i({},n),{size:t.Small,style:{fontSize:"14px"}}):n;return o(c,i({"data-testid":s(l,"final-product-price")},{children:[e(a,i({margin:!0,finalPriceStyledSmall:!g},h,{size:g?t.Small:d},{children:p}),void 0),e(a,i({finalPriceStyled:!g},h,{size:g?t.Small:d},{children:m[0]||("string"==typeof u&&u.includes(p)?"".concat(u).split(p)[1]:"".concat(u))}),void 0),f&&o(a,i({finalPriceStyledSmall:!g,style:g?{fontSize:"14px"}:{marginTop:"-6px"}},h,{size:g?t.Small:d},{children:[g&&".",m[1]?m[1]:"00"]}),void 0),v&&e(a,i({size:t.Small,color:S.colors.pallete.secondary.color},{children:"/each"}),void 0)]}),void 0)},S=function(s){var a=s.isDiscount,c=s.discount,p=s.bordersRounded,m=s.savingsDisplay,u=s.currencySymbol,f=s.savetoString,v=s.isHorizontalLayout,S=void 0!==v&&v,y=s.isClubOffer,g=s.clubOffer;return o(r,{children:[a&&e(d,i({size:t.Small},{children:c&&e(n,i({},c,{size:t.Medium,style:i({letterSpacing:"-0.05rem"},S&&{fontSize:"12px"}),bordersRounded:p,savings:m?"Save ".concat(u).concat(f):void 0}),void 0)}),void 0),y&&e(d,i({size:t.Medium},{children:g&&e(l,i({},g,{size:t.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},y=function(o){var r=o.tooltipText,t=o.tooltipIcon,l=o.tooltipPosition,n=o.isMobile;if(!r)return null;var s=u();return e(p,i({"data-testid":"PriceLabelV6-TooltipWrapper"},s,{children:e(m,{tooltipText:r,tooltipIcon:t,tooltipPosition:l,isMobile:n},void 0)}),void 0)};export{f as OriginalPriceSection,v as PriceSection,S as TagsSection,y as TooltipSection};
 //# sourceMappingURL=PriceLabelV6Components.js.map

package/build/es/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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";import{createStopPropagationHandlers as s}from"./utils/eventHandlers.js";var m=function(m){var n=m.tooltipText,a=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.borderColor,b=void 0===d?"#EAEAEA":d,j=s();return t(e,o({"data-testid":"tooltip-container"},j,{children:t("div",o({},j,{children:t(r,o({showCloseIcon:!0,withArrow:!0,content:{text:n},position:null!=p?p:i.BottomRight,closeBtnSize:.7,borderColor:b,"data-testid":"tooltip"},{children:t(l,{name:null!=a?a:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)}),void 0)};export{m as PriceLabelV6Tooltip};
 //# sourceMappingURL=PriceLabelV6Tooltip.js.map

package/build/es/components/pricing/priceLabelV6/utils/eventHandlers.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var o=function(){return{onClick:function(o){o.stopPropagation(),o.preventDefault()},onMouseDown:function(o){o.stopPropagation(),o.preventDefault()},onTouchStart:function(o){o.stopPropagation(),o.preventDefault()}}};export{o as createStopPropagationHandlers};
2	+ //# sourceMappingURL=eventHandlers.js.map

package/build/es/components/pricing/priceLabelV6/utils/eventHandlers.js.map ADDED Viewed

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

package/build/es/components/tooltip/Styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=Styled.js.map

package/build/es/components/tooltip/Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=Tooltip.js.map

package/build/index.d.ts CHANGED Viewed

@@ -3099,11 +3099,9 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
     invertPriceDirection?: boolean;
     priceAndReviewInOneLine?: boolean;
     priceAndDiscountTagInOneLine?: boolean;
-    priceLabelV6Tooltip?: {
-        tooltipText?: string;
-        tooltipIcon?: IconName;
-        tooltipPosition?: ComponentPosition;
-    };
+    tooltipText?: string;
+    tooltipIcon?: IconName;
+    tooltipPosition?: ComponentPosition;
 }
 declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
@@ -4296,10 +4294,8 @@ interface TooltipProps {
     onClick?: () => void;
     withArrow?: boolean;
     closeBtnSize?: number;
-    isOpen?: boolean;
-    onClose?: () => void;
 }
-declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, isOpen, onClose, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, }: TooltipProps) => JSX.Element;
 declare type SubtotalOption = {
     label: string;

package/build/lib/components/collection/product/mobile/ProductItemMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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)};
+"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.tooltipText,Re=z.tooltipIcon,Ne=z.tooltipPosition,We=c.useTheme(),Ee=S.getStylesBySize(H),He=u.useWindowDimensions().isMobile,Ye=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]),Ze=he?Se:void 0,Je=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?He?{fontSize:"12px",fontWeight:700,color:null===(t=We.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=We.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?He?{fontSize:"12px",fontWeight:700,color:null===(n=We.colors.pallete.brickRed)||void 0===n?void 0:n.color}:{fontSize:"16px",fontWeight:700,color:null===(l=We.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,color:R.color,size:j.ComponentSize.Medium,testId:"volume-discount-v6",showDecimals:Ie,tooltipText:Fe,tooltipIcon:Re,tooltipPosition:Ne,isMobile:He,savingsDisplay:he,discount:Ze},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?He?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},Ke=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)},Qe=i.useState(null!==(w=null==Te?void 0:Te.isLiked)&&void 0!==w&&w),Ue=Qe[0],Xe=Qe[1],$e=i.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),er=$e[0],rr=$e[1],ir=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:Ue,likes:er,onClick:function(e){e.stopPropagation(),rr(Ue?function(e){return e-1}:function(e){return e+1}),Xe((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:We.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:We.colors.shades.white.color}}},void 0),Q||U?r.jsxs(S.ImageContainer,e.__assign({width:null==Ee?void 0:Ee.width,height:null==Ee?void 0:Ee.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==Ee?void 0:Ee.width:"100%",height:ze?null==Ee?void 0:Ee.height:"100%",loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[We.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==Ee?void 0:Ee.width,height:null==Ee?void 0:Ee.height,loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[We.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==Ee?void 0:Ee.width,height:null==Ee?void 0:Ee.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ye},void 0),ne.component]},void 0),ie&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ye},void 0),r.jsx(a.Spacing,{size:Ye},void 0),r.jsx(Ke,{},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:Ye},void 0),r.jsx(S.Title,e.__assign({theme:We,align:pe?"left":Z,"data-testid":"product-card-title"},{children:_}),void 0),r.jsx(a.Spacing,{size:Ye},void 0),ke&&r.jsxs(r.Fragment,{children:[r.jsx(S.Divider,{theme:We},void 0),r.jsx(a.Spacing,{size:Ye},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(Ke,{},void 0),r.jsx(a.Spacing,{size:Ye},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):Je(),(null==we?void 0:we.isClubOffer)&&Je(5)]}),void 0)]},void 0):r.jsxs(r.Fragment,{children:[r.jsxs(ir,{children:[oe?r.jsx(o,{height:"20px",width:"140px"},void 0):Ae&&!ie?r.jsxs(S.OneLineInfoWrapper,{children:[Je(),r.jsx(Ke,{},void 0)]},void 0):r.jsxs(r.Fragment,{children:[!(null==we?void 0:we.isClubMember)&&Je(),(null==we?void 0:we.isClubOffer)&&Je(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),6!==ye&&(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:Ye},void 0),!ie&&!Ae&&r.jsx(Ke,{},void 0)]},void 0),!!Le&&r.jsxs(r.Fragment,{children:[r.jsx(a.Spacing,{size:Ye},void 0),r.jsx(a.Spacing,{size:Ye},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:Ye},void 0),ne.component]},void 0)]}),void 0)};
 //# sourceMappingURL=ProductItemMobile.js.map

package/build/lib/components/pricing/priceLabelV6/PriceLabelV6.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,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;
+"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;
 //# sourceMappingURL=PriceLabelV6.styled.js.map

package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Components.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("../../../types/enums.js"),r=require("../clubOffer/ClubOfferTag.js"),n=require("../discount/DiscountTag.js"),t=require("../price/PriceLabel.js"),s=require("../styles.js"),l=require("./PriceLabelV6.styled.js"),a=require("./PriceLabelV6Tooltip.js");exports.OriginalPriceSection=function(r){var n=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,c=r.size,d=r.testId,p=r.theme,u=r.hasHorizontalLayout;return i.jsx(s.Price,e.__assign({size:l?c:o.ComponentSize.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":t.getTestId(d,"original-product-price"),style:u?{fontSize:"12px"}:void 0},{children:n}),void 0)},exports.PriceSection=function(r){var n=r.testId,l=r.priceCommonProps,a=r.size,c=r.currencySymbol,d=r.finalPriceArray,p=r.productFinalPrice,u=r.showDecimals,g=r.pricePerItem,m=r.theme,S=r.isHorizontalLayout,x=void 0!==S&&S,z=x?e.__assign(e.__assign({},l),{size:o.ComponentSize.Small,style:{fontSize:"14px"}}):l;return i.jsxs(s.FinalPriceStyledContainer,e.__assign({"data-testid":t.getTestId(n,"final-product-price")},{children:[i.jsx(s.Price,e.__assign({margin:!0,finalPriceStyledSmall:!x},z,{size:x?o.ComponentSize.Small:a},{children:c}),void 0),i.jsx(s.Price,e.__assign({finalPriceStyled:!x},z,{size:x?o.ComponentSize.Small:a},{children:d[0]||("string"==typeof p&&p.includes(c)?"".concat(p).split(c)[1]:"".concat(p))}),void 0),u&&i.jsxs(s.Price,e.__assign({finalPriceStyledSmall:!x,style:x?{fontSize:"14px"}:{marginTop:"-6px"}},z,{size:x?o.ComponentSize.Small:a},{children:[x&&".",d[1]?d[1]:"00"]}),void 0),g&&i.jsx(s.Price,e.__assign({size:o.ComponentSize.Small,color:m.colors.pallete.secondary.color},{children:"/each"}),void 0)]}),void 0)},exports.TagsSection=function(t){var l=t.isDiscount,a=t.discount,c=t.bordersRounded,d=t.savingsDisplay,p=t.currencySymbol,u=t.savetoString,g=t.isHorizontalLayout,m=void 0!==g&&g,S=t.isClubOffer,x=t.clubOffer;return i.jsxs(i.Fragment,{children:[l&&i.jsx(s.TagContainer,e.__assign({size:o.ComponentSize.Small},{children:a&&i.jsx(n.DiscountTag,e.__assign({},a,{size:o.ComponentSize.Medium,style:e.__assign({letterSpacing:"-0.05rem"},m&&{fontSize:"12px"}),bordersRounded:c,savings:d?"Save ".concat(p).concat(u):void 0}),void 0)}),void 0),S&&i.jsx(s.TagContainer,e.__assign({size:o.ComponentSize.Medium},{children:x&&i.jsx(r.ClubOfferTag,e.__assign({},x,{size:o.ComponentSize.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},exports.TooltipSection=function(o){var r=o.tooltipText,n=o.tooltipIcon,t=o.tooltipPosition,s=o.isMobile;return r?i.jsx(l.TooltipWrapper,e.__assign({"data-testid":"PriceLabelV6-TooltipWrapper"},{children:i.jsx(a.PriceLabelV6Tooltip,{tooltipText:r,tooltipIcon:n,tooltipPosition:t,isMobile:s},void 0)}),void 0):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),o=require("../../../types/enums.js"),r=require("../clubOffer/ClubOfferTag.js"),n=require("../discount/DiscountTag.js"),t=require("../price/PriceLabel.js"),s=require("../styles.js"),l=require("./PriceLabelV6.styled.js"),a=require("./PriceLabelV6Tooltip.js"),c=require("./utils/eventHandlers.js");exports.OriginalPriceSection=function(r){var n=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,c=r.size,d=r.testId,p=r.theme,u=r.hasHorizontalLayout;return i.jsx(s.Price,e.__assign({size:l?c:o.ComponentSize.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":t.getTestId(d,"original-product-price"),style:u?{fontSize:"12px"}:void 0},{children:n}),void 0)},exports.PriceSection=function(r){var n=r.testId,l=r.priceCommonProps,a=r.size,c=r.currencySymbol,d=r.finalPriceArray,p=r.productFinalPrice,u=r.showDecimals,g=r.pricePerItem,S=r.theme,m=r.isHorizontalLayout,x=void 0!==m&&m,z=x?e.__assign(e.__assign({},l),{size:o.ComponentSize.Small,style:{fontSize:"14px"}}):l;return i.jsxs(s.FinalPriceStyledContainer,e.__assign({"data-testid":t.getTestId(n,"final-product-price")},{children:[i.jsx(s.Price,e.__assign({margin:!0,finalPriceStyledSmall:!x},z,{size:x?o.ComponentSize.Small:a},{children:c}),void 0),i.jsx(s.Price,e.__assign({finalPriceStyled:!x},z,{size:x?o.ComponentSize.Small:a},{children:d[0]||("string"==typeof p&&p.includes(c)?"".concat(p).split(c)[1]:"".concat(p))}),void 0),u&&i.jsxs(s.Price,e.__assign({finalPriceStyledSmall:!x,style:x?{fontSize:"14px"}:{marginTop:"-6px"}},z,{size:x?o.ComponentSize.Small:a},{children:[x&&".",d[1]?d[1]:"00"]}),void 0),g&&i.jsx(s.Price,e.__assign({size:o.ComponentSize.Small,color:S.colors.pallete.secondary.color},{children:"/each"}),void 0)]}),void 0)},exports.TagsSection=function(t){var l=t.isDiscount,a=t.discount,c=t.bordersRounded,d=t.savingsDisplay,p=t.currencySymbol,u=t.savetoString,g=t.isHorizontalLayout,S=void 0!==g&&g,m=t.isClubOffer,x=t.clubOffer;return i.jsxs(i.Fragment,{children:[l&&i.jsx(s.TagContainer,e.__assign({size:o.ComponentSize.Small},{children:a&&i.jsx(n.DiscountTag,e.__assign({},a,{size:o.ComponentSize.Medium,style:e.__assign({letterSpacing:"-0.05rem"},S&&{fontSize:"12px"}),bordersRounded:c,savings:d?"Save ".concat(p).concat(u):void 0}),void 0)}),void 0),m&&i.jsx(s.TagContainer,e.__assign({size:o.ComponentSize.Medium},{children:x&&i.jsx(r.ClubOfferTag,e.__assign({},x,{size:o.ComponentSize.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},exports.TooltipSection=function(o){var r=o.tooltipText,n=o.tooltipIcon,t=o.tooltipPosition,s=o.isMobile;if(!r)return null;var d=c.createStopPropagationHandlers();return i.jsx(l.TooltipWrapper,e.__assign({"data-testid":"PriceLabelV6-TooltipWrapper"},d,{children:i.jsx(a.PriceLabelV6Tooltip,{tooltipText:r,tooltipIcon:n,tooltipPosition:t,isMobile:s},void 0)}),void 0)};
 //# sourceMappingURL=PriceLabelV6Components.js.map

package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("react");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)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("react");var o=require("../../../types/enums.js");require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var r=require("../styles.js"),t=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");var l=require("./utils/eventHandlers.js");exports.PriceLabelV6Tooltip=function(a){var n=a.tooltipText,u=a.tooltipIcon,c=a.tooltipPosition,d=a.isMobile,j=a.borderColor,p=void 0===j?"#EAEAEA":j,b=l.createStopPropagationHandlers();return i.jsx(r.TooltipContainer,e.__assign({"data-testid":"tooltip-container"},b,{children:i.jsx("div",e.__assign({},b,{children:i.jsx(t.Tooltip,e.__assign({showCloseIcon:!0,withArrow:!0,content:{text:n},position:null!=c?c:o.ComponentPosition.BottomRight,closeBtnSize:.7,borderColor:p,"data-testid":"tooltip"},{children:i.jsx(s.Icon,{name:null!=u?u:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:d},void 0)}),void 0)}),void 0)}),void 0)};
 //# sourceMappingURL=PriceLabelV6Tooltip.js.map

package/build/lib/components/pricing/priceLabelV6/utils/eventHandlers.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.createStopPropagationHandlers=function(){return{onClick:function(t){t.stopPropagation(),t.preventDefault()},onMouseDown:function(t){t.stopPropagation(),t.preventDefault()},onTouchStart:function(t){t.stopPropagation(),t.preventDefault()}}};
2	+ //# sourceMappingURL=eventHandlers.js.map

package/build/lib/components/pricing/priceLabelV6/utils/eventHandlers.js.map ADDED Viewed

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

package/build/lib/components/tooltip/Styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=Styled.js.map

package/build/lib/components/tooltip/Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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)};
+"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)};
 //# sourceMappingURL=Tooltip.js.map

package/package.json CHANGED Viewed

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