@trafilea/afrodita-components 7.24.7 → 7.24.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/es/components/icon-button/IconButton.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/es/components/pricing/priceLabelV2/PriceLabelTooltip.js +1 -1
- package/build/es/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/es/components/pricing/priceLabelV3/PriceLabelV3.js +1 -1
- package/build/es/components/pricing/priceLabelV4/PriceLabelV4.js +1 -1
- package/build/es/components/pricing/priceLabelV5/PriceLabelV5.js +1 -1
- package/build/index.d.ts +28 -2
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/icon-button/IconButton.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/lib/components/pricing/priceLabelV2/PriceLabelTooltip.js +1 -1
- package/build/lib/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/lib/components/pricing/priceLabelV3/PriceLabelV3.js +1 -1
- package/build/lib/components/pricing/priceLabelV4/PriceLabelV4.js +1 -1
- package/build/lib/components/pricing/priceLabelV5/PriceLabelV5.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as t,Fragment as r}from"@emotion/react/jsx-runtime";import{useMemo as e,useState as s,Fragment as l}from"react";import n from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as a}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 h}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 f}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 y}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as b}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 k,CornerContainer as x,Container as L,ImageContainer as I,TopTagContainer as B,BottomTagContainer as A,ImageHoverContainer as V,Title as D,Divider as O,MarginTopContainer as M,OneLineInfoWrapper as R,ClubOfferPriceLabelWrapper as N,InlineContainer as W}from"./styled.js";import{TagContainer as F}from"../../../pricing/styles.js";import{IconButton as G}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/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"../../../timerV2/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,ti=Z.image,ri=Z.imageHover,ei=Z.price,si=Z.rating,li=Z.hideRating,ni=void 0!==li&&li,ai=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,hi=void 0===ji?"default":ji,fi=Z.priceAtBottom,yi=Z.ratingOnTop,bi=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,ki=Z.hasStrength,xi=void 0===ki?{strength:-1,description:""}:ki,Li=Z.clubPrice,Ii=void 0===Li?"":Li,Bi=Z.showClubPriceLabel,Ai=void 0!==Bi&&Bi,Vi=Z.isRatingLoading,Di=Z.version,Oi=void 0===Di?1:Di,Mi=Z.showDiscountPercentageTag,Ri=void 0!==Mi&&Mi,Ni=Z.discountTagLoading,Wi=Z.discountTag,Fi=Z.isOnViewport,Gi=void 0!==Fi&&Fi,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,to=void 0!==oo&&oo,ro=Z.tooltipText,eo=Z.tooltipIcon,so=Z.tooltipPosition,lo=v(),no=T(ai),ao=g().isMobile,co=e((function(){var i;return(i={},i[h.Large]=8,i[h.Medium]=4,i[h.Small]=2,i)[ai]}),[ai]),mo=Ri?Wi:void 0,po=function(o){var r,e,s,l,n,d;if(void 0===o&&(o=Oi),"hidden"===hi)return null;switch(o){case 4:return t(S,"styled"===hi?{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,clubPrice:Ii,styledPrice:!0,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700,color:null===(e=lo.colors.pallete.brickRed)||void 0===e?void 0:e.color}:{fontSize:"16px",fontWeight:700,color:null===(r=lo.colors.pallete.brickRed)||void 0===r?void 0:r.color}:void 0}:{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,clubPrice:Ii,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700,color:null===(l=lo.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=lo.colors.pallete.brickRed)||void 0===s?void 0:s.color}:void 0},void 0);case 5:return t(N,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:t(a,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==Ei?void 0:Ei.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);case 6:return t(C,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,color:ei.color,size:h.Medium,testId:"volume-discount-v6",showDecimals:Ki,tooltipText:ro,tooltipIcon:eo,tooltipPosition:so,isMobile:ao,savingsDisplay:Ri,discount:mo},void 0);default:return"styled"===hi?t(P,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Large,testId:"volume-discount",showDecimals:Ki},void 0):t(b,{invertDirection:Yi,finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount",clubStyle:Ai,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},uo=function(){return ni||!si.reviews&&!si.rating?t(r,{},void 0):Vi?t(n,{height:"20px",width:"80px"},void 0):t(w,{size:ai===h.Large?h.Small:h.XSmall,rating:si.rating,reviews:null==si?void 0:si.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},vo=s(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),go=vo[0],jo=vo[1],ho=s(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),fo=ho[0],yo=ho[1],bo=to?W:l;return o(k,i({className:pi,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&t(x,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(L,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",className:"picContainer",onClick:gi},{children:[!!_i&&t(H,{isLiked:go,likes:fo,onClick:function(i){i.stopPropagation(),yo(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:lo.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:lo.colors.shades.white.color}}},void 0),ui||vi?o(I,i({width:null==no?void 0:no.width,height:null==no?void 0:no.height,"data-testid":"tags-image-container"},{children:[t(d,{src:ti.src,srcSet:j(ti.src,180,360,720,960),alt:ti.alt,width:Zi?null==no?void 0:no.width:"100%",height:Zi?null==no?void 0:no.height:"100%",loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:z[lo.name].image.borderRadius},void 0),t(B,i({style:{width:wi.display?"100%":"inherit"}},{children:ui}),void 0),t(A,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):t(d,{src:ti.src,srcSet:j(ti.src,180,360,720,960),alt:ti.alt,width:null==no?void 0:no.width,height:null==no?void 0:no.height,loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:z[lo.name].image.borderRadius},void 0),ri?t(V,{className:"hover__image",src:ri.src,srcSet:j(ri.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ri.alt,width:null==no?void 0:no.width,height:null==no?void 0:no.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(r,{children:[t(p,{size:co},void 0),wi.component]},void 0),yi&&o(r,{children:[t(p,{size:co},void 0),t(p,{size:co},void 0),t(uo,{},void 0)]},void 0),o(L,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Ai?"flex-start":"center"}},{children:[t(p,{size:co},void 0),t(D,i({theme:lo,align:Ai?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),t(p,{size:co},void 0),Ui&&o(r,{children:[t(O,{theme:lo},void 0),t(p,{size:co},void 0)]},void 0),xi&&-1!==xi.strength&&o(r,{children:[t(u,{barsFilled:xi.strength,supportText:xi.description},void 0),t(p,{size:10},void 0)]},void 0),o(r,fi&&!yi?{children:[t(uo,{},void 0),t(p,{size:co},void 0),o(M,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[bi?t(n,{height:"20px",width:"140px"},void 0):po(),(null==Ei?void 0:Ei.isClubOffer)&&po(5)]}),void 0)]}:{children:[o(bo,{children:[bi?t(n,{height:"20px",width:"140px"},void 0):io&&!yi?o(R,{children:[po(),t(uo,{},void 0)]},void 0):o(r,{children:[!(null==Ei?void 0:Ei.isClubMember)&&po(),(null==Ei?void 0:Ei.isClubOffer)&&po(5),t(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),Ai&&t(m,{clubPrice:Ii},void 0),6!==Oi&&(Ni?t(n,{height:"22px",width:"75px"},void 0):Ri&&t(F,i({size:h.Small},{children:Wi&&t(y,i({},Wi,{size:h.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0))]},void 0),t(p,{size:co},void 0),!yi&&!io&&t(uo,{},void 0)]},void 0),!!qi&&o(r,{children:[t(p,{size:co},void 0),t(p,{size:co},void 0),o(G,i({size:h.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:[t(f.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),t("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(r,{children:[t(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 s,Fragment as l}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 h}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 f}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 y}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 L}from"./constants.js";import{getStylesBySize as A,ProdCardContainer as z,CornerContainer as k,Container as x,ImageContainer as T,TopTagContainer as I,BottomTagContainer as B,ImageHoverContainer as V,Title as D,Divider as O,MarginTopContainer as M,OneLineInfoWrapper as R,ClubOfferPriceLabelWrapper as N,InlineContainer as F}from"./styled.js";import{TagContainer as W}from"../../../pricing/styles.js";import{IconButton as G}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/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"../../../timerV2/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 q=function(q){var E,Z,K,_,J,Q,U,X,Y,$,ii,oi=q.title,ri=q.image,ei=q.imageHover,ti=q.price,si=q.rating,li=q.hideRating,ai=void 0!==li&&li,ni=q.size,di=q.alignName,ci=void 0===di?"center":di,mi=q.url,pi=q.className,ui=q.topTag,vi=q.bottomTag,gi=q.onClick,ji=q.priceDisplayType,hi=void 0===ji?"default":ji,fi=q.priceAtBottom,bi=q.ratingOnTop,yi=q.priceLoading,Pi=q.noFollow,Ci=void 0!==Pi&&Pi,Si=q.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,Li=q.isBNPL,Ai=void 0===Li?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Li,zi=q.hasStrength,ki=void 0===zi?{strength:-1,description:""}:zi,xi=q.clubPrice,Ti=void 0===xi?"":xi,Ii=q.showClubPriceLabel,Bi=void 0!==Ii&&Ii,Vi=q.isRatingLoading,Di=q.version,Oi=void 0===Di?1:Di,Mi=q.showDiscountPercentageTag,Ri=void 0!==Mi&&Mi,Ni=q.discountTagLoading,Fi=q.discountTag,Wi=q.isOnViewport,Gi=void 0!==Wi&&Wi,Hi=q.hasDefaultSize,qi=void 0!==Hi&&Hi,Ei=q.clubOffer,Zi=q.likeBtn,Ki=q.onClickBottomButton,_i=q.showDecimals,Ji=void 0===_i||_i,Qi=q.showDivider,Ui=void 0!==Qi&&Qi,Xi=q.invertPriceDirection,Yi=void 0!==Xi&&Xi,$i=q.priceAndReviewInOneLine,io=void 0!==$i&&$i,oo=q.priceAndDiscountTagInOneLine,ro=void 0!==oo&&oo,eo=q.tooltipText,to=q.tooltipIcon,so=q.tooltipPosition,lo=q.finalPriceAriaLabel,ao=q.originalPriceAriaLabel,no=q.discountAriaLabel,co=q.tooltipAriaLabel,mo=q.quickViewAriaLabel,po=q.sellingFastAriaLabel,uo=q.quickViewAriaHidden,vo=q.sellingFastAriaHidden,go=q.sellingFast,jo=v(),ho=A(ni),fo=g().isMobile,bo=t((function(){var i;return(i={},i[h.Large]=8,i[h.Medium]=4,i[h.Small]=2,i)[ni]}),[ni]),yo=Ri?Fi:void 0,Po=function(o){var e,t,s,l,a,d;if(void 0===o&&(o=Oi),"hidden"===hi)return null;switch(o){case 4:return r(S,"styled"===hi?{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,clubPrice:Ti,styledPrice:!0,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700,color:null===(t=jo.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=jo.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,clubPrice:Ti,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700,color:null===(l=jo.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=jo.colors.pallete.brickRed)||void 0===s?void 0:s.color}:void 0},void 0);case 5:return r(N,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:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,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:h.Medium,testId:"volume-discount-v6",showDecimals:Ji,tooltipText:eo,tooltipIcon:to,tooltipPosition:so,tooltipAriaLabel:co,isMobile:fo,savingsDisplay:Ri,discount:yo,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no},void 0);default:return"styled"===hi?r(P,{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Large,testId:"volume-discount",showDecimals:Ji,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,tooltipAriaLabel:co},void 0):r(y,{invertDirection:Yi,finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount",clubStyle:Bi,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},Co=function(){return ai||!si.reviews&&!si.rating?r(e,{},void 0):Vi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ni===h.Large?h.Small:h.XSmall,rating:si.rating,reviews:null==si?void 0:si.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},So=s(null!==(E=null==Zi?void 0:Zi.isLiked)&&void 0!==E&&E),wo=So[0],Lo=So[1],Ao=s(null!==(Z=null==Zi?void 0:Zi.likes)&&void 0!==Z?Z:0),zo=Ao[0],ko=Ao[1],xo=ro?F:l;return o(z,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:[!!Zi&&r(H,{isLiked:wo,likes:zo,onClick:function(i){i.stopPropagation(),ko(wo?function(i){return i-1}:function(i){return i+1}),Lo((function(i){return!i})),null==Zi||Zi.onClick(i)},colors:{background:{active:null!==(J=null===(_=null===(K=Zi.colors)||void 0===K?void 0:K.background)||void 0===_?void 0:_.active)&&void 0!==J?J:jo.colors.shades.white.color,hover:null!==(ii=null!==(X=null===(U=null===(Q=Zi.colors)||void 0===Q?void 0:Q.background)||void 0===U?void 0:U.hover)&&void 0!==X?X:null===($=null===(Y=Zi.colors)||void 0===Y?void 0:Y.background)||void 0===$?void 0:$.active)&&void 0!==ii?ii:jo.colors.shades.white.color}}},void 0),ui||vi?o(T,i({width:null==ho?void 0:ho.width,height:null==ho?void 0:ho.height,"data-testid":"tags-image-container"},{children:[r(d,{src:ri.src,srcSet:j(ri.src,180,360,720,960),alt:ri.alt,width:qi?null==ho?void 0:ho.width:"100%",height:qi?null==ho?void 0:ho.height:"100%",loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:L[jo.name].image.borderRadius},void 0),r(I,i({style:{width:wi.display?"100%":"inherit"}},{children:ui}),void 0),r(B,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==ho?void 0:ho.width,height:null==ho?void 0:ho.height,loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:L[jo.name].image.borderRadius},void 0),ei?r(V,{className:"hover__image",src:ei.src,srcSet:j(ei.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ei.alt,width:null==ho?void 0:ho.width,height:null==ho?void 0:ho.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:bo},void 0),wi.component]},void 0),bi&&o(e,{children:[r(p,{size:bo},void 0),r(p,{size:bo},void 0),r(Co,{},void 0)]},void 0),o(x,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Bi?"flex-start":"center"}},{children:[r(p,{size:bo},void 0),r(D,i({theme:jo,align:Bi?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),r(p,{size:bo},void 0),Ui&&o(e,{children:[r(O,{theme:jo},void 0),r(p,{size:bo},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,fi&&!bi?{children:[r(Co,{},void 0),r(p,{size:bo},void 0),o(M,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[yi?r(a,{height:"20px",width:"140px"},void 0):Po(),(null==Ei?void 0:Ei.isClubOffer)&&Po(5)]}),void 0)]}:{children:[o(xo,{children:[yi?r(a,{height:"20px",width:"140px"},void 0):io&&!bi?o(R,{children:[Po(),r(Co,{},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==Ai?void 0:Ai.displayBNPL,installments:(null==Ai?void 0:Ai.installments)||0,installmentPrice:(null==Ai?void 0:Ai.installmentPrice)||"",iconFolder:null==Ai?void 0:Ai.iconFolder,iconName:(null==Ai?void 0:Ai.iconName)||"",showLogo:null==Ai?void 0:Ai.showLogo,iconColor:null==Ai?void 0:Ai.iconColor,fontSize:null==Ai?void 0:Ai.fontSize},void 0)]},void 0),Bi&&r(m,{clubPrice:Ti},void 0),6!==Oi&&(Ni?r(a,{height:"22px",width:"75px"},void 0):Ri&&r(W,i({size:h.Small},{children:Fi&&r(b,i({},Fi,{size:h.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),go&&r(d,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:po||vo?null!=po?po:"":"selling-fast-copy","aria-hidden":!(!vo||po)||void 0,width:"77px",height:"22px"},void 0)]},void 0),r(p,{size:bo},void 0),!bi&&!io&&r(Co,{},void 0)]},void 0),!!Ki&&o(e,{children:[r(p,{size:bo},void 0),r(p,{size:bo},void 0),o(G,i({size:h.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==Ki||Ki(i)},onKeyDown:function(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),i.stopPropagation(),null==Ki||Ki(i))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:uo&&!mo?-1:0,"aria-label":mo,"aria-hidden":!(!uo||mo)||void 0},{children:[r(f.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:bo},void 0),wi.component]},void 0)]}),void 0)};export{q as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n,__assign as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{useTheme as i}from"../../core/theme/Theme.js";import{ComponentSize as t}from"../../types/enums.js";var d,a=function(n){switch(n){case t.Large:return{widthHeight:"4.25rem",margin:"0.938rem"};case t.Medium:return{widthHeight:"2.5rem",margin:"0.625rem"};case t.Small:return{widthHeight:"1.5rem",margin:"0.375rem"}}},l=e.div(d||(d=n(["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"],["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"])),(function(n){return n.backgroundColor}),(function(n){var o,r=n.width,e=n.size;return n.hasText?null!=r?r:"auto":null===(o=a(e))||void 0===o?void 0:o.widthHeight}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.widthHeight}),(function(n){return n.border}),(function(n){var o=n.hasText,r=n.rounded;return o?r?"24px":"0.5rem":r?"50%":"0.5rem"}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){var o=n.boxShadow;return null!=o?o:"none"}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.margin}),(function(n){return n.hasText?"4px":"0"}),(function(n){return n.hoverBackgroundColor}),(function(n){return n.disabledColor}),(function(n){return n.disabledIconColor})),u=function(n){var e,d,a=n.children,u=n.disabled,c=n.size,s=void 0===c?t.Medium:c,h=n.onClick,b=n.
|
|
1
|
+
import{__makeTemplateObject as n,__assign as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{useTheme as i}from"../../core/theme/Theme.js";import{ComponentSize as t}from"../../types/enums.js";var d,a=function(n){switch(n){case t.Large:return{widthHeight:"4.25rem",margin:"0.938rem"};case t.Medium:return{widthHeight:"2.5rem",margin:"0.625rem"};case t.Small:return{widthHeight:"1.5rem",margin:"0.375rem"}}},l=e.div(d||(d=n(["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"],["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"])),(function(n){return n.backgroundColor}),(function(n){var o,r=n.width,e=n.size;return n.hasText?null!=r?r:"auto":null===(o=a(e))||void 0===o?void 0:o.widthHeight}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.widthHeight}),(function(n){return n.border}),(function(n){var o=n.hasText,r=n.rounded;return o?r?"24px":"0.5rem":r?"50%":"0.5rem"}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){var o=n.boxShadow;return null!=o?o:"none"}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.margin}),(function(n){return n.hasText?"4px":"0"}),(function(n){return n.hoverBackgroundColor}),(function(n){return n.disabledColor}),(function(n){return n.disabledIconColor})),u=function(n){var e,d,a=n.children,u=n.disabled,c=n.size,s=void 0===c?t.Medium:c,h=n.onClick,b=n.onKeyDown,m=n.backgroundColor,g=n.dataTestId,v=void 0===g?"Container":g,f=n.hasText,p=void 0!==f&&f,w=n.boxShadow,x=n.rounded,k=void 0===x||x,C=n.width,y=n.border,T=n.inline,j=void 0!==T&&T,z=n.role,H=n.tabIndex,I=n["aria-label"],S=n["aria-hidden"],B=i();return r(l,o({border:y,width:C,className:u?"disabled":"",backgroundColor:null!==(e=null==m?void 0:m.active)&&void 0!==e?e:B.component.button.primary.active.backgroundColor,hoverBackgroundColor:null!==(d=null==m?void 0:m.hover)&&void 0!==d?d:B.component.button.secondary.active.backgroundColor,disabledColor:B.colors.shades[50].color,disabledIconColor:B.colors.shades[200].color,size:s,"data-testid":v,onClick:u?function(){}:h,onKeyDown:u?void 0:b,hasText:p,boxShadow:w,rounded:k,inline:j,role:z,tabIndex:H,"aria-label":I,"aria-hidden":S},{children:a}),void 0)};export{u as IconButton};
|
|
2
2
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as n}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as s}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as h}from"../../../text/Text.js";import{getProductCardImageAlts as g}from"../utils.js";import{ProdCardContainer as v,Container as u,ImageContainer as f,TopTagContainer as x,BottomTagContainer as w,ImageHoverContainer as y,Title as b,DiscountLabel as j}from"./styled.js";var S=function(S){var L,k=S.title,C=S.image,P=S.imageHover,z=S.price,A=S.rating,H=S.size,T=S.alignName,I=void 0===T?"center":T,N=S.url,q=S.className,F=S.topTag,M=S.bottomTag,V=S.onClick,D=S.onClickEye,R=S.priceLoading,B=S.noFollow,O=void 0!==B&&B,_=S.isRatingLoading,E=S.colorsCopy,W=S.discountTag,X=S.sellingFast,G=S.quickViewAriaLabel,J=S.sellingFastAriaLabel,K=S.quickViewAriaHidden,Q=S.sellingFastAriaHidden,U=n(),Y=function(i){switch(i){case d.Medium:return{width:"205px",height:"371px"};case d.Small:return{width:"183px",height:"223px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(H),Z=g({imageAlt:C.alt,imageHoverAlt:null==P?void 0:P.alt,title:k}),$=Z.imageAlt,ii=Z.imageHoverAlt,ei=Z.imageAriaHidden,ti=Z.imageHoverAriaHidden,ri=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[H]}),[H]);return e(v,i({className:q,"data-testid":"product-card-container-div"},{children:[e(u,i({as:N?"a":"div",href:N,rel:O?"nofollow":"",className:"picContainer",onClick:V},{children:[F||M?e(f,i({width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height,"data-testid":"tags-image-container"},{children:[t(c,{src:C.src,srcSet:s(C.src,180,360,720,960),alt:$,"aria-hidden":ei,width:"100%",height:"100%"},void 0),t(x,i({style:{width:"inherit"}},{children:F}),void 0),t(w,i({"data-testid":"bottom-tag-container",style:{width:"inherit"}},{children:M}),void 0)]}),void 0):t(c,{src:C.src,srcSet:s(C.src,180,360,720,960),alt:$,"aria-hidden":ei,width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height},void 0),P?t(y,{className:"hover__image",src:P.src,srcSet:s(P.src,180,360,720,960),loading:"lazy",alt:ii,"aria-hidden":ti,width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height},void 0):null]}),void 0),e(u,i({as:N?"a":"div",href:N,rel:O?"nofollow":"",onClick:V,className:"textContainer"},{children:[t(l,{size:ri},void 0),t(l,{size:ri},void 0),t(l,{size:ri},void 0),t(h,i({variant:"link",underline:!0},{children:E}),void 0),t(l,{size:ri},void 0),t(l,{size:ri},void 0),t((function(){return _?t(a,{height:"20px",width:"80px"},void 0):A.reviews?t(p,{size:H===d.Large?d.Small:d.XSmall,rating:A.rating,reviews:A.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0),t(l,{size:ri},void 0),t(b,i({theme:U,align:I},{children:k}),void 0),e("div",i({style:{display:"flex",alignItems:"flex-start",gap:"5px",margin:"3px 0 5px -5px"}},{children:[W&&t(j,i({style:{marginLeft:"5px"}},{children:W}),void 0),X&&t(c,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:J||Q?null!=J?J:"":"selling-fast-copy","aria-hidden":!(!Q||J)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),R?t(a,{height:"20px",width:"140px"},void 0):(L=!(!K||G)||void 0,e("div",i({style:{display:"flex",justifyContent:"space-between",marginLeft:"-5px"}},{children:[t(m,{finalPrice:z.finalPrice,originalPrice:z.originalPrice,finalPriceStyled:!1,color:z.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0),t("button",i({"data-testid":"quick-eye-button",style:{marginLeft:"30px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":G,"aria-hidden":L,tabIndex:L?-1:void 0,onClick:function(i){i.stopPropagation(),i.preventDefault(),D&&D()}},{children:t(c,{alt:G?"":"quick-view-eye","aria-hidden":!!G||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"28px",height:"28px",borderRadius:"1px"},void 0)}),void 0)]}),void 0))]}),void 0)]}),void 0)};export{S as ProductCardV2};
|
|
2
2
|
//# sourceMappingURL=ProductCardV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as s}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as n}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as g}from"../../../text/Text.js";import{getProductCardImageAlts as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as s}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as n}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as g}from"../../../text/Text.js";import{getProductCardImageAlts as h}from"../utils.js";import{ProdCardContainer as v,Container as f,Title as u,DiscountLabel as x}from"./styled.js";var y=function(y){var b=y.title,j=y.image;y.imageHover;var w=y.price,S=y.rating,k=y.size,C=y.alignName,L=void 0===C?"center":C,P=y.url,z=y.className;y.topTag,y.bottomTag;var A=y.onClick,T=y.onClickEye,I=y.priceLoading,H=y.noFollow,q=void 0!==H&&H,F=y.isRatingLoading,N=y.colorsCopy,M=y.discountTag,R=y.quickViewAriaLabel,V=y.sellingFastAriaLabel,D=y.quickViewAriaHidden,B=y.sellingFastAriaHidden,O=y.sellingFast,E=s(),W=function(i){switch(i){case d.Medium:return{width:"205px",height:"274px"};case d.Small:return{width:"93px",height:"124px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(k),X=h({imageAlt:j.alt,title:b}),G=X.imageAlt,J=X.imageAriaHidden,K=!(!D||R)||void 0,Q=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[k]}),[k]);return e(v,i({className:z,"data-testid":"product-card-container-div"},{children:[t(f,i({"data-testid":"first-image-div",as:P?"a":"div",href:P,rel:q?"nofollow":"",className:"picContainer",onClick:A,style:{marginRight:"-90px"}},{children:t(c,{src:j.src,srcSet:n(j.src,180,360,720,960),alt:G,"aria-hidden":J,width:null==W?void 0:W.width,height:null==W?void 0:W.height},void 0)}),void 0),e(f,i({as:P?"a":"div",href:P,rel:q?"nofollow":"",onClick:A,className:"textContainer"},{children:[e("div",i({style:{display:"flex",justifyContent:"space-between"}},{children:[t(u,i({theme:E,align:L,style:{fontSize:"14px"}},{children:b}),void 0),t("button",i({"data-testid":"quick-eye-button",style:{margin:"5x 0 0 45px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":R,"aria-hidden":K,tabIndex:K?-1:void 0,onClick:function(i){i.stopPropagation(),i.preventDefault(),T&&T()}},{children:t(c,{alt:R?"":"quick-view-eye","aria-hidden":!!R||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"32px",height:"32px",borderRadius:"1px"},void 0)}),void 0)]}),void 0),t(g,i({variant:"link",underline:!0,style:{fontSize:"12px"}},{children:N}),void 0),t(l,{size:Q},void 0),I?t(a,{height:"20px",width:"140px"},void 0):t("div",i({style:{display:"flex"}},{children:t(m,{finalPrice:w.finalPrice,originalPrice:w.originalPrice,finalPriceStyled:!1,color:w.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0)}),void 0),t(l,{size:Q},void 0),(M||O)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"5px"}},{children:[M&&t(x,i({style:{marginLeft:"5px"}},{children:M}),void 0),O&&t(c,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:V||B?null!=V?V:"":"selling-fast-copy","aria-hidden":!(!B||V)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),t(l,{size:Q},void 0),t(l,{size:Q},void 0),t(l,{size:Q},void 0),t((function(){return F?t(a,{height:"20px",width:"80px"},void 0):S.reviews?t(p,{size:k===d.Large?d.Small:d.XSmall,rating:S.rating,reviews:S.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0)]}),void 0)]}),void 0)};export{y as ProductCardV3};
|
|
2
2
|
//# sourceMappingURL=ProductCardV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useTheme as i}from"../../../core/theme/Theme.js";import{ComponentPosition as e}from"../../../types/enums.js";import"react";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as r}from"../styles.js";import{Tooltip as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useTheme as i}from"../../../core/theme/Theme.js";import{ComponentPosition as e}from"../../../types/enums.js";import"react";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as r}from"../styles.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var a=m.tooltipText,n=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.tooltipAriaLabel,b=i(),f=null!=d?d:a;return t(r,o({"data-testid":"tooltip-container"},{children:t(l,o({showCloseIcon:!0,withArrow:!0,content:{text:a},position:null!=p?p:e.BottomRight,closeBtnSize:.7,"data-testid":"tooltip",triggerAriaLabel:f,enableKeyboardToggle:!0},{children:t(s,{name:null!=n?n:"actions/circle_info",fill:b.colors.shades[500].color,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)};export{m as PriceLabelTooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as n}from"../../../types/enums.js";import{ClubOfferTag as s}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{getTestId as d}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{VerticalContainer as u,PriceDiscountRow as m,HorizontalVariantContainer as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as n}from"../../../types/enums.js";import{ClubOfferTag as s}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{getTestId as d}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{VerticalContainer as u,PriceDiscountRow as m,HorizontalVariantContainer as b,HorizontalVariantRow as f,Container as v,FinalPriceStyledContainer as y,Price as L,TagContainer as P}from"../styles.js";import{PriceLabelTooltip as h}from"./PriceLabelTooltip.js";var g=function(i){var l,a=i.testId,t=i.priceCommonProps,s=i.size,c=i.currencySymbol,p=i.finalPriceArray,u=i.productFinalPrice,m=i.showDecimals,b=i.pricePerItem,f=i.theme,v=i.isHorizontalLayout,P=void 0!==v&&v,h=i.isVerticalLayout,g=void 0!==h&&h,S=i.ariaLabel,z=P?o(o({},t),{size:n.Small,style:{fontSize:"14px"}}):t,x=g?o(o({},t),{size:n.Small,style:{fontSize:"16px"}}):t,A=P?z:g?x:t;return e(y,o({"data-testid":d(a,"final-product-price"),"aria-label":S},{children:[r(L,o({margin:!0,finalPriceStyledSmall:!P&&!g},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:c}),void 0),r(L,o({finalPriceStyled:!P&&!g},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:p[0]?p[0]:null===(l="".concat(u))||void 0===l?void 0:l.split(c)[1]}),void 0),m&&e(L,o({finalPriceStyledSmall:!P&&!g,style:P?{fontSize:"14px"}:g?{fontSize:"16px"}:{marginTop:"-6px"}},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:[(P||g)&&".",p[1]?p[1]:"00"]}),void 0),b&&r(L,o({size:n.Small,color:f.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},S=function(i){var e=i.isDiscount,l=i.discount,a=i.bordersRounded,t=i.savingsDisplay,s=i.currencySymbol,d=i.savetoString,p=i.isHorizontalLayout,u=void 0!==p&&p,m=i.ariaLabel;return e?r(P,o({size:n.Small},{children:l&&r(c,o({},l,{size:n.Medium,style:o({letterSpacing:"-0.05rem"},u&&{fontSize:"12px"}),bordersRounded:a,savings:t?"Save ".concat(s).concat(d):void 0,ariaLabel:m}),void 0)}),void 0):null},z=function(i){var e=i.isClubOffer,l=i.clubOffer;return e?r(P,o({size:n.Medium},{children:l&&r(s,o({},l,{size:n.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0):null},x=function(s){var c=s.finalPrice,y=s.originalPrice,P=s.discount,x=s.clubOffer,A=s.color,D=s.testId,I=s.originalPriceStyled,O=void 0!==I&&I,C=s.originalPriceUnderlined,j=void 0===C||C,H=s.size,w=void 0===H?n.Small:H,R=s.bordersRounded,T=void 0!==R&&R,V=s.savingsDisplay,M=void 0===V||V,F=s.pricePerItem,N=s.hasRoundedSavings,U=void 0===N||N,k=s.showDecimals,W=void 0===k||k,$=s.tooltipText,q=s.tooltipIcon,B=s.tooltipPosition,E=s.tooltipAriaLabel,G=s.hasVerticalLayout,J=void 0!==G&&G,K=s.hasHorizontalLayout,Q=void 0!==K&&K,X=s.isMobile,Y=void 0!==X&&X,Z=s.finalPriceAriaLabel,_=s.originalPriceAriaLabel,ii=s.discountAriaLabel,oi=i(s,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasVerticalLayout","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),ei=l(),ri=a().isMobile,li=F||c,ai=y!==li,ti=y&&ai,ni=!(!P||!ai),si=!(!x||!ai),ci="$";"string"==typeof li&&(ci=t(li));var di,pi,ui="string"==typeof li&&li.includes(".")&&li.includes(ci)?li.split(ci)[1].split("."):["",""],mi={size:n.Small,color:si?"var(--colors-pallete-wine-color)":A||ei.colors.pallete.secondary.color,weight:700};"string"==typeof y&&"string"==typeof li?(di=Number(y.replace(ci,"")),pi=Number(li.replace(ci,""))):(di="number"==typeof y?y:0,pi="number"==typeof li?li:0);var bi=di-pi;if(U){var fi=Number((bi-Math.floor(bi)).toFixed(2));fi>=.01&&fi<.5?bi=Math.floor(bi)+0:fi>=.51&&fi<1&&(bi=Math.floor(bi)+.5)}var vi=bi.toFixed(2),yi=p({productFinalPrice:li,originalPrice:y,currencySymbol:ci,isOriginalPrice:!!ti,finalPriceAriaLabel:Z,originalPriceAriaLabel:_}),Li=yi.computedFinalPriceLabel,Pi=yi.computedOriginalPriceLabel,hi=function(){return r(L,o({size:O?w:n.Small,color:ei.component.pricing.priceLabel.price.originalPriceColor||ei.colors.shades[300].color,margin:!J,underlined:j,"data-testid":d(D,"original-product-price"),"data-nosnippet":!0,style:Q?{fontSize:"12px"}:void 0,"aria-label":Pi},{children:y}),void 0)};return J?e(u,o({},oi,{id:"priceLabelV2"},{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,isMobile:null!=Y?Y:ri,tooltipAriaLabel:E},void 0),ti&&r(hi,{},void 0),e(m,{children:[r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0)]},void 0)]}),void 0):Q?r(b,o({},oi,{id:"priceLabelV2"},{children:e(f,{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,tooltipAriaLabel:E},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0),ti&&r(hi,{},void 0),r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0)]},void 0)}),void 0):e(v,o({},oi,{id:"priceLabelV2"},{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,tooltipAriaLabel:E},void 0),ti&&r(hi,{},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0),r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0)]}),void 0)};export{x as PriceLabelV2};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__rest as e,__assign as r}from"tslib";import{jsxs as
|
|
1
|
+
import{__makeTemplateObject as i,__rest as e,__assign as r}from"tslib";import{jsxs as l,jsx as o}from"react/jsx-runtime";import n from"@emotion/styled";import{useTheme as a}from"../../../core/theme/Theme.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as d}from"../../../types/enums.js";import{ClubOfferTag as c}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as s}from"../discount/DiscountTag.js";import{getTestId as p}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as m}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as u,Price as f,TagContainer as g}from"../styles.js";var v,y,b,h=n.div(v||(v=i(["\n display: flex;\n"],["\n display: flex;\n"]))),P=n.div(y||(y=i(["\n display: column;\n align-items: center;\n"],["\n display: column;\n align-items: center;\n"]))),x=n.div(b||(b=i(["\n display: flex;\n padding-left: 0.5rem;\n"],["\n display: flex;\n padding-left: 0.5rem;\n"]))),S=function(i){var n,v=i.finalPrice,y=i.originalPrice,b=i.discount,S=i.clubOffer,L=i.color,z=i.testId,A=i.originalPriceStyled,j=void 0!==A&&A,w=i.originalPriceUnderlined,O=void 0===w||w,M=i.size,T=void 0===M?d.Small:M,C=i.bordersRounded,F=void 0!==C&&C,R=i.savingsDisplay,U=void 0===R||R,D=i.itemsQuantity,I=i.packUnitPrice,N=i.finalPriceAriaLabel,k=i.originalPriceAriaLabel,Q=i.discountAriaLabel,V=e(i,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","itemsQuantity","packUnitPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),B=a(),E=y!==v,H=y&&E,$=b&&E,q=S&&E,G="$";"string"==typeof v&&(G=t(v));var J,K,W="string"==typeof v&&v.includes(".")&&v.includes(G)?v.split(G)[1].split("."):["",""],X={size:d.Small,color:q?"var(--colors-pallete-wine-color)":null!=L?L:B.colors.pallete.secondary.color,weight:700};"string"==typeof y&&"string"==typeof v?(J=Number(y.replace(G,"")),K=Number(v.replace(G,""))):(J="number"==typeof y?y:0,K="number"==typeof v?v:0);var Y=J-K,Z=Number((Y-Math.floor(Y)).toFixed(2));Z>=.01&&Z<.5?Y=Math.floor(Y)+0:Z>=.51&&Z<1&&(Y=Math.floor(Y)+.5);var _=Y.toFixed(2),ii=m({productFinalPrice:v,originalPrice:y,currencySymbol:G,isOriginalPrice:!!H,finalPriceAriaLabel:N,originalPriceAriaLabel:k}),ei=ii.computedFinalPriceLabel,ri=ii.computedOriginalPriceLabel;return l(P,r({},V,{children:[o(u,r({style:{paddingBottom:"0.5rem"}},{children:H&&o((function(){return o(f,r({size:j?T:d.Small,color:B.component.pricing.priceLabel.price.originalPriceColor||B.colors.shades[300].color,margin:!0,underlined:O,"data-testid":p(z,"original-product-price"),"data-nosnippet":!0,"aria-label":ri},{children:y}),void 0)}),{},void 0)}),void 0),l(u,{children:[l(h,r({"data-testid":p(z,"final-product-price"),"aria-label":ei},{children:[o(f,r({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px"}},X,{size:T,"aria-hidden":"true"},{children:G}),void 0),o(f,r({finalPriceStyled:!0},X,{size:T,"aria-hidden":"true"},{children:W[0]?W[0]:null===(n="".concat(v))||void 0===n?void 0:n.split(G)[1]}),void 0),o(f,r({finalPriceStyledSmall:!0,style:{marginTop:"-6px"}},X,{size:T,"aria-hidden":"true"},{children:W[1]?W[1]:"00"}),void 0)]}),void 0),o((function(){return!D||D<2?null:l(x,r({"data-testid":p(z,"each-one-price")},{children:[l(f,r({},X,{weight:600},{children:["(",I]}),void 0),o(f,r({},X,{weight:400},{children:"/each"}),void 0),o(f,r({},X,{weight:600},{children:")"}),void 0)]}),void 0)}),{},void 0),$&&o(g,r({size:d.Small},{children:b&&o(s,r({},b,{size:d.Medium,style:{letterSpacing:"-0.05rem"},bordersRounded:F,savings:U?"SAVE ".concat(G).concat(_):void 0,showSavings:!0,ariaLabel:Q}),void 0)}),void 0),q&&o(g,r({size:d.Medium},{children:S&&o(c,r({},S,{size:d.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)]}),void 0)};export{S as PriceLabelV3};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__rest as
|
|
1
|
+
import{__makeTemplateObject as i,__rest as e,__assign as n}from"tslib";import{jsxs as r,jsx as l}from"react/jsx-runtime";import o from"@emotion/styled";import{useTheme as t}from"../../../core/theme/Theme.js";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as c}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as d}from"../../../types/enums.js";import{DiscountTag as s}from"../discount/DiscountTag.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as m,Price as g,TagContainer as u}from"../styles.js";var f=o.span(L||(L=i(["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),b=o.span(z||(z=i(["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),h=o.span(j||(j=i(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),v=o.span(A||(A=i(["\n display: flex;\n"],["\n display: flex;\n"]))),y=o.span(w||(w=i(["\n display: flex;\n gap: 8px;\n"],["\n display: flex;\n gap: 8px;\n"]))),x=function(){return l(f,{children:"REGULAR PRICE"},void 0)},P=function(i){var e=i.label;return l(b,{children:e||"CLUB MEMBERS"},void 0)};function S(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join("-")}var L,z,j,A,w,k=function(i){var o;i.finalPrice;var f=i.originalPrice,b=i.discount,L=i.color,z=i.testId,j=i.finalPriceStyled,A=void 0!==j&&j,w=i.finalPriceStyle,k=i.originalPriceStyled,C=void 0!==k&&k,E=i.originalPriceUnderlined,M=void 0===E||E,R=i.size,T=void 0===R?d.Medium:R,U=i.clubStyle,B=void 0!==U&&U,I=i.styledPrice,D=void 0!==I&&I,F=i.clubPrice,O=i.finalPriceAriaLabel,G=i.originalPriceAriaLabel,V=i.discountAriaLabel,W=e(i,["finalPrice","originalPrice","discount","color","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","size","clubStyle","styledPrice","clubPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),X=t(),$=a().isMobile,q=F,H=f&&f!==q,J="$";"string"==typeof q&&(J=c(q));var K="string"==typeof q&&q.includes(".")&&q.includes(J)?q.split(J)[1].split("."):["",""],N={size:A?d.Small:T,color:L||X.colors.pallete.secondary.color,weight:700},Q=p({productFinalPrice:q,originalPrice:f,currencySymbol:J,isOriginalPrice:!!H,finalPriceAriaLabel:O,originalPriceAriaLabel:G}),Y=Q.computedFinalPriceLabel,Z=Q.computedOriginalPriceLabel,_=function(){var i=B?$?d.Small:d.XSmall:C?T:d.Small;return l(g,n({size:i,color:X.component.pricing.priceLabel.price.originalPriceColor,underlined:M,"data-testid":S(z,"original-product-price"),"data-nosnippet":!0,theme:X,"aria-label":Z},{children:f}),void 0)};return r(m,n({},W,{children:[r(h,B&&!D?{children:[r(y,{children:[l(_,{},void 0),l(x,{},void 0)]},void 0),r(y,{children:[l(g,n({margin:!0,"data-testid":S(z,"final-product-price")},N,{style:w,size:T,"aria-label":Y},{children:F}),void 0),l(P,{label:X.label.member},void 0)]},void 0)]}:{children:[r(y,{children:[l(_,{},void 0),l(x,{},void 0)]},void 0),r(y,{children:[r(v,n({"aria-label":Y},{children:[l(g,n({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px",color:"#c64844"}},N,{size:T,"data-testid":S(z,"final-product-price"),"aria-hidden":"true"},{children:J}),void 0),r(g,n({finalPriceStyled:!0},N,{size:T,style:{color:"#c64844"},"aria-hidden":"true"},{children:[K[0]?K[0]:null===(o="".concat(q))||void 0===o?void 0:o.split(J)[1],"."]}),void 0),l(g,n({finalPriceStyledSmall:!0,style:{marginTop:"-6px",color:"#c64844"}},N,{size:T,"aria-hidden":"true"},{children:K[1]?K[1]:"00"}),void 0)]}),void 0),l(P,{label:X.label.member},void 0)]},void 0)]},void 0),b&&l(u,n({size:T},{children:l(s,n({},b,{size:T,ariaLabel:V}),void 0)}),void 0)]}),void 0)};export{k as PriceLabelV4,S as getTestId};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV4.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as
|
|
1
|
+
import{__rest as i,__assign as r}from"tslib";import{jsx as e,jsxs as l,Fragment as a}from"react/jsx-runtime";import{useTheme as o}from"../../../core/theme/Theme.js";import{getCurrencySymbol as n}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as t}from"../../../types/enums.js";import{getPriceLabelAriaTexts as c}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as d,Price as s}from"./PriceLabelV5.styled.js";function m(){for(var i=[],r=0;r<arguments.length;r++)i[r]=arguments[r];return i.filter(Boolean).join("-")}var P=function(i){var l=i.theme,a=i.originalPriceUnderlined,o=i.testId,n=i.originalPrice,c=i.ariaLabel;return e(s,r({size:t.Small,color:l.colors.shades[450].color,underlined:a,"data-testid":m(o,"original-product-price"),"data-nosnippet":!0,theme:l,"aria-label":c},{children:n}),void 0)},p=function(p){var u=p.finalPrice,f=p.originalPrice;p.discount;var g=p.color,b=p.testId,L=p.finalPriceStyle,v=p.originalPriceUnderlined,h=void 0===v||v,y=p.size,j=void 0===y?t.Medium:y,A=p.finalPriceAriaLabel,S=p.originalPriceAriaLabel,z=i(p,["finalPrice","originalPrice","discount","color","testId","finalPriceStyle","originalPriceUnderlined","size","finalPriceAriaLabel","originalPriceAriaLabel"]),I=o(),U="$";"string"==typeof u&&(U=n(u));var x=c({productFinalPrice:u,originalPrice:f,currencySymbol:U,isOriginalPrice:!!(f&&f!==u),finalPriceAriaLabel:A,originalPriceAriaLabel:S}),C=x.computedFinalPriceLabel,F=x.computedOriginalPriceLabel,O={size:j,color:null!=g?g:I.colors.pallete.secondary.color,weight:700};return e(d,r({},z,{id:"priceLabel"},{children:l(a,{children:[e(s,r({margin:!0,"data-testid":m(b,"final-product-price")},O,{style:L,size:j,"aria-label":C},{children:u}),void 0),!!f&&e(P,{theme:I,originalPriceUnderlined:h,testId:b,originalPrice:f,ariaLabel:F},void 0)]},void 0)}),void 0)};export{p as PriceLabelV5};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV5.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { FC, ReactNode, ComponentType, CSSProperties, ElementType, SVGProps, ReactElement, ReactFragment, DetailedHTMLProps, VideoHTMLAttributes, MouseEvent as MouseEvent$1, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
|
|
3
|
+
import react__default, { FC, ReactNode, ComponentType, CSSProperties, ElementType, SVGProps, ReactElement, ReactFragment, DetailedHTMLProps, VideoHTMLAttributes, MouseEvent as MouseEvent$1, KeyboardEvent, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
|
|
4
4
|
import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
|
|
5
5
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
6
6
|
import { TextProps as TextProps$1 } from 'src/components/text/Text';
|
|
@@ -1475,6 +1475,7 @@ declare type Props$4 = PriceLabelProps & {
|
|
|
1475
1475
|
tooltipText?: string;
|
|
1476
1476
|
tooltipIcon?: IconName$1;
|
|
1477
1477
|
tooltipPosition?: ComponentPosition;
|
|
1478
|
+
tooltipAriaLabel?: string;
|
|
1478
1479
|
hasVerticalLayout?: boolean;
|
|
1479
1480
|
hasHorizontalLayout?: boolean;
|
|
1480
1481
|
isMobile?: boolean;
|
|
@@ -1497,6 +1498,8 @@ interface PriceLabelV5Props {
|
|
|
1497
1498
|
finalPriceStyle?: react__default.CSSProperties;
|
|
1498
1499
|
originalPriceUnderlined?: boolean;
|
|
1499
1500
|
testId?: string;
|
|
1501
|
+
finalPriceAriaLabel?: string;
|
|
1502
|
+
originalPriceAriaLabel?: string;
|
|
1500
1503
|
}
|
|
1501
1504
|
declare const PriceLabelV5: react__default.FC<PriceLabelV5Props>;
|
|
1502
1505
|
|
|
@@ -3087,7 +3090,12 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
3087
3090
|
topTag?: JSX.Element;
|
|
3088
3091
|
bottomTag?: JSX.Element;
|
|
3089
3092
|
onClick?: () => void;
|
|
3090
|
-
onClickBottomButton?: (e: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
|
|
3093
|
+
onClickBottomButton?: (e: MouseEvent$1<HTMLDivElement, MouseEvent> | KeyboardEvent<HTMLDivElement>) => void;
|
|
3094
|
+
quickViewAriaLabel?: string;
|
|
3095
|
+
sellingFastAriaLabel?: string;
|
|
3096
|
+
quickViewAriaHidden?: boolean;
|
|
3097
|
+
sellingFastAriaHidden?: boolean;
|
|
3098
|
+
sellingFast?: boolean;
|
|
3091
3099
|
priceDisplayType?: 'default' | 'styled' | 'styled-2' | 'hidden';
|
|
3092
3100
|
priceAtBottom?: boolean;
|
|
3093
3101
|
ratingOnTop?: boolean;
|
|
@@ -3143,6 +3151,10 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
3143
3151
|
tooltipText?: string;
|
|
3144
3152
|
tooltipIcon?: IconName;
|
|
3145
3153
|
tooltipPosition?: ComponentPosition;
|
|
3154
|
+
finalPriceAriaLabel?: string;
|
|
3155
|
+
originalPriceAriaLabel?: string;
|
|
3156
|
+
discountAriaLabel?: string;
|
|
3157
|
+
tooltipAriaLabel?: string;
|
|
3146
3158
|
}
|
|
3147
3159
|
|
|
3148
3160
|
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
@@ -3499,6 +3511,7 @@ interface IconButtonProps {
|
|
|
3499
3511
|
};
|
|
3500
3512
|
disabled?: boolean;
|
|
3501
3513
|
onClick?: (event: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
|
|
3514
|
+
onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
3502
3515
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3503
3516
|
dataTestId?: string;
|
|
3504
3517
|
hasText?: boolean;
|
|
@@ -3507,6 +3520,10 @@ interface IconButtonProps {
|
|
|
3507
3520
|
width?: string;
|
|
3508
3521
|
border?: string;
|
|
3509
3522
|
inline?: boolean;
|
|
3523
|
+
role?: React.AriaRole;
|
|
3524
|
+
tabIndex?: number;
|
|
3525
|
+
'aria-label'?: string;
|
|
3526
|
+
'aria-hidden'?: boolean;
|
|
3510
3527
|
}
|
|
3511
3528
|
declare const IconButton: FC<IconButtonProps>;
|
|
3512
3529
|
|
|
@@ -4666,6 +4683,10 @@ interface ProductCardV2Props extends ProductItemProps {
|
|
|
4666
4683
|
bottomTag?: JSX.Element;
|
|
4667
4684
|
onClick?: () => void;
|
|
4668
4685
|
onClickEye?: () => void;
|
|
4686
|
+
quickViewAriaLabel?: string;
|
|
4687
|
+
sellingFastAriaLabel?: string;
|
|
4688
|
+
quickViewAriaHidden?: boolean;
|
|
4689
|
+
sellingFastAriaHidden?: boolean;
|
|
4669
4690
|
priceDisplayType?: 'default' | 'styled';
|
|
4670
4691
|
priceAtBottom?: boolean;
|
|
4671
4692
|
priceLoading?: boolean;
|
|
@@ -4685,6 +4706,11 @@ interface ProductCardV3Props extends ProductItemProps {
|
|
|
4685
4706
|
bottomTag?: JSX.Element;
|
|
4686
4707
|
onClick?: () => void;
|
|
4687
4708
|
onClickEye?: () => void;
|
|
4709
|
+
quickViewAriaLabel?: string;
|
|
4710
|
+
sellingFastAriaLabel?: string;
|
|
4711
|
+
quickViewAriaHidden?: boolean;
|
|
4712
|
+
sellingFastAriaHidden?: boolean;
|
|
4713
|
+
sellingFast?: boolean;
|
|
4688
4714
|
priceDisplayType?: 'default' | 'styled';
|
|
4689
4715
|
priceAtBottom?: boolean;
|
|
4690
4716
|
priceLoading?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),r=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 h=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 y=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),b=require("../../../rating/Rating.js"),P=require("./constants.js"),f=require("./styled.js"),S=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/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("../../../timerV2/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,I,k,B,V,A,D,_,O,M=z.title,F=z.image,R=z.imageHover,N=z.price,W=z.rating,E=z.hideRating,G=void 0!==E&&E,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":$,ie=z.priceAtBottom,re=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,he=void 0===qe?1:qe,ye=z.showDiscountPercentageTag,be=void 0!==ye&&ye,Pe=z.discountTagLoading,fe=z.discountTag,Se=z.isOnViewport,Ce=void 0!==Se&&Se,xe=z.hasDefaultSize,ze=void 0!==xe&&xe,we=z.clubOffer,Te=z.likeBtn,Le=z.onClickBottomButton,Ie=z.showDecimals,ke=void 0===Ie||Ie,Be=z.showDivider,Ve=void 0!==Be&&Be,Ae=z.invertPriceDirection,De=void 0!==Ae&&Ae,_e=z.priceAndReviewInOneLine,Oe=void 0!==_e&&_e,Me=z.priceAndDiscountTagInOneLine,Fe=void 0!==Me&&Me,Re=z.tooltipText,Ne=z.tooltipIcon,We=z.tooltipPosition,Ee=c.useTheme(),Ge=f.getStylesBySize(H),He=u.useWindowDimensions().isMobile,Ye=r.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=be?fe:void 0,Je=function(r){var o,t,l,n,a,d;if(void 0===r&&(r=he),"hidden"===ee)return null;switch(r){case 4:return"styled"===ee?i.jsx(y.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.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=Ee.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=Ee.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):i.jsx(y.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:pe,clubPrice:je,finalPriceStyle:pe?He?{fontSize:"12px",fontWeight:700,color:null===(n=Ee.colors.pallete.brickRed)||void 0===n?void 0:n.color}:{fontSize:"16px",fontWeight:700,color:null===(l=Ee.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(f.ClubOfferPriceLabelWrapper,e.__assign({style:null==we?void 0:we.wrapperStyle},{children:i.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:N.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 i.jsx(h.PriceLabelV6,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v6",showDecimals:ke,tooltipText:Re,tooltipIcon:Ne,tooltipPosition:We,isMobile:He,savingsDisplay:be,discount:Ze},void 0);default:return"styled"===ee?i.jsx(q.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:ke},void 0):i.jsx(v.PriceLabel,{invertDirection:De,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.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 G||!W.reviews&&!W.rating?i.jsx(i.Fragment,{},void 0):ve?i.jsx(o,{height:"20px",width:"80px"},void 0):i.jsx(b.Rating,{size:H===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:W.rating,reviews:null==W?void 0:W.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},Qe=r.useState(null!==(w=null==Te?void 0:Te.isLiked)&&void 0!==w&&w),Ue=Qe[0],Xe=Qe[1],$e=r.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),ei=$e[0],ii=$e[1],ri=Fe?f.InlineContainer:r.Fragment;return i.jsxs(f.ProdCardContainer,e.__assign({className:K,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&i.jsx(f.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),i.jsxs(f.Container,e.__assign({as:J?"a":"div",href:J,rel:te?"nofollow":"",className:"picContainer",onClick:X},{children:[!!Te&&i.jsx(x.LikeButton,{isLiked:Ue,likes:ei,onClick:function(e){e.stopPropagation(),ii(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!==(k=null===(I=null===(L=Te.colors)||void 0===L?void 0:L.background)||void 0===I?void 0:I.active)&&void 0!==k?k:Ee.colors.shades.white.color,hover:null!==(O=null!==(A=null===(V=null===(B=Te.colors)||void 0===B?void 0:B.background)||void 0===V?void 0:V.hover)&&void 0!==A?A:null===(_=null===(D=Te.colors)||void 0===D?void 0:D.background)||void 0===_?void 0:_.active)&&void 0!==O?O:Ee.colors.shades.white.color}}},void 0),Q||U?i.jsxs(f.ImageContainer,e.__assign({width:null==Ge?void 0:Ge.width,height:null==Ge?void 0:Ge.height,"data-testid":"tags-image-container"},{children:[i.jsx(t.Image,{src:F.src,srcSet:g.getSrcSet(F.src,180,360,720,960),alt:F.alt,width:ze?null==Ge?void 0:Ge.width:"100%",height:ze?null==Ge?void 0:Ge.height:"100%",loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Ee.name].image.borderRadius},void 0),i.jsx(f.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:Q}),void 0),i.jsx(f.BottomTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0)]}),void 0):i.jsx(t.Image,{src:F.src,srcSet:g.getSrcSet(F.src,180,360,720,960),alt:F.alt,width:null==Ge?void 0:Ge.width,height:null==Ge?void 0:Ge.height,loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Ee.name].image.borderRadius},void 0),R?i.jsx(f.ImageHoverContainer,{className:"hover__image",src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),loading:"lazy",decoding:"async",alt:R.alt,width:null==Ge?void 0:Ge.width,height:null==Ge?void 0:Ge.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(a.Spacing,{size:Ye},void 0),ne.component]},void 0),re&&i.jsxs(i.Fragment,{children:[i.jsx(a.Spacing,{size:Ye},void 0),i.jsx(a.Spacing,{size:Ye},void 0),i.jsx(Ke,{},void 0)]},void 0),i.jsxs(f.Container,e.__assign({as:J?"a":"div",href:J,rel:te?"nofollow":"",onClick:X,className:"textContainer",style:{alignItems:pe?"flex-start":"center"}},{children:[i.jsx(a.Spacing,{size:Ye},void 0),i.jsx(f.Title,e.__assign({theme:Ee,align:pe?"left":Z,"data-testid":"product-card-title"},{children:M}),void 0),i.jsx(a.Spacing,{size:Ye},void 0),Ve&&i.jsxs(i.Fragment,{children:[i.jsx(f.Divider,{theme:Ee},void 0),i.jsx(a.Spacing,{size:Ye},void 0)]},void 0),ue&&-1!==ue.strength&&i.jsxs(i.Fragment,{children:[i.jsx(d.StrengthBars,{barsFilled:ue.strength,supportText:ue.description},void 0),i.jsx(a.Spacing,{size:10},void 0)]},void 0),ie&&!re?i.jsxs(i.Fragment,{children:[i.jsx(Ke,{},void 0),i.jsx(a.Spacing,{size:Ye},void 0),i.jsxs(f.MarginTopContainer,e.__assign({style:{marginTop:(null==we?void 0:we.isClubOffer)?0:8}},{children:[oe?i.jsx(o,{height:"20px",width:"140px"},void 0):Je(),(null==we?void 0:we.isClubOffer)&&Je(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(ri,{children:[oe?i.jsx(o,{height:"20px",width:"140px"},void 0):Oe&&!re?i.jsxs(f.OneLineInfoWrapper,{children:[Je(),i.jsx(Ke,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==we?void 0:we.isClubMember)&&Je(),(null==we?void 0:we.isClubOffer)&&Je(5),i.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&&i.jsx(n.ClubPriceLabel,{clubPrice:je},void 0),6!==he&&(Pe?i.jsx(o,{height:"22px",width:"75px"},void 0):be&&i.jsx(S.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:fe&&i.jsx(p.DiscountTag,e.__assign({},fe,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0))]},void 0),i.jsx(a.Spacing,{size:Ye},void 0),!re&&!Oe&&i.jsx(Ke,{},void 0)]},void 0),!!Le&&i.jsxs(i.Fragment,{children:[i.jsx(a.Spacing,{size:Ye},void 0),i.jsx(a.Spacing,{size:Ye},void 0),i.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:[i.jsx(m.Icon.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),i.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&&i.jsxs(i.Fragment,{children:[i.jsx(a.Spacing,{size:Ye},void 0),ne.component]},void 0)]}),void 0)};
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),r=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var t=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react/jsx-runtime"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../buynowpaylater/BuyNowPayLater.js"),a=require("../../../club-price-label/ClubPriceLabel.js"),n=require("../../../shared/spacing/Spacing.js"),d=require("../../../strength-bars/StrengthBars.js"),c=require("../../../../core/theme/Theme.js"),u=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var j=require("../../../../types/enums.js");require("../../../PackSelectorV2/PackSelectoV2.js"),require("../../../absorbency-level/AbsorbencyLevel.js"),require("../../../accordion-options/AccordionOptions.js"),require("../../../accordion/Accordion.js"),require("../../../dropdown/variants/simple/SimpleDropdown.js");var p=require("../../../icons/index.js");require("../../../radio/input/styles.js"),require("../../../tooltip/Styled.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var v=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var b=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 h=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),y=require("../../../rating/Rating.js"),P=require("./constants.js"),f=require("./styled.js"),S=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/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("../../../timerV2/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(L){var w,z,T,A,I,k,B,V,D,_,O,M=L.title,F=L.image,R=L.imageHover,N=L.price,W=L.rating,H=L.hideRating,E=void 0!==H&&H,G=L.size,Y=L.alignName,Z=void 0===Y?"center":Y,K=L.url,J=L.className,Q=L.topTag,U=L.bottomTag,X=L.onClick,$=L.priceDisplayType,ee=void 0===$?"default":$,ie=L.priceAtBottom,re=L.ratingOnTop,oe=L.priceLoading,se=L.noFollow,te=void 0!==se&&se,le=L.colorPicker,ae=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,ne=L.isBNPL,de=void 0===ne?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:ne,ce=L.hasStrength,ue=void 0===ce?{strength:-1,description:""}:ce,ge=L.clubPrice,je=void 0===ge?"":ge,pe=L.showClubPriceLabel,ve=void 0!==pe&&pe,me=L.isRatingLoading,qe=L.version,be=void 0===qe?1:qe,he=L.showDiscountPercentageTag,ye=void 0!==he&&he,Pe=L.discountTagLoading,fe=L.discountTag,Se=L.isOnViewport,Ce=void 0!==Se&&Se,xe=L.hasDefaultSize,Le=void 0!==xe&&xe,we=L.clubOffer,ze=L.likeBtn,Te=L.onClickBottomButton,Ae=L.showDecimals,Ie=void 0===Ae||Ae,ke=L.showDivider,Be=void 0!==ke&&ke,Ve=L.invertPriceDirection,De=void 0!==Ve&&Ve,_e=L.priceAndReviewInOneLine,Oe=void 0!==_e&&_e,Me=L.priceAndDiscountTagInOneLine,Fe=void 0!==Me&&Me,Re=L.tooltipText,Ne=L.tooltipIcon,We=L.tooltipPosition,He=L.finalPriceAriaLabel,Ee=L.originalPriceAriaLabel,Ge=L.discountAriaLabel,Ye=L.tooltipAriaLabel,Ze=L.quickViewAriaLabel,Ke=L.sellingFastAriaLabel,Je=L.quickViewAriaHidden,Qe=L.sellingFastAriaHidden,Ue=L.sellingFast,Xe=c.useTheme(),$e=f.getStylesBySize(G),ei=u.useWindowDimensions().isMobile,ii=r.useMemo((function(){var e;return(e={},e[j.ComponentSize.Large]=8,e[j.ComponentSize.Medium]=4,e[j.ComponentSize.Small]=2,e)[G]}),[G]),ri=ye?fe:void 0,oi=function(r){var o,t,l,a,n,d;if(void 0===r&&(r=be),"hidden"===ee)return null;switch(r){case 4:return"styled"===ee?i.jsx(h.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:je,styledPrice:!0,finalPriceAriaLabel:He,originalPriceAriaLabel:Ee,discountAriaLabel:Ge,finalPriceStyle:ve?ei?{fontSize:"12px",fontWeight:700,color:null===(t=Xe.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=Xe.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):i.jsx(h.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:je,finalPriceAriaLabel:He,originalPriceAriaLabel:Ee,discountAriaLabel:Ge,finalPriceStyle:ve?ei?{fontSize:"12px",fontWeight:700,color:null===(a=Xe.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=Xe.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(f.ClubOfferPriceLabelWrapper,e.__assign({style:null==we?void 0:we.wrapperStyle},{children:i.jsx(s.ClubPriceMemberLabel,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==we?void 0:we.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==we?void 0:we.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,icon:null==we?void 0:we.clubOfferIcon,isCollections:null==we?void 0:we.isCollections},void 0)}),void 0);case 6:return i.jsx(b.PriceLabelV6,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v6",showDecimals:Ie,tooltipText:Re,tooltipIcon:Ne,tooltipPosition:We,tooltipAriaLabel:Ye,isMobile:ei,savingsDisplay:ye,discount:ri,finalPriceAriaLabel:He,originalPriceAriaLabel:Ee,discountAriaLabel:Ge},void 0);default:return"styled"===ee?i.jsx(q.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:Ie,finalPriceAriaLabel:He,originalPriceAriaLabel:Ee,discountAriaLabel:Ge,tooltipAriaLabel:Ye},void 0):i.jsx(m.PriceLabel,{invertDirection:De,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:ve,finalPriceAriaLabel:He,originalPriceAriaLabel:Ee,discountAriaLabel:Ge,finalPriceStyle:ve?ei?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},si=function(){return E||!W.reviews&&!W.rating?i.jsx(i.Fragment,{},void 0):me?i.jsx(o,{height:"20px",width:"80px"},void 0):i.jsx(y.Rating,{size:G===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:W.rating,reviews:null==W?void 0:W.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},ti=r.useState(null!==(w=null==ze?void 0:ze.isLiked)&&void 0!==w&&w),li=ti[0],ai=ti[1],ni=r.useState(null!==(z=null==ze?void 0:ze.likes)&&void 0!==z?z:0),di=ni[0],ci=ni[1],ui=Fe?f.InlineContainer:r.Fragment;return i.jsxs(f.ProdCardContainer,e.__assign({className:J,"data-testid":"product-card-container-div"},{children:["corner"===ae.position&&i.jsx(f.CornerContainer,e.__assign({},ae.componentContainerProps,{children:ae.component}),void 0),i.jsxs(f.Container,e.__assign({as:K?"a":"div",href:K,rel:te?"nofollow":"",className:"picContainer",onClick:X},{children:[!!ze&&i.jsx(x.LikeButton,{isLiked:li,likes:di,onClick:function(e){e.stopPropagation(),ci(li?function(e){return e-1}:function(e){return e+1}),ai((function(e){return!e})),null==ze||ze.onClick(e)},colors:{background:{active:null!==(I=null===(A=null===(T=ze.colors)||void 0===T?void 0:T.background)||void 0===A?void 0:A.active)&&void 0!==I?I:Xe.colors.shades.white.color,hover:null!==(O=null!==(V=null===(B=null===(k=ze.colors)||void 0===k?void 0:k.background)||void 0===B?void 0:B.hover)&&void 0!==V?V:null===(_=null===(D=ze.colors)||void 0===D?void 0:D.background)||void 0===_?void 0:_.active)&&void 0!==O?O:Xe.colors.shades.white.color}}},void 0),Q||U?i.jsxs(f.ImageContainer,e.__assign({width:null==$e?void 0:$e.width,height:null==$e?void 0:$e.height,"data-testid":"tags-image-container"},{children:[i.jsx(t.Image,{src:F.src,srcSet:g.getSrcSet(F.src,180,360,720,960),alt:F.alt,width:Le?null==$e?void 0:$e.width:"100%",height:Le?null==$e?void 0:$e.height:"100%",loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Xe.name].image.borderRadius},void 0),i.jsx(f.TopTagContainer,e.__assign({style:{width:ae.display?"100%":"inherit"}},{children:Q}),void 0),i.jsx(f.BottomTagContainer,e.__assign({style:{width:ae.display?"100%":"inherit"}},{children:U}),void 0)]}),void 0):i.jsx(t.Image,{src:F.src,srcSet:g.getSrcSet(F.src,180,360,720,960),alt:F.alt,width:null==$e?void 0:$e.width,height:null==$e?void 0:$e.height,loading:Ce?"eager":"lazy",decoding:Ce?"sync":"async",borderRadius:P.STYLES_BY_THEME[Xe.name].image.borderRadius},void 0),R?i.jsx(f.ImageHoverContainer,{className:"hover__image",src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),loading:"lazy",decoding:"async",alt:R.alt,width:null==$e?void 0:$e.width,height:null==$e?void 0:$e.height},void 0):null]}),void 0),ae.display&&"top"===ae.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ii},void 0),ae.component]},void 0),re&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ii},void 0),i.jsx(n.Spacing,{size:ii},void 0),i.jsx(si,{},void 0)]},void 0),i.jsxs(f.Container,e.__assign({as:K?"a":"div",href:K,rel:te?"nofollow":"",onClick:X,className:"textContainer",style:{alignItems:ve?"flex-start":"center"}},{children:[i.jsx(n.Spacing,{size:ii},void 0),i.jsx(f.Title,e.__assign({theme:Xe,align:ve?"left":Z,"data-testid":"product-card-title"},{children:M}),void 0),i.jsx(n.Spacing,{size:ii},void 0),Be&&i.jsxs(i.Fragment,{children:[i.jsx(f.Divider,{theme:Xe},void 0),i.jsx(n.Spacing,{size:ii},void 0)]},void 0),ue&&-1!==ue.strength&&i.jsxs(i.Fragment,{children:[i.jsx(d.StrengthBars,{barsFilled:ue.strength,supportText:ue.description},void 0),i.jsx(n.Spacing,{size:10},void 0)]},void 0),ie&&!re?i.jsxs(i.Fragment,{children:[i.jsx(si,{},void 0),i.jsx(n.Spacing,{size:ii},void 0),i.jsxs(f.MarginTopContainer,e.__assign({style:{marginTop:(null==we?void 0:we.isClubOffer)?0:8}},{children:[oe?i.jsx(o,{height:"20px",width:"140px"},void 0):oi(),(null==we?void 0:we.isClubOffer)&&oi(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(ui,{children:[oe?i.jsx(o,{height:"20px",width:"140px"},void 0):Oe&&!re?i.jsxs(f.OneLineInfoWrapper,{children:[oi(),i.jsx(si,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==we?void 0:we.isClubMember)&&oi(),(null==we?void 0:we.isClubOffer)&&oi(5),i.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),ve&&i.jsx(a.ClubPriceLabel,{clubPrice:je},void 0),6!==be&&(Pe?i.jsx(o,{height:"22px",width:"75px"},void 0):ye&&i.jsx(S.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:fe&&i.jsx(v.DiscountTag,e.__assign({},fe,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),Ue&&i.jsx(t.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:Ke||Qe?null!=Ke?Ke:"":"selling-fast-copy","aria-hidden":!(!Qe||Ke)||void 0,width:"77px",height:"22px"},void 0)]},void 0),i.jsx(n.Spacing,{size:ii},void 0),!re&&!Oe&&i.jsx(si,{},void 0)]},void 0),!!Te&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ii},void 0),i.jsx(n.Spacing,{size:ii},void 0),i.jsxs(C.IconButton,e.__assign({size:j.ComponentSize.Small,width:"100%",onClick:function(e){e.preventDefault(),e.stopPropagation(),null==Te||Te(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),null==Te||Te(e))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:Je&&!Ze?-1:0,"aria-label":Ze,"aria-hidden":!(!Je||Ze)||void 0},{children:[i.jsx(p.Icon.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),i.jsx("span",e.__assign({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),ae.display&&"bottom"===ae.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ii},void 0),ae.component]},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),o=require("@emotion/styled"),r=require("../../core/theme/Theme.js"),i=require("../../types/enums.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,a=function(n){switch(n){case i.ComponentSize.Large:return{widthHeight:"4.25rem",margin:"0.938rem"};case i.ComponentSize.Medium:return{widthHeight:"2.5rem",margin:"0.625rem"};case i.ComponentSize.Small:return{widthHeight:"1.5rem",margin:"0.375rem"}}},l=t(o).default.div(d||(d=n.__makeTemplateObject(["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"],["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"])),(function(n){return n.backgroundColor}),(function(n){var e,o=n.width,r=n.size;return n.hasText?null!=o?o:"auto":null===(e=a(r))||void 0===e?void 0:e.widthHeight}),(function(n){var e,o=n.size;return null===(e=a(o))||void 0===e?void 0:e.widthHeight}),(function(n){return n.border}),(function(n){var e=n.hasText,o=n.rounded;return e?o?"24px":"0.5rem":o?"50%":"0.5rem"}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){var e=n.boxShadow;return null!=e?e:"none"}),(function(n){var e,o=n.size;return null===(e=a(o))||void 0===e?void 0:e.margin}),(function(n){return n.hasText?"4px":"0"}),(function(n){return n.hoverBackgroundColor}),(function(n){return n.disabledColor}),(function(n){return n.disabledIconColor}));exports.IconButton=function(o){var t,d,a=o.children,u=o.disabled,c=o.size,s=void 0===c?i.ComponentSize.Medium:c,h=o.onClick,b=o.onKeyDown,v=o.backgroundColor,g=o.dataTestId,m=void 0===g?"Container":g,f=o.hasText,p=void 0!==f&&f,w=o.boxShadow,x=o.rounded,k=void 0===x||x,C=o.width,y=o.border,j=o.inline,z=void 0!==j&&j,T=o.role,S=o.tabIndex,I=o["aria-label"],_=o["aria-hidden"],q=r.useTheme();return e.jsx(l,n.__assign({border:y,width:C,className:u?"disabled":"",backgroundColor:null!==(t=null==v?void 0:v.active)&&void 0!==t?t:q.component.button.primary.active.backgroundColor,hoverBackgroundColor:null!==(d=null==v?void 0:v.hover)&&void 0!==d?d:q.component.button.secondary.active.backgroundColor,disabledColor:q.colors.shades[50].color,disabledIconColor:q.colors.shades[200].color,size:s,"data-testid":m,onClick:u?function(){}:h,onKeyDown:u?void 0:b,hasText:p,boxShadow:w,rounded:k,inline:z,role:T,tabIndex:S,"aria-label":I,"aria-hidden":_},{children:a}),void 0)};
|
|
2
2
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),r=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var n=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var o=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),d=require("../../../atoms/PriceLabelV2/PriceLabelV2.js");require("../../../atoms/Toggle/toggle.styled.js");var c=require("../../../rating/Rating.js"),g=require("../../../text/Text.js"),u=require("../utils.js"),h=require("./styled.js");exports.ProductCardV2=function(p){var m=p.title,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),r=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var n=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var o=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),d=require("../../../atoms/PriceLabelV2/PriceLabelV2.js");require("../../../atoms/Toggle/toggle.styled.js");var c=require("../../../rating/Rating.js"),g=require("../../../text/Text.js"),u=require("../utils.js"),h=require("./styled.js");exports.ProductCardV2=function(p){var v,m=p.title,x=p.image,j=p.imageHover,S=p.price,f=p.rating,C=p.size,w=p.alignName,q=void 0===w?"center":w,b=p.url,y=p.className,_=p.topTag,z=p.bottomTag,L=p.onClick,P=p.onClickEye,k=p.priceLoading,I=p.noFollow,T=void 0!==I&&I,A=p.isRatingLoading,H=p.colorsCopy,F=p.discountTag,M=p.sellingFast,N=p.quickViewAriaLabel,V=p.sellingFastAriaLabel,D=p.quickViewAriaHidden,R=p.sellingFastAriaHidden,B=a.useTheme(),O=function(e){switch(e){case o.ComponentSize.Medium:return{width:"205px",height:"371px"};case o.ComponentSize.Small:return{width:"183px",height:"223px"};case o.ComponentSize.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(C),E=u.getProductCardImageAlts({imageAlt:x.alt,imageHoverAlt:null==j?void 0:j.alt,title:m}),W=E.imageAlt,X=E.imageHoverAlt,G=E.imageAriaHidden,J=E.imageHoverAriaHidden,K=t.useMemo((function(){var e;return(e={},e[o.ComponentSize.Large]=8,e[o.ComponentSize.Medium]=4,e[o.ComponentSize.Small]=2,e)[C]}),[C]);return i.jsxs(h.ProdCardContainer,e.__assign({className:y,"data-testid":"product-card-container-div"},{children:[i.jsxs(h.Container,e.__assign({as:b?"a":"div",href:b,rel:T?"nofollow":"",className:"picContainer",onClick:L},{children:[_||z?i.jsxs(h.ImageContainer,e.__assign({width:null==O?void 0:O.width,height:null==O?void 0:O.height,"data-testid":"tags-image-container"},{children:[i.jsx(l.Image,{src:x.src,srcSet:n.getSrcSet(x.src,180,360,720,960),alt:W,"aria-hidden":G,width:"100%",height:"100%"},void 0),i.jsx(h.TopTagContainer,e.__assign({style:{width:"inherit"}},{children:_}),void 0),i.jsx(h.BottomTagContainer,e.__assign({"data-testid":"bottom-tag-container",style:{width:"inherit"}},{children:z}),void 0)]}),void 0):i.jsx(l.Image,{src:x.src,srcSet:n.getSrcSet(x.src,180,360,720,960),alt:W,"aria-hidden":G,width:null==O?void 0:O.width,height:null==O?void 0:O.height},void 0),j?i.jsx(h.ImageHoverContainer,{className:"hover__image",src:j.src,srcSet:n.getSrcSet(j.src,180,360,720,960),loading:"lazy",alt:X,"aria-hidden":J,width:null==O?void 0:O.width,height:null==O?void 0:O.height},void 0):null]}),void 0),i.jsxs(h.Container,e.__assign({as:b?"a":"div",href:b,rel:T?"nofollow":"",onClick:L,className:"textContainer"},{children:[i.jsx(s.Spacing,{size:K},void 0),i.jsx(s.Spacing,{size:K},void 0),i.jsx(s.Spacing,{size:K},void 0),i.jsx(g.Text,e.__assign({variant:"link",underline:!0},{children:H}),void 0),i.jsx(s.Spacing,{size:K},void 0),i.jsx(s.Spacing,{size:K},void 0),i.jsx((function(){return A?i.jsx(r,{height:"20px",width:"80px"},void 0):f.reviews?i.jsx(c.Rating,{size:C===o.ComponentSize.Large?o.ComponentSize.Small:o.ComponentSize.XSmall,rating:f.rating,reviews:f.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):i.jsx(i.Fragment,{},void 0)}),{},void 0),i.jsx(s.Spacing,{size:K},void 0),i.jsx(h.Title,e.__assign({theme:B,align:q},{children:m}),void 0),i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"5px",margin:"3px 0 5px -5px"}},{children:[F&&i.jsx(h.DiscountLabel,e.__assign({style:{marginLeft:"5px"}},{children:F}),void 0),M&&i.jsx(l.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:V||R?null!=V?V:"":"selling-fast-copy","aria-hidden":!(!R||V)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),k?i.jsx(r,{height:"20px",width:"140px"},void 0):(v=!(!D||N)||void 0,i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",marginLeft:"-5px"}},{children:[i.jsx(d.PriceLabelV2,{finalPrice:S.finalPrice,originalPrice:S.originalPrice,finalPriceStyled:!1,color:S.color,size:o.ComponentSize.Small,testId:"volume-discount",clubStyle:!1},void 0),i.jsx("button",e.__assign({"data-testid":"quick-eye-button",style:{marginLeft:"30px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":N,"aria-hidden":v,tabIndex:v?-1:void 0,onClick:function(e){e.stopPropagation(),e.preventDefault(),P&&P()}},{children:i.jsx(l.Image,{alt:N?"":"quick-view-eye","aria-hidden":!!N||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"28px",height:"28px",borderRadius:"1px"},void 0)}),void 0)]}),void 0))]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductCardV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var n=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var o=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),d=require("../../../atoms/PriceLabelV2/PriceLabelV2.js");require("../../../atoms/Toggle/toggle.styled.js");var c=require("../../../rating/Rating.js"),g=require("../../../text/Text.js"),u=require("../utils.js"),p=require("./styled.js");exports.ProductCardV3=function(v){var x=v.title,m=v.image;v.imageHover;var h=v.price,j=v.rating,f=v.size,S=v.alignName,q=void 0===S?"center":S,y=v.url,C=v.className;v.topTag,v.bottomTag;var b=v.onClick,w=v.onClickEye,z=v.priceLoading,_=v.noFollow,P=void 0!==_&&_,L=v.isRatingLoading,k=v.colorsCopy,I=v.discountTag,T=v.quickViewAriaLabel,A=v.sellingFastAriaLabel,F=v.quickViewAriaHidden,H=v.sellingFastAriaHidden,M=v.sellingFast,V=a.useTheme(),N=function(e){switch(e){case o.ComponentSize.Medium:return{width:"205px",height:"274px"};case o.ComponentSize.Small:return{width:"93px",height:"124px"};case o.ComponentSize.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(f),R=u.getProductCardImageAlts({imageAlt:m.alt,title:x}),D=R.imageAlt,O=R.imageAriaHidden,B=!(!F||T)||void 0,E=r.useMemo((function(){var e;return(e={},e[o.ComponentSize.Large]=8,e[o.ComponentSize.Medium]=4,e[o.ComponentSize.Small]=2,e)[f]}),[f]);return i.jsxs(p.ProdCardContainer,e.__assign({className:C,"data-testid":"product-card-container-div"},{children:[i.jsx(p.Container,e.__assign({"data-testid":"first-image-div",as:y?"a":"div",href:y,rel:P?"nofollow":"",className:"picContainer",onClick:b,style:{marginRight:"-90px"}},{children:i.jsx(l.Image,{src:m.src,srcSet:n.getSrcSet(m.src,180,360,720,960),alt:D,"aria-hidden":O,width:null==N?void 0:N.width,height:null==N?void 0:N.height},void 0)}),void 0),i.jsxs(p.Container,e.__assign({as:y?"a":"div",href:y,rel:P?"nofollow":"",onClick:b,className:"textContainer"},{children:[i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between"}},{children:[i.jsx(p.Title,e.__assign({theme:V,align:q,style:{fontSize:"14px"}},{children:x}),void 0),i.jsx("button",e.__assign({"data-testid":"quick-eye-button",style:{margin:"5x 0 0 45px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":T,"aria-hidden":B,tabIndex:B?-1:void 0,onClick:function(e){e.stopPropagation(),e.preventDefault(),w&&w()}},{children:i.jsx(l.Image,{alt:T?"":"quick-view-eye","aria-hidden":!!T||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"32px",height:"32px",borderRadius:"1px"},void 0)}),void 0)]}),void 0),i.jsx(g.Text,e.__assign({variant:"link",underline:!0,style:{fontSize:"12px"}},{children:k}),void 0),i.jsx(s.Spacing,{size:E},void 0),z?i.jsx(t,{height:"20px",width:"140px"},void 0):i.jsx("div",e.__assign({style:{display:"flex"}},{children:i.jsx(d.PriceLabelV2,{finalPrice:h.finalPrice,originalPrice:h.originalPrice,finalPriceStyled:!1,color:h.color,size:o.ComponentSize.Small,testId:"volume-discount",clubStyle:!1},void 0)}),void 0),i.jsx(s.Spacing,{size:E},void 0),(I||M)&&i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"5px"}},{children:[I&&i.jsx(p.DiscountLabel,e.__assign({style:{marginLeft:"5px"}},{children:I}),void 0),M&&i.jsx(l.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:A||H?null!=A?A:"":"selling-fast-copy","aria-hidden":!(!H||A)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx((function(){return L?i.jsx(t,{height:"20px",width:"80px"},void 0):j.reviews?i.jsx(c.Rating,{size:f===o.ComponentSize.Large?o.ComponentSize.Small:o.ComponentSize.XSmall,rating:j.rating,reviews:j.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):i.jsx(i.Fragment,{},void 0)}),{},void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductCardV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("../../../core/theme/Theme.js"),t=require("../../../types/enums.js");require("react"),require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var r=require("../styles.js"),s=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");exports.PriceLabelTooltip=function(a){var n=a.tooltipText,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("../../../core/theme/Theme.js"),t=require("../../../types/enums.js");require("react"),require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var r=require("../styles.js"),s=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");exports.PriceLabelTooltip=function(a){var n=a.tooltipText,u=a.tooltipIcon,c=a.tooltipPosition,d=a.isMobile,b=a.tooltipAriaLabel,p=i.useTheme(),j=null!=b?b:n;return o.jsx(r.TooltipContainer,e.__assign({"data-testid":"tooltip-container"},{children:o.jsx(s.Tooltip,e.__assign({showCloseIcon:!0,withArrow:!0,content:{text:n},position:null!=c?c:t.ComponentPosition.BottomRight,closeBtnSize:.7,"data-testid":"tooltip",triggerAriaLabel:j,enableKeyboardToggle:!0},{children:o.jsx(l.Icon,{name:null!=u?u:"actions/circle_info",fill:p.colors.shades[500].color,testId:"tooltip-icon",showTooltipTitle:d},void 0)}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),o=require("../../../core/theme/Theme.js");require("react");var r=require("../../../hooks/WindowDimensions.js"),a=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),o=require("../../../core/theme/Theme.js");require("react");var r=require("../../../hooks/WindowDimensions.js"),a=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js"),t=require("../../../types/enums.js"),l=require("../clubOffer/ClubOfferTag.js"),s=require("../discount/DiscountTag.js"),n=require("../price/PriceLabel.js"),c=require("../priceLabelV6/utils/priceLabelAria.js"),d=require("../styles.js"),u=require("./PriceLabelTooltip.js"),p=function(o){var r,a=o.testId,l=o.priceCommonProps,s=o.size,c=o.currencySymbol,u=o.finalPriceArray,p=o.productFinalPrice,m=o.showDecimals,b=o.pricePerItem,v=o.theme,y=o.isHorizontalLayout,g=void 0!==y&&y,f=o.isVerticalLayout,P=void 0!==f&&f,S=o.ariaLabel,x=g?i.__assign(i.__assign({},l),{size:t.ComponentSize.Small,style:{fontSize:"14px"}}):l,L=P?i.__assign(i.__assign({},l),{size:t.ComponentSize.Small,style:{fontSize:"16px"}}):l,z=g?x:P?L:l;return e.jsxs(d.FinalPriceStyledContainer,i.__assign({"data-testid":n.getTestId(a,"final-product-price"),"aria-label":S},{children:[e.jsx(d.Price,i.__assign({margin:!0,finalPriceStyledSmall:!g&&!P},z,{size:g||P?t.ComponentSize.Small:s,"aria-hidden":"true"},{children:c}),void 0),e.jsx(d.Price,i.__assign({finalPriceStyled:!g&&!P},z,{size:g||P?t.ComponentSize.Small:s,"aria-hidden":"true"},{children:u[0]?u[0]:null===(r="".concat(p))||void 0===r?void 0:r.split(c)[1]}),void 0),m&&e.jsxs(d.Price,i.__assign({finalPriceStyledSmall:!g&&!P,style:g?{fontSize:"14px"}:P?{fontSize:"16px"}:{marginTop:"-6px"}},z,{size:g||P?t.ComponentSize.Small:s,"aria-hidden":"true"},{children:[(g||P)&&".",u[1]?u[1]:"00"]}),void 0),b&&e.jsx(d.Price,i.__assign({size:t.ComponentSize.Small,color:v.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},m=function(o){var r=o.isDiscount,a=o.discount,l=o.bordersRounded,n=o.savingsDisplay,c=o.currencySymbol,u=o.savetoString,p=o.isHorizontalLayout,m=void 0!==p&&p,b=o.ariaLabel;return r?e.jsx(d.TagContainer,i.__assign({size:t.ComponentSize.Small},{children:a&&e.jsx(s.DiscountTag,i.__assign({},a,{size:t.ComponentSize.Medium,style:i.__assign({letterSpacing:"-0.05rem"},m&&{fontSize:"12px"}),bordersRounded:l,savings:n?"Save ".concat(c).concat(u):void 0,ariaLabel:b}),void 0)}),void 0):null},b=function(o){var r=o.isClubOffer,a=o.clubOffer;return r?e.jsx(d.TagContainer,i.__assign({size:t.ComponentSize.Medium},{children:a&&e.jsx(l.ClubOfferTag,i.__assign({},a,{size:t.ComponentSize.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0):null};exports.PriceLabelV2=function(l){var s=l.finalPrice,v=l.originalPrice,y=l.discount,g=l.clubOffer,f=l.color,P=l.testId,S=l.originalPriceStyled,x=void 0!==S&&S,L=l.originalPriceUnderlined,z=void 0===L||L,h=l.size,j=void 0===h?t.ComponentSize.Small:h,_=l.bordersRounded,C=void 0!==_&&_,D=l.savingsDisplay,T=void 0===D||D,I=l.pricePerItem,A=l.hasRoundedSavings,O=void 0===A||A,V=l.showDecimals,q=void 0===V||V,w=l.tooltipText,H=l.tooltipIcon,R=l.tooltipPosition,M=l.tooltipAriaLabel,F=l.hasVerticalLayout,N=void 0!==F&&F,U=l.hasHorizontalLayout,W=void 0!==U&&U,k=l.isMobile,$=void 0!==k&&k,B=l.finalPriceAriaLabel,E=l.originalPriceAriaLabel,G=l.discountAriaLabel,J=i.__rest(l,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasVerticalLayout","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),K=o.useTheme(),Q=r.useWindowDimensions().isMobile,X=I||s,Y=v!==X,Z=v&&Y,ii=!(!y||!Y),ei=!(!g||!Y),oi="$";"string"==typeof X&&(oi=a.getCurrencySymbol(X));var ri,ai,ti="string"==typeof X&&X.includes(".")&&X.includes(oi)?X.split(oi)[1].split("."):["",""],li={size:t.ComponentSize.Small,color:ei?"var(--colors-pallete-wine-color)":f||K.colors.pallete.secondary.color,weight:700};"string"==typeof v&&"string"==typeof X?(ri=Number(v.replace(oi,"")),ai=Number(X.replace(oi,""))):(ri="number"==typeof v?v:0,ai="number"==typeof X?X:0);var si=ri-ai;if(O){var ni=Number((si-Math.floor(si)).toFixed(2));ni>=.01&&ni<.5?si=Math.floor(si)+0:ni>=.51&&ni<1&&(si=Math.floor(si)+.5)}var ci=si.toFixed(2),di=c.getPriceLabelAriaTexts({productFinalPrice:X,originalPrice:v,currencySymbol:oi,isOriginalPrice:!!Z,finalPriceAriaLabel:B,originalPriceAriaLabel:E}),ui=di.computedFinalPriceLabel,pi=di.computedOriginalPriceLabel,mi=function(){return e.jsx(d.Price,i.__assign({size:x?j:t.ComponentSize.Small,color:K.component.pricing.priceLabel.price.originalPriceColor||K.colors.shades[300].color,margin:!N,underlined:z,"data-testid":n.getTestId(P,"original-product-price"),"data-nosnippet":!0,style:W?{fontSize:"12px"}:void 0,"aria-label":pi},{children:v}),void 0)};return N?e.jsxs(d.VerticalContainer,i.__assign({},J,{id:"priceLabelV2"},{children:[w&&e.jsx(u.PriceLabelTooltip,{tooltipText:w,tooltipIcon:H,tooltipPosition:R,isMobile:null!=$?$:Q,tooltipAriaLabel:M},void 0),Z&&e.jsx(mi,{},void 0),e.jsxs(d.PriceDiscountRow,{children:[e.jsx(m,{isDiscount:ii,discount:y,bordersRounded:C,savingsDisplay:T,currencySymbol:oi,savetoString:ci,isHorizontalLayout:W,ariaLabel:G},void 0),e.jsx(b,{isClubOffer:ei,clubOffer:g},void 0),e.jsx(p,{testId:P,priceCommonProps:li,size:j,currencySymbol:oi,finalPriceArray:ti,productFinalPrice:X,showDecimals:q,pricePerItem:I,theme:K,isHorizontalLayout:W,isVerticalLayout:N,ariaLabel:ui},void 0)]},void 0)]}),void 0):W?e.jsx(d.HorizontalVariantContainer,i.__assign({},J,{id:"priceLabelV2"},{children:e.jsxs(d.HorizontalVariantRow,{children:[w&&e.jsx(u.PriceLabelTooltip,{tooltipText:w,tooltipIcon:H,tooltipPosition:R,tooltipAriaLabel:M},void 0),e.jsx(p,{testId:P,priceCommonProps:li,size:j,currencySymbol:oi,finalPriceArray:ti,productFinalPrice:X,showDecimals:q,pricePerItem:I,theme:K,isHorizontalLayout:W,isVerticalLayout:N,ariaLabel:ui},void 0),Z&&e.jsx(mi,{},void 0),e.jsx(m,{isDiscount:ii,discount:y,bordersRounded:C,savingsDisplay:T,currencySymbol:oi,savetoString:ci,isHorizontalLayout:W,ariaLabel:G},void 0),e.jsx(b,{isClubOffer:ei,clubOffer:g},void 0)]},void 0)}),void 0):e.jsxs(d.Container,i.__assign({},J,{id:"priceLabelV2"},{children:[w&&e.jsx(u.PriceLabelTooltip,{tooltipText:w,tooltipIcon:H,tooltipPosition:R,tooltipAriaLabel:M},void 0),Z&&e.jsx(mi,{},void 0),e.jsx(p,{testId:P,priceCommonProps:li,size:j,currencySymbol:oi,finalPriceArray:ti,productFinalPrice:X,showDecimals:q,pricePerItem:I,theme:K,isHorizontalLayout:W,isVerticalLayout:N,ariaLabel:ui},void 0),e.jsx(m,{isDiscount:ii,discount:y,bordersRounded:C,savingsDisplay:T,currencySymbol:oi,savetoString:ci,isHorizontalLayout:W,ariaLabel:G},void 0),e.jsx(b,{isClubOffer:ei,clubOffer:g},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@emotion/styled"),n=require("../../../core/theme/Theme.js"),a=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js"),l=require("../../../types/enums.js"),t=require("../clubOffer/ClubOfferTag.js"),s=require("../discount/DiscountTag.js"),o=require("../price/PriceLabel.js"),d=require("../priceLabelV6/utils/priceLabelAria.js"),c=require("../styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,g,m,f=u(r),b=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),v=f.default.div(g||(g=e.__makeTemplateObject(["\n display: column;\n align-items: center;\n"],["\n display: column;\n align-items: center;\n"]))),_=f.default.div(m||(m=e.__makeTemplateObject(["\n display: flex;\n padding-left: 0.5rem;\n"],["\n display: flex;\n padding-left: 0.5rem;\n"])));exports.PriceLabelV3=function(r){var u,p=r.finalPrice,g=r.originalPrice,m=r.discount,f=r.clubOffer,x=r.color,y=r.testId,P=r.originalPriceStyled,h=void 0!==P&&P,j=r.originalPriceUnderlined,S=void 0===j||j,z=r.size,C=void 0===z?l.ComponentSize.Small:z,L=r.bordersRounded,T=void 0!==L&&L,q=r.savingsDisplay,A=void 0===q||q,O=r.itemsQuantity,w=r.packUnitPrice,I=r.finalPriceAriaLabel,M=r.originalPriceAriaLabel,k=r.discountAriaLabel,D=e.__rest(r,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","itemsQuantity","packUnitPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),F=n.useTheme(),R=g!==p,U=g&&R,N=m&&R,V=f&&R,Q="$";"string"==typeof p&&(Q=a.getCurrencySymbol(p));var B,E,H="string"==typeof p&&p.includes(".")&&p.includes(Q)?p.split(Q)[1].split("."):["",""],$={size:l.ComponentSize.Small,color:V?"var(--colors-pallete-wine-color)":null!=x?x:F.colors.pallete.secondary.color,weight:700};"string"==typeof g&&"string"==typeof p?(B=Number(g.replace(Q,"")),E=Number(p.replace(Q,""))):(B="number"==typeof g?g:0,E="number"==typeof p?p:0);var G=B-E,J=Number((G-Math.floor(G)).toFixed(2));J>=.01&&J<.5?G=Math.floor(G)+0:J>=.51&&J<1&&(G=Math.floor(G)+.5);var K=G.toFixed(2),W=d.getPriceLabelAriaTexts({productFinalPrice:p,originalPrice:g,currencySymbol:Q,isOriginalPrice:!!U,finalPriceAriaLabel:I,originalPriceAriaLabel:M}),X=W.computedFinalPriceLabel,Y=W.computedOriginalPriceLabel;return i.jsxs(v,e.__assign({},D,{children:[i.jsx(c.Container,e.__assign({style:{paddingBottom:"0.5rem"}},{children:U&&i.jsx((function(){return i.jsx(c.Price,e.__assign({size:h?C:l.ComponentSize.Small,color:F.component.pricing.priceLabel.price.originalPriceColor||F.colors.shades[300].color,margin:!0,underlined:S,"data-testid":o.getTestId(y,"original-product-price"),"data-nosnippet":!0,"aria-label":Y},{children:g}),void 0)}),{},void 0)}),void 0),i.jsxs(c.Container,{children:[i.jsxs(b,e.__assign({"data-testid":o.getTestId(y,"final-product-price"),"aria-label":X},{children:[i.jsx(c.Price,e.__assign({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px"}},$,{size:C,"aria-hidden":"true"},{children:Q}),void 0),i.jsx(c.Price,e.__assign({finalPriceStyled:!0},$,{size:C,"aria-hidden":"true"},{children:H[0]?H[0]:null===(u="".concat(p))||void 0===u?void 0:u.split(Q)[1]}),void 0),i.jsx(c.Price,e.__assign({finalPriceStyledSmall:!0,style:{marginTop:"-6px"}},$,{size:C,"aria-hidden":"true"},{children:H[1]?H[1]:"00"}),void 0)]}),void 0),i.jsx((function(){return!O||O<2?null:i.jsxs(_,e.__assign({"data-testid":o.getTestId(y,"each-one-price")},{children:[i.jsxs(c.Price,e.__assign({},$,{weight:600},{children:["(",w]}),void 0),i.jsx(c.Price,e.__assign({},$,{weight:400},{children:"/each"}),void 0),i.jsx(c.Price,e.__assign({},$,{weight:600},{children:")"}),void 0)]}),void 0)}),{},void 0),N&&i.jsx(c.TagContainer,e.__assign({size:l.ComponentSize.Small},{children:m&&i.jsx(s.DiscountTag,e.__assign({},m,{size:l.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"},bordersRounded:T,savings:A?"SAVE ".concat(Q).concat(K):void 0,showSavings:!0,ariaLabel:k}),void 0)}),void 0),V&&i.jsx(c.TagContainer,e.__assign({size:l.ComponentSize.Medium},{children:f&&i.jsx(t.ClubOfferTag,e.__assign({},f,{size:l.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)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),r=require("../../../core/theme/Theme.js"),l=require("../../../hooks/WindowDimensions.js"),a=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js"),t=require("../../../types/enums.js"),o=require("../discount/DiscountTag.js"),c=require("../priceLabelV6/utils/priceLabelAria.js"),s=require("../styles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(n),u=p.default.span(v||(v=e.__makeTemplateObject(["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),g=p.default.span(h||(h=e.__makeTemplateObject(["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),m=p.default.span(P||(P=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),x=p.default.span(_||(_=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),b=p.default.span(S||(S=e.__makeTemplateObject(["\n display: flex;\n gap: 8px;\n"],["\n display: flex;\n gap: 8px;\n"]))),f=function(){return i.jsx(u,{children:"REGULAR PRICE"},void 0)},j=function(e){var n=e.label;return i.jsx(g,{children:n||"CLUB MEMBERS"},void 0)};function y(){for(var e=[],i=0;i<arguments.length;i++)e[i]=arguments[i];return e.filter(Boolean).join("-")}var v,h,P,_,S;exports.PriceLabelV4=function(n){var d;n.finalPrice;var p=n.originalPrice,u=n.discount,g=n.color,v=n.testId,h=n.finalPriceStyled,P=void 0!==h&&h,_=n.finalPriceStyle,S=n.originalPriceStyled,z=void 0!==S&&S,L=n.originalPriceUnderlined,T=void 0===L||L,C=n.size,A=void 0===C?t.ComponentSize.Medium:C,k=n.clubStyle,q=void 0!==k&&k,w=n.styledPrice,O=void 0!==w&&w,M=n.clubPrice,D=n.finalPriceAriaLabel,E=n.originalPriceAriaLabel,I=n.discountAriaLabel,R=e.__rest(n,["finalPrice","originalPrice","discount","color","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","size","clubStyle","styledPrice","clubPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),U=r.useTheme(),B=l.useWindowDimensions().isMobile,F=M,V=p&&p!==F,W="$";"string"==typeof F&&(W=a.getCurrencySymbol(F));var G="string"==typeof F&&F.includes(".")&&F.includes(W)?F.split(W)[1].split("."):["",""],X={size:P?t.ComponentSize.Small:A,color:g||U.colors.pallete.secondary.color,weight:700},$=c.getPriceLabelAriaTexts({productFinalPrice:F,originalPrice:p,currencySymbol:W,isOriginalPrice:!!V,finalPriceAriaLabel:D,originalPriceAriaLabel:E}),H=$.computedFinalPriceLabel,J=$.computedOriginalPriceLabel,K=function(){var n=q?B?t.ComponentSize.Small:t.ComponentSize.XSmall:z?A:t.ComponentSize.Small;return i.jsx(s.Price,e.__assign({size:n,color:U.component.pricing.priceLabel.price.originalPriceColor,underlined:T,"data-testid":y(v,"original-product-price"),"data-nosnippet":!0,theme:U,"aria-label":J},{children:p}),void 0)};return i.jsxs(s.Container,e.__assign({},R,{children:[q&&!O?i.jsxs(m,{children:[i.jsxs(b,{children:[i.jsx(K,{},void 0),i.jsx(f,{},void 0)]},void 0),i.jsxs(b,{children:[i.jsx(s.Price,e.__assign({margin:!0,"data-testid":y(v,"final-product-price")},X,{style:_,size:A,"aria-label":H},{children:M}),void 0),i.jsx(j,{label:U.label.member},void 0)]},void 0)]},void 0):i.jsxs(m,{children:[i.jsxs(b,{children:[i.jsx(K,{},void 0),i.jsx(f,{},void 0)]},void 0),i.jsxs(b,{children:[i.jsxs(x,e.__assign({"aria-label":H},{children:[i.jsx(s.Price,e.__assign({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px",color:"#c64844"}},X,{size:A,"data-testid":y(v,"final-product-price"),"aria-hidden":"true"},{children:W}),void 0),i.jsxs(s.Price,e.__assign({finalPriceStyled:!0},X,{size:A,style:{color:"#c64844"},"aria-hidden":"true"},{children:[G[0]?G[0]:null===(d="".concat(F))||void 0===d?void 0:d.split(W)[1],"."]}),void 0),i.jsx(s.Price,e.__assign({finalPriceStyledSmall:!0,style:{marginTop:"-6px",color:"#c64844"}},X,{size:A,"aria-hidden":"true"},{children:G[1]?G[1]:"00"}),void 0)]}),void 0),i.jsx(j,{label:U.label.member},void 0)]},void 0)]},void 0),u&&i.jsx(s.TagContainer,e.__assign({size:A},{children:i.jsx(o.DiscountTag,e.__assign({},u,{size:A,ariaLabel:I}),void 0)}),void 0)]}),void 0)},exports.getTestId=y;
|
|
2
2
|
//# sourceMappingURL=PriceLabelV4.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../core/theme/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../core/theme/Theme.js"),a=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js"),l=require("../../../types/enums.js"),n=require("../priceLabelV6/utils/priceLabelAria.js"),o=require("./PriceLabelV5.styled.js");function c(){for(var e=[],i=0;i<arguments.length;i++)e[i]=arguments[i];return e.filter(Boolean).join("-")}var t=function(r){var a=r.theme,n=r.originalPriceUnderlined,t=r.testId,s=r.originalPrice,d=r.ariaLabel;return i.jsx(o.Price,e.__assign({size:l.ComponentSize.Small,color:a.colors.shades[450].color,underlined:n,"data-testid":c(t,"original-product-price"),"data-nosnippet":!0,theme:a,"aria-label":d},{children:s}),void 0)};exports.PriceLabelV5=function(s){var d=s.finalPrice,u=s.originalPrice;s.discount;var P=s.color,g=s.testId,b=s.finalPriceStyle,m=s.originalPriceUnderlined,p=void 0===m||m,L=s.size,f=void 0===L?l.ComponentSize.Medium:L,v=s.finalPriceAriaLabel,y=s.originalPriceAriaLabel,h=e.__rest(s,["finalPrice","originalPrice","discount","color","testId","finalPriceStyle","originalPriceUnderlined","size","finalPriceAriaLabel","originalPriceAriaLabel"]),j=r.useTheme(),_="$";"string"==typeof d&&(_=a.getCurrencySymbol(d));var x=u&&u!==d,S=n.getPriceLabelAriaTexts({productFinalPrice:d,originalPrice:u,currencySymbol:_,isOriginalPrice:!!x,finalPriceAriaLabel:v,originalPriceAriaLabel:y}),A=S.computedFinalPriceLabel,q=S.computedOriginalPriceLabel,z={size:f,color:null!=P?P:j.colors.pallete.secondary.color,weight:700};return i.jsx(o.Container,e.__assign({},h,{id:"priceLabel"},{children:i.jsxs(i.Fragment,{children:[i.jsx(o.Price,e.__assign({margin:!0,"data-testid":c(g,"final-product-price")},z,{style:b,size:f,"aria-label":A},{children:d}),void 0),!!u&&i.jsx(t,{theme:j,originalPriceUnderlined:p,testId:g,originalPrice:u,ariaLabel:q},void 0)]},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV5.js.map
|
package/package.json
CHANGED