@trafilea/afrodita-components 7.14.1 → 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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as 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=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},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)}},po=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)},uo=l(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),vo=uo[0],go=uo[1],jo=l(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),yo=jo[0],ho=jo[1],bo=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:vo,likes:yo,onClick:function(i){i.stopPropagation(),ho(vo?function(i){return i-1}:function(i){return i+1}),go((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(po,{},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(po,{},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):mo(),(null==Ei?void 0:Ei.isClubOffer)&&mo(5)]}),void 0)]}:{children:[o(bo,{children:[fi?r(a,{height:"20px",width:"140px"},void 0):io&&!bi?o(O,{children:[mo(),r(po,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&mo(),(null==Ei?void 0:Ei.isClubOffer)&&mo(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(po,{},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};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as y}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{PriceLabelV6 as C}from"../../../pricing/priceLabelV6/PriceLabelV6.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../grid/WithProductGrid.js";import{PriceLabelV4 as S}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as z}from"./constants.js";import{getStylesBySize as T,ProdCardContainer as M,CornerContainer as 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};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("@emotion/react/jsx-runtime"),i=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var t=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react/jsx-runtime"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../buynowpaylater/BuyNowPayLater.js"),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=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},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)}},Je=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)},Ke=i.useState(null!==(w=null==Te?void 0:Te.isLiked)&&void 0!==w&&w),Qe=Ke[0],Ue=Ke[1],Xe=i.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),$e=Xe[0],er=Xe[1],rr=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:Qe,likes:$e,onClick:function(e){e.stopPropagation(),er(Qe?function(e){return e-1}:function(e){return e+1}),Ue((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(Je,{},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(Je,{},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):Ze(),(null==we?void 0:we.isClubOffer)&&Ze(5)]}),void 0)]},void 0):r.jsxs(r.Fragment,{children:[r.jsxs(rr,{children:[oe?r.jsx(o,{height:"20px",width:"140px"},void 0):Ae&&!ie?r.jsxs(S.OneLineInfoWrapper,{children:[Ze(),r.jsx(Je,{},void 0)]},void 0):r.jsxs(r.Fragment,{children:[!(null==we?void 0:we.isClubMember)&&Ze(),(null==we?void 0:we.isClubOffer)&&Ze(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(Je,{},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)};
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("@emotion/react/jsx-runtime"),i=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var t=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react/jsx-runtime"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),a=require("../../../shared/spacing/Spacing.js"),d=require("../../../strength-bars/StrengthBars.js"),c=require("../../../../core/theme/Theme.js"),u=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var j=require("../../../../types/enums.js");require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js");var m=require("../../../icons/index.js");require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),v=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var y=require("../../../pricing/priceLabelV6/PriceLabelV6.js");require("../../../shared/card/Card.js"),require("../../../bundle/minimalistic/styled.js"),require("../../../text/Text.js"),require("../../../bundle/motivator/styled.js"),require("../../../bundle/simple/Simple.js"),require("../../../offer-banner/OfferBanner.js"),require("../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../cartProductItem/Description/Description.js"),require("../../../cartProductItem/Promo/Promo.js"),require("../../../cartProductItem/Title/Title.js"),require("../../../cartProductItem/TrashIcon/styled.js"),require("../../../checkbox/Checkbox.js"),require("../../grid/WithProductGrid.js");var b=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),h=require("../../../rating/Rating.js"),P=require("./constants.js"),S=require("./styled.js"),f=require("../../../pricing/styles.js"),C=require("../../../icon-button/IconButton.js");require("../../../tag/variants/product/styled.js"),require("../truekind/styled.js"),require("../../../color/ColorRadioGroup.js"),require("../../../color/selector/PatternSelector.js"),require("../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../cta/styled.js"),require("../../../delivery-details/DeliveryDetails.js"),require("../../../delivery-details/Note/Note.js"),require("../../../drawer/style.js"),require("../../../dropdown-list-icons/Styled.js"),require("../../../dropdown/size-dropdown/Styled.js"),require("../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../input/base/Error.js"),require("../../../shared/select/BaseSelect.js"),require("../../../dropdown/variants/smart/styled.js"),require("../../../filtering/Accordion.js"),require("../../../filtering/FiltersStyled.js"),require("../../../filtering/Tags/Tags.js"),require("../../../fit-guarantee/FitGuarantee.js"),require("../../../fit/FitPredictor.js"),require("@ant-design/react-slick"),require("react-zoom-pan-pinch"),require("../../../modal/Modal.js"),require("../../../organisms/ModalZoom/zoomModal.styled.js"),require("../../../organisms/ModalZoom/ZoomModalV2.styled.js"),require("../../../molecules/Video/components/styled.js"),require("../../../molecules/Video/styled.js"),require("../../../slider/ArrowButton.js"),require("../../../slider/StyledSlider.js"),require("../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../gallery/components/ImagePreviewList/styled.js"),require("../../../gallery/components/ImageProductSlide/styled.js"),require("../../../gallery/styled.js"),require("../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../iconsWithTitle/index.js"),require("../../../image-card/ImageCard.js"),require("../../../input/label/Label.js"),require("../../../input/base/Styled.js"),require("../../../input/custom/Custom.js"),require("../../../input/basePlusButton/BasePlusButton.js"),require("../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../order-bar/OrderBar.js"),require("../../../packs/selector/PackSelector.js"),require("../../../pagination/styles.js"),require("../../../payment-methods/PaymentMethod.js"),require("../../../product/order/item/SimpleOrderItem.js"),require("../../../progress-bar/ProgressBar.js"),require("../../../quantityPicker/styled.js"),require("../../../radio/RadioPrimary/radioPrimary.js"),require("../../../radio/clubRadioInput/clubRadio.js"),require("../../../rating/starList/StarList.js"),require("../../../review-detail/ReviewDetail.js"),require("../../../review/Review.js"),require("../../../reviews-header/ReviewsHeader.js"),require("../../../scroll-to-top/ScrollToTop.js"),require("../../../search-bar/components/ClearButton/styled.js"),require("../../../search-bar/components/Footer/styled.js"),require("../../../search-bar/components/ProductItem/styled.js"),require("../../../search-bar/components/ResultsPanel/styled.js"),require("../../../search-bar/components/SearchControl/styled.js"),require("../../../search-bar/styled.js"),require("../../../search-navigation/styled.js"),require("react-dom"),require("../../../short-banner/ShortBanner.js"),require("../../../size-chart/styled.js"),require("../../../size-table/SizeTable.js"),require("../../../size/guide/SizeFitGuide.js"),require("../../../size/selector/styled.js"),require("../../../tabs/Tab.js"),require("../../../tabs/Tabs.js"),require("../../../tag/Tag.js"),require("@emotion/react"),require("../../../textWithImage/index.js"),require("../../../timer/styled.js"),require("../../../toast/Toast.js"),require("../../../totals/total/styled.js"),require("../../../totals/subtotal/Subtotal.js"),require("../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../tracking-progress/TrackingProgress.js"),require("../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../organisms/BasicAccordion/BasicAccordion.js"),require("../../../organisms/CartItemCard/CartItem.js"),require("../../../organisms/ClubOfferSelector/styled.js"),require("../../../organisms/ClubOfferSelector2/styled.js"),require("../../../organisms/JoinClubCard/joinClubCard.js"),require("../../../organisms/OfferAtCart/styled.js"),require("../../../organisms/OfferAtCartV2/styled.js"),require("../../../organisms/OfferAtCartV3/styled.js"),require("../../../organisms/OfferAtCartV4/styled.js"),require("../../../organisms/OfferAtPDP/styled.js"),require("../../../organisms/OfferAtPDP/types.js"),require("../../../organisms/ProductCard/ProductCardV1/ProductCard.js"),require("../../../organisms/ProductCard/ProductCardV2/styled.js"),require("../../../organisms/ProductCard/ProductCardV3/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../../../organisms/ProductGalleryMobile/ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../organisms/SizeCharTable/SizeChartTableV2/styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV3/styled.js"),require("../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../organisms/SubscriptionPlanSelector/styled.js"),require("../../../organisms/TwoCtasAtCart/Greeting.styled.js"),require("../../../organisms/TwoCtasAtCart/Card.styled.js"),require("../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../molecules/CouponCard/styled.js"),require("../../../molecules/BenefitsList/styled.js"),require("../../../molecules/HurryUp/styled.js"),require("../../../molecules/Spinner/styled.js"),require("../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js");var x=require("../../../molecules/LikeButton/LikeButton.js");require("../../../molecules/ScarcityTag/ScarcityTag.styled.js");module.exports=function(z){var w,T,L,M,I,V,k,B,G,D,A,_=z.title,O=z.image,F=z.imageHover,R=z.price,N=z.rating,W=z.hideRating,E=void 0!==W&&W,H=z.size,Y=z.alignName,Z=void 0===Y?"center":Y,J=z.url,K=z.className,Q=z.topTag,U=z.bottomTag,X=z.onClick,$=z.priceDisplayType,ee=void 0===$?"default":$,re=z.priceAtBottom,ie=z.ratingOnTop,oe=z.priceLoading,se=z.noFollow,te=void 0!==se&&se,le=z.colorPicker,ne=void 0===le?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:le,ae=z.isBNPL,de=void 0===ae?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:ae,ce=z.hasStrength,ue=void 0===ce?{strength:-1,description:""}:ce,ge=z.clubPrice,je=void 0===ge?"":ge,me=z.showClubPriceLabel,pe=void 0!==me&&me,ve=z.isRatingLoading,qe=z.version,ye=void 0===qe?1:qe,be=z.showDiscountPercentageTag,he=void 0!==be&&be,Pe=z.discountTagLoading,Se=z.discountTag,fe=z.isOnViewport,Ce=void 0!==fe&&fe,xe=z.hasDefaultSize,ze=void 0!==xe&&xe,we=z.clubOffer,Te=z.likeBtn,Le=z.onClickBottomButton,Me=z.showDecimals,Ie=void 0===Me||Me,Ve=z.showDivider,ke=void 0!==Ve&&Ve,Be=z.invertPriceDirection,Ge=void 0!==Be&&Be,De=z.priceAndReviewInOneLine,Ae=void 0!==De&&De,_e=z.priceAndDiscountTagInOneLine,Oe=void 0!==_e&&_e,Fe=z.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)};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
package/package.json
CHANGED