@trafilea/afrodita-components 7.27.11 → 7.27.13
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/dropdown/base/BaseDropdown.js +1 -1
- package/build/es/components/dropdown/useControlledDropdownValue.js +2 -0
- package/build/es/components/dropdown/useControlledDropdownValue.js.map +1 -0
- package/build/es/components/dropdown/variants/simple/SimpleDropdown.js +1 -1
- package/build/es/components/dropdown/variants/smart/SmartDropdown.js +1 -1
- package/build/es/components/rating/Rating.js +1 -1
- package/build/es/components/shared/select/BaseSelect.js +1 -1
- package/build/index.d.ts +5 -3
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/dropdown/base/BaseDropdown.js +1 -1
- package/build/lib/components/dropdown/useControlledDropdownValue.js +2 -0
- package/build/lib/components/dropdown/useControlledDropdownValue.js.map +1 -0
- package/build/lib/components/dropdown/variants/simple/SimpleDropdown.js +1 -1
- package/build/lib/components/dropdown/variants/smart/SmartDropdown.js +1 -1
- package/build/lib/components/rating/Rating.js +1 -1
- package/build/lib/components/shared/select/BaseSelect.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as 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 g}from"../../../../core/theme/Theme.js";import{useWindowDimensions as v}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 f}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Tooltip.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{PriceLabelWithCredits as S}from"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.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 L}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as A}from"./constants.js";import{getStylesBySize as z,ProdCardContainer as T,CornerContainer as x,Container as k,ImageContainer as I,TopTagContainer as B,BottomTagContainer as D,ImageHoverContainer as V,Title as O,Divider as M,MarginTopContainer as R,OneLineInfoWrapper as N,ClubOfferPriceLabelWrapper as F,InlineContainer as W}from"./styled.js";import{TagContainer as G}from"../../../pricing/styles.js";import{IconButton as H}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/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.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 q}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var E=function(E){var Z,K,_,J,Q,U,X,Y,$,ii,oi,ri=E.title,ei=E.image,ti=E.imageHover,si=E.price,li=E.rating,ai=E.hideRating,ni=void 0!==ai&&ai,di=E.size,ci=E.alignName,mi=void 0===ci?"center":ci,pi=E.url,ui=E.className,gi=E.topTag,vi=E.bottomTag,ji=E.onClick,fi=E.priceDisplayType,hi=void 0===fi?"default":fi,bi=E.priceAtBottom,yi=E.ratingOnTop,Pi=E.priceLoading,Ci=E.noFollow,Si=void 0!==Ci&&Ci,Li=E.colorPicker,wi=void 0===Li?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Li,Ai=E.isBNPL,zi=void 0===Ai?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Ai,Ti=E.hasStrength,xi=void 0===Ti?{strength:-1,description:""}:Ti,ki=E.clubPrice,Ii=void 0===ki?"":ki,Bi=E.showClubPriceLabel,Di=void 0!==Bi&&Bi,Vi=E.isRatingLoading,Oi=E.version,Mi=void 0===Oi?1:Oi,Ri=E.showDiscountPercentageTag,Ni=void 0!==Ri&&Ri,Fi=E.discountTagLoading,Wi=E.discountTag,Gi=E.isOnViewport,Hi=void 0!==Gi&&Gi,qi=E.hasDefaultSize,Ei=void 0!==qi&&qi,Zi=E.clubOffer,Ki=E.likeBtn,_i=E.onClickBottomButton,Ji=E.showDecimals,Qi=void 0===Ji||Ji,Ui=E.showDivider,Xi=void 0!==Ui&&Ui,Yi=E.invertPriceDirection,$i=void 0!==Yi&&Yi,io=E.priceAndReviewInOneLine,oo=void 0!==io&&io,ro=E.priceAndDiscountTagInOneLine,eo=void 0!==ro&&ro,to=E.tooltipText,so=E.tooltipIcon,lo=E.tooltipPosition,ao=E.credits,no=E.creditsLabel,co=E.creditsBadge,mo=E.originalPricePrefix,po=E.finalPriceAriaLabel,uo=E.originalPriceAriaLabel,go=E.discountAriaLabel,vo=E.tooltipAriaLabel,jo=E.quickViewAriaLabel,fo=E.sellingFastAriaLabel,ho=E.quickViewAriaHidden,bo=E.sellingFastAriaHidden,yo=E.sellingFast,Po=E.infoLabel,Co=E.customBottomButton,So=g(),Lo=z(di),wo=v().isMobile,Ao=t((function(){var i;return(i={},i[f.Large]=8,i[f.Medium]=4,i[f.Small]=2,i)[di]}),[di]),zo=Ni?Wi:void 0,To=function(o){var e,t,s,l,a,d;if(void 0===o&&(o=Mi),"hidden"===hi)return null;if("credits"===hi)return r(S,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,color:si.color,credits:ao,creditsLabel:no,creditsBadge:co,originalPricePrefix:mo,tooltipText:to,tooltipIcon:so,tooltipPosition:lo,tooltipAriaLabel:vo,testId:"price-with-credits",finalPriceAriaLabel:po,originalPriceAriaLabel:uo},void 0);switch(o){case 4:return r(L,"styled"===hi?{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,clubPrice:Ii,styledPrice:!0,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?wo?{fontSize:"12px",fontWeight:700,color:null===(t=So.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=So.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,clubPrice:Ii,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?wo?{fontSize:"12px",fontWeight:700,color:null===(l=So.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=So.colors.pallete.brickRed)||void 0===s?void 0:s.color}:void 0},void 0);case 5:return r(F,i({style:null==Zi?void 0:Zi.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Zi?void 0:Zi.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Zi?void 0:Zi.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,icon:null==Zi?void 0:Zi.clubOfferIcon,isCollections:null==Zi?void 0:Zi.isCollections},void 0)}),void 0);case 6:return r(C,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,color:si.color,size:f.Medium,testId:"volume-discount-v6",showDecimals:Qi,tooltipText:to,tooltipIcon:so,tooltipPosition:lo,tooltipAriaLabel:vo,isMobile:wo,savingsDisplay:Ni,discount:zo,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go},void 0);default:return"styled"===hi?r(P,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Large,testId:"volume-discount",showDecimals:Qi,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,tooltipAriaLabel:vo},void 0):r(y,{invertDirection:$i,finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount",clubStyle:Di,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?wo?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},xo=function(){return ni||!li.reviews&&!li.rating?r(e,{},void 0):Vi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:di===f.Large?f.Small:f.XSmall,rating:li.rating,reviews:null==li?void 0:li.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},ko=s(null!==(Z=null==Ki?void 0:Ki.isLiked)&&void 0!==Z&&Z),Io=ko[0],Bo=ko[1],Do=s(null!==(K=null==Ki?void 0:Ki.likes)&&void 0!==K?K:0),Vo=Do[0],Oo=Do[1],Mo=eo?W:l;return o(T,i({className:ui,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(x,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(k,i({as:pi?"a":"div",href:pi,rel:Si?"nofollow":"",className:"picContainer",onClick:ji},{children:[!!Ki&&r(q,{isLiked:Io,likes:Vo,onClick:function(i){i.stopPropagation(),Oo(Io?function(i){return i-1}:function(i){return i+1}),Bo((function(i){return!i})),null==Ki||Ki.onClick(i)},colors:{background:{active:null!==(Q=null===(J=null===(_=Ki.colors)||void 0===_?void 0:_.background)||void 0===J?void 0:J.active)&&void 0!==Q?Q:So.colors.shades.white.color,hover:null!==(oi=null!==(Y=null===(X=null===(U=Ki.colors)||void 0===U?void 0:U.background)||void 0===X?void 0:X.hover)&&void 0!==Y?Y:null===(ii=null===($=Ki.colors)||void 0===$?void 0:$.background)||void 0===ii?void 0:ii.active)&&void 0!==oi?oi:So.colors.shades.white.color}}},void 0),gi||vi?o(I,i({width:null==Lo?void 0:Lo.width,height:null==Lo?void 0:Lo.height,"data-testid":"tags-image-container"},{children:[r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:Ei?null==Lo?void 0:Lo.width:"100%",height:Ei?null==Lo?void 0:Lo.height:"100%",loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[So.name].image.borderRadius},void 0),r(B,i({style:{width:wi.display?"100%":"inherit"}},{children:gi}),void 0),r(D,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:null==Lo?void 0:Lo.width,height:null==Lo?void 0:Lo.height,loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[So.name].image.borderRadius},void 0),ti?r(V,{className:"hover__image",src:ti.src,srcSet:j(ti.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ti.alt,width:null==Lo?void 0:Lo.width,height:null==Lo?void 0:Lo.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:Ao},void 0),wi.component]},void 0),yi&&o(e,{children:[r(p,{size:Ao},void 0),r(p,{size:Ao},void 0),r(xo,{},void 0)]},void 0),o(k,i({as:pi?"a":"div",href:pi,rel:Si?"nofollow":"",onClick:ji,className:"textContainer",style:{alignItems:Di?"flex-start":"center"}},{children:[r(p,{size:Ao},void 0),r(O,i({theme:So,align:Di?"left":mi,"data-testid":"product-card-title"},{children:ri}),void 0),r(p,{size:Ao},void 0),!!Po&&Po,Xi&&o(e,{children:[r(M,{theme:So},void 0),r(p,{size:Ao},void 0)]},void 0),xi&&-1!==xi.strength&&o(e,{children:[r(u,{barsFilled:xi.strength,supportText:xi.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,bi&&!yi?{children:[r(xo,{},void 0),r(p,{size:Ao},void 0),o(R,i({style:{marginTop:(null==Zi?void 0:Zi.isClubOffer)?0:8}},{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):To(),(null==Zi?void 0:Zi.isClubOffer)&&To(5)]}),void 0)]}:{children:[o(Mo,{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):oo&&!yi?o(N,{children:[To(),r(xo,{},void 0)]},void 0):o(e,{children:[!(null==Zi?void 0:Zi.isClubMember)&&To(),(null==Zi?void 0:Zi.isClubOffer)&&To(5),r(c,{displayBNPL:null==zi?void 0:zi.displayBNPL,installments:(null==zi?void 0:zi.installments)||0,installmentPrice:(null==zi?void 0:zi.installmentPrice)||"",iconFolder:null==zi?void 0:zi.iconFolder,iconName:(null==zi?void 0:zi.iconName)||"",showLogo:null==zi?void 0:zi.showLogo,iconColor:null==zi?void 0:zi.iconColor,fontSize:null==zi?void 0:zi.fontSize},void 0)]},void 0),Di&&r(m,{clubPrice:Ii},void 0),6!==Mi&&(Fi?r(a,{height:"22px",width:"75px"},void 0):Ni&&r(G,i({size:f.Small},{children:Wi&&r(b,i({},Wi,{size:f.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),yo&&r(d,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:fo||bo?null!=fo?fo:"":"selling-fast-copy","aria-hidden":!(!bo||fo)||void 0,width:"77px",height:"22px"},void 0)]},void 0),r(p,{size:Ao},void 0),!yi&&!oo&&r(xo,{},void 0)]},void 0),!!_i&&o(e,{children:[r(p,{size:Ao},void 0),r(p,{size:Ao},void 0),o(H,i({size:f.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==_i||_i(i)},onKeyDown:function(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),i.stopPropagation(),null==_i||_i(i))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:ho&&!jo?-1:0,"aria-label":jo,"aria-hidden":!(!ho||jo)||void 0},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(e,{children:[r(p,{size:Ao},void 0),wi.component]},void 0),!!Co&&Co]}),void 0)};export{E 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 g}from"../../../../core/theme/Theme.js";import{useWindowDimensions as v}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 f}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Tooltip.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{PriceLabelWithCredits as S}from"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.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 L}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as A}from"./constants.js";import{getStylesBySize as z,ProdCardContainer as T,CornerContainer as x,Container as k,ImageContainer as I,TopTagContainer as B,BottomTagContainer as D,ImageHoverContainer as V,Title as O,Divider as M,MarginTopContainer as R,OneLineInfoWrapper as F,ClubOfferPriceLabelWrapper as N,InlineContainer as W}from"./styled.js";import{TagContainer as G}from"../../../pricing/styles.js";import{IconButton as H}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/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.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 q}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var E=function(E){var Z,K,_,J,Q,U,X,Y,$,ii,oi,ri=E.title,ei=E.image,ti=E.imageHover,si=E.price,li=E.rating,ai=E.hideRating,ni=void 0!==ai&&ai,di=E.size,ci=E.alignName,mi=void 0===ci?"center":ci,pi=E.url,ui=E.className,gi=E.topTag,vi=E.bottomTag,ji=E.onClick,fi=E.priceDisplayType,hi=void 0===fi?"default":fi,bi=E.priceAtBottom,yi=E.ratingOnTop,Pi=E.priceLoading,Ci=E.noFollow,Si=void 0!==Ci&&Ci,Li=E.colorPicker,wi=void 0===Li?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Li,Ai=E.isBNPL,zi=void 0===Ai?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Ai,Ti=E.hasStrength,xi=void 0===Ti?{strength:-1,description:""}:Ti,ki=E.clubPrice,Ii=void 0===ki?"":ki,Bi=E.showClubPriceLabel,Di=void 0!==Bi&&Bi,Vi=E.isRatingLoading,Oi=E.version,Mi=void 0===Oi?1:Oi,Ri=E.showDiscountPercentageTag,Fi=void 0!==Ri&&Ri,Ni=E.discountTagLoading,Wi=E.discountTag,Gi=E.isOnViewport,Hi=void 0!==Gi&&Gi,qi=E.hasDefaultSize,Ei=void 0!==qi&&qi,Zi=E.clubOffer,Ki=E.likeBtn,_i=E.onClickBottomButton,Ji=E.showDecimals,Qi=void 0===Ji||Ji,Ui=E.showDivider,Xi=void 0!==Ui&&Ui,Yi=E.invertPriceDirection,$i=void 0!==Yi&&Yi,io=E.priceAndReviewInOneLine,oo=void 0!==io&&io,ro=E.priceAndDiscountTagInOneLine,eo=void 0!==ro&&ro,to=E.tooltipText,so=E.tooltipIcon,lo=E.tooltipPosition,ao=E.credits,no=E.creditsLabel,co=E.creditsBadge,mo=E.originalPricePrefix,po=E.finalPriceAriaLabel,uo=E.originalPriceAriaLabel,go=E.discountAriaLabel,vo=E.tooltipAriaLabel,jo=E.quickViewAriaLabel,fo=E.sellingFastAriaLabel,ho=E.quickViewAriaHidden,bo=E.sellingFastAriaHidden,yo=E.sellingFast,Po=E.infoLabel,Co=E.customBottomButton,So=E.overrideRatingStarFill,Lo=g(),wo=z(di),Ao=v().isMobile,zo=t((function(){var i;return(i={},i[f.Large]=8,i[f.Medium]=4,i[f.Small]=2,i)[di]}),[di]),To=Fi?Wi:void 0,xo=function(o){var e,t,s,l,a,d;if(void 0===o&&(o=Mi),"hidden"===hi)return null;if("credits"===hi)return r(S,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,color:si.color,credits:ao,creditsLabel:no,creditsBadge:co,originalPricePrefix:mo,tooltipText:to,tooltipIcon:so,tooltipPosition:lo,tooltipAriaLabel:vo,testId:"price-with-credits",finalPriceAriaLabel:po,originalPriceAriaLabel:uo},void 0);switch(o){case 4:return r(L,"styled"===hi?{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,clubPrice:Ii,styledPrice:!0,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?Ao?{fontSize:"12px",fontWeight:700,color:null===(t=Lo.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=Lo.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,clubPrice:Ii,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?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 r(N,i({style:null==Zi?void 0:Zi.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Zi?void 0:Zi.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Zi?void 0:Zi.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount-v4",clubStyle:Di,icon:null==Zi?void 0:Zi.clubOfferIcon,isCollections:null==Zi?void 0:Zi.isCollections},void 0)}),void 0);case 6:return r(C,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,color:si.color,size:f.Medium,testId:"volume-discount-v6",showDecimals:Qi,tooltipText:to,tooltipIcon:so,tooltipPosition:lo,tooltipAriaLabel:vo,isMobile:Ao,savingsDisplay:Fi,discount:To,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go},void 0);default:return"styled"===hi?r(P,{finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Large,testId:"volume-discount",showDecimals:Qi,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,tooltipAriaLabel:vo},void 0):r(y,{invertDirection:$i,finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount",clubStyle:Di,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:go,finalPriceStyle:Di?Ao?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ko=function(){return ni||!li.reviews&&!li.rating?r(e,{},void 0):Vi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:di===f.Large?f.Small:f.XSmall,rating:li.rating,reviews:null==li?void 0:li.reviews,reviewsText:"",wrapWithParenthesis:!0,overrideRatingStarFill:So},void 0)},Io=s(null!==(Z=null==Ki?void 0:Ki.isLiked)&&void 0!==Z&&Z),Bo=Io[0],Do=Io[1],Vo=s(null!==(K=null==Ki?void 0:Ki.likes)&&void 0!==K?K:0),Oo=Vo[0],Mo=Vo[1],Ro=eo?W:l;return o(T,i({className:ui,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(x,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(k,i({as:pi?"a":"div",href:pi,rel:Si?"nofollow":"",className:"picContainer",onClick:ji},{children:[!!Ki&&r(q,{isLiked:Bo,likes:Oo,onClick:function(i){i.stopPropagation(),Mo(Bo?function(i){return i-1}:function(i){return i+1}),Do((function(i){return!i})),null==Ki||Ki.onClick(i)},colors:{background:{active:null!==(Q=null===(J=null===(_=Ki.colors)||void 0===_?void 0:_.background)||void 0===J?void 0:J.active)&&void 0!==Q?Q:Lo.colors.shades.white.color,hover:null!==(oi=null!==(Y=null===(X=null===(U=Ki.colors)||void 0===U?void 0:U.background)||void 0===X?void 0:X.hover)&&void 0!==Y?Y:null===(ii=null===($=Ki.colors)||void 0===$?void 0:$.background)||void 0===ii?void 0:ii.active)&&void 0!==oi?oi:Lo.colors.shades.white.color}}},void 0),gi||vi?o(I,i({width:null==wo?void 0:wo.width,height:null==wo?void 0:wo.height,"data-testid":"tags-image-container"},{children:[r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:Ei?null==wo?void 0:wo.width:"100%",height:Ei?null==wo?void 0:wo.height:"100%",loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Lo.name].image.borderRadius},void 0),r(B,i({style:{width:wi.display?"100%":"inherit"}},{children:gi}),void 0),r(D,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:null==wo?void 0:wo.width,height:null==wo?void 0:wo.height,loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Lo.name].image.borderRadius},void 0),ti?r(V,{className:"hover__image",src:ti.src,srcSet:j(ti.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ti.alt,width:null==wo?void 0:wo.width,height:null==wo?void 0:wo.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:zo},void 0),wi.component]},void 0),yi&&o(e,{children:[r(p,{size:zo},void 0),r(p,{size:zo},void 0),r(ko,{},void 0)]},void 0),o(k,i({as:pi?"a":"div",href:pi,rel:Si?"nofollow":"",onClick:ji,className:"textContainer",style:{alignItems:Di?"flex-start":"center"}},{children:[r(p,{size:zo},void 0),r(O,i({theme:Lo,align:Di?"left":mi,"data-testid":"product-card-title"},{children:ri}),void 0),r(p,{size:zo},void 0),!!Po&&Po,Xi&&o(e,{children:[r(M,{theme:Lo},void 0),r(p,{size:zo},void 0)]},void 0),xi&&-1!==xi.strength&&o(e,{children:[r(u,{barsFilled:xi.strength,supportText:xi.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,bi&&!yi?{children:[r(ko,{},void 0),r(p,{size:zo},void 0),o(R,i({style:{marginTop:(null==Zi?void 0:Zi.isClubOffer)?0:8}},{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):xo(),(null==Zi?void 0:Zi.isClubOffer)&&xo(5)]}),void 0)]}:{children:[o(Ro,{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):oo&&!yi?o(F,{children:[xo(),r(ko,{},void 0)]},void 0):o(e,{children:[!(null==Zi?void 0:Zi.isClubMember)&&xo(),(null==Zi?void 0:Zi.isClubOffer)&&xo(5),r(c,{displayBNPL:null==zi?void 0:zi.displayBNPL,installments:(null==zi?void 0:zi.installments)||0,installmentPrice:(null==zi?void 0:zi.installmentPrice)||"",iconFolder:null==zi?void 0:zi.iconFolder,iconName:(null==zi?void 0:zi.iconName)||"",showLogo:null==zi?void 0:zi.showLogo,iconColor:null==zi?void 0:zi.iconColor,fontSize:null==zi?void 0:zi.fontSize},void 0)]},void 0),Di&&r(m,{clubPrice:Ii},void 0),6!==Mi&&(Ni?r(a,{height:"22px",width:"75px"},void 0):Fi&&r(G,i({size:f.Small},{children:Wi&&r(b,i({},Wi,{size:f.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),yo&&r(d,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:fo||bo?null!=fo?fo:"":"selling-fast-copy","aria-hidden":!(!bo||fo)||void 0,width:"77px",height:"22px"},void 0)]},void 0),r(p,{size:zo},void 0),!yi&&!oo&&r(ko,{},void 0)]},void 0),!!_i&&o(e,{children:[r(p,{size:zo},void 0),r(p,{size:zo},void 0),o(H,i({size:f.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==_i||_i(i)},onKeyDown:function(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),i.stopPropagation(),null==_i||_i(i))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:ho&&!jo?-1:0,"aria-label":jo,"aria-hidden":!(!ho||jo)||void 0},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(e,{children:[r(p,{size:zo},void 0),wi.component]},void 0),!!Co&&Co]}),void 0)};export{E as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"@emotion/react/jsx-runtime";import e from"../../shared/select/BaseSelect.js";import n from"./BaseDropdownButton.js";import i from"./BaseDropdownOptions.js";import r from"./BaseDropdownOption.js";import{useTheme as s}from"../../../core/theme/Theme.js";var p=Object.assign((function(n){var i=n.value,r=n.onChange,
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"@emotion/react/jsx-runtime";import e from"../../shared/select/BaseSelect.js";import n from"./BaseDropdownButton.js";import i from"./BaseDropdownOptions.js";import r from"./BaseDropdownOption.js";import{useTheme as s}from"../../../core/theme/Theme.js";var p=Object.assign((function(n){var i=n.value,r=void 0===i?null:i,p=n.onChange,d=n.disabled,m=n.wide,a=n.children,c=s();return t(e,o({value:r,onChange:function(o){return p(o)},css:{width:m?"100%":"fit-content",height:m?"100%":"fit-content",position:"relative",fontSize:c.component.dropdown.fontSize,lineHeight:c.component.dropdown.lineHeight,color:c.component.dropdown.color},disabled:d},{children:a}),void 0)}),{Button:n,Options:i,Option:r});export{p as default};
|
|
2
2
|
//# sourceMappingURL=BaseDropdown.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{useState as n,useEffect as l}from"react";var u=function(u){var e,o=u.value,a=u.initialValue,t=u.options,r=u.onChange,i=n(null!==(e=null!=o?o:a)&&void 0!==e?e:null),c=i[0],v=i[1];return l((function(){null!=o?t.some((function(n){return n.value===o.value}))?v(o):v(null):a||v(null)}),[o,t,a]),{selectedValue:c,onChangeHandler:function(n){r&&r(n),v(n)}}};export{u as useControlledDropdownValue};
|
|
2
|
+
//# sourceMappingURL=useControlledDropdownValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControlledDropdownValue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as
|
|
1
|
+
import{__makeTemplateObject as e,__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as r}from"react/jsx-runtime";import t from"@emotion/styled";import{useMemo as a,Fragment as l}from"react";import{Icon as d}from"../../../icons/index.js";import{Error as s}from"../../../input/base/Error.js";import m from"../../base/BaseDropdown.js";import{useControlledDropdownValue as c}from"../../useControlledDropdownValue.js";var p,u,v,g=t.div(p||(p=e([""],[""]))),h=t.p(u||(u=e(["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"],["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"]))),f=t.span(v||(v=e(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.fontWeight||""}));function b(e){var t=e.options,p=e.disabled,u=void 0!==p&&p,v=e.initialValue,b=e.placeHolder,w=e.label,C=e.wide,R=void 0!==C&&C,U=e.sort,O=void 0!==U&&U,L=e.onChange,j=e.value,x=e.testId,I=void 0===x?"simple-dropdown":x,y=e.required,H=e.showRequiredPlaceholder,V=e.selectedOptionWeight,D=e.isOpenUpwards,W=void 0!==D&&D,q=e.maxHeight,A=c({value:j,initialValue:v,options:t,onChange:L}),B=A.selectedValue,F=A.onChangeHandler,k=a((function(){var e;return B?null!==(e=B.selectedLabel)&&void 0!==e?e:B.label:H?n(h,{children:b},void 0):b}),[B,H,b]);return i(H?g:l,{children:[i(m,o({value:B,onChange:F,disabled:u,wide:R},{children:[i(m.Button,o({label:w,OpenIcon:d.Arrows.ChevronDown,CloseIcon:d.Arrows.ChevronUp,wide:R,isSortOrFilter:O,testId:I},{children:[!!(null==B?void 0:B.imageURL)&&n("img",{src:B.imageURL,alt:B.label,style:{paddingRight:8}},void 0),V&&u?n(f,o({fontWeight:V},{children:k}),void 0):n(r,{children:k},void 0)]}),void 0),n(m.Options,o({isOpenUpwards:W,maxHeight:q},{children:t.map((function(e){return i(m.Option,o({value:e,disabled:e.disabled,hasImage:!!e.imageURL},{children:[!!e.imageURL&&n("img",{src:e.imageURL,alt:e.label,style:{paddingRight:8}},void 0),e.label]}),e.key)}))}),void 0)]}),void 0),!!y&&n(s,{error:y},void 0)]},void 0)}export{b as default};
|
|
2
2
|
//# sourceMappingURL=SimpleDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o,jsxs as i,Fragment as t}from"react/jsx-runtime";import{Listbox as n}from"@headlessui/react";import{useRef as r,useMemo as d,Fragment as l}from"react";import{useViewportAwarePosition as a}from"../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js";import{Icon as s}from"../../../icons/index.js";import{Error as p}from"../../../input/base/Error.js";import c from"../../base/BaseDropdown.js";import{useControlledDropdownValue as m}from"../../useControlledDropdownValue.js";import u from"./SmartDropdownOption.js";import h from"./SmartDropdownOptions.js";import{RequiredPlaceholder as v,DropdownWrapper as g,ContentWrapper as f,OptionImage as b,SelectedOption as w,Container as O}from"./styled.js";var V=function(n){var r=n.open,d=n.dropdownRef,l=n.selectedValue,p=n.selectedOptionLabel,m=n.selectedOptionWeight,v=n.disabled,g=n.label,O=n.wide,V=n.sort,x=n.testId,j=n.options,C=n.calculatedMaxHeight,H=n.maxVisibleOptions,R=n.estimatedOptionHeight,A=n.forceDirection,D=n.optionBadge,L=n.optionsAlign,U=a({dropdownRef:d,isOpen:r,optionsCount:j.length,estimatedOptionHeight:R,maxVisibleOptions:H}).isOpenUpwards,I=A?"up"===A:U;return i(f,e({wide:O},{children:[i(c.Button,e({label:g,OpenIcon:s.Arrows.ChevronDown,CloseIcon:s.Arrows.ChevronUp,wide:O,isSortOrFilter:V,testId:x},{children:[!!(null==l?void 0:l.imageURL)&&o(b,{src:l.imageURL,alt:l.label},void 0),m&&v?o(w,e({fontWeight:m},{children:p}),void 0):o(t,{children:p},void 0)]}),void 0),o(h,e({isOpenUpwards:I,maxHeight:C,optionsAlign:L},{children:j.map((function(t){return i(u,e({value:t,disabled:t.disabled,hasImage:!!t.imageURL},{children:[!!t.imageURL&&o(b,{src:t.imageURL,alt:t.label},void 0),t.label,(null==D?void 0:D.optionKey)===t.key&&D.content]}),t.key)}))}),void 0)]}),void 0)},x=function(t){var a=t.options,s=t.disabled,c=void 0!==s&&s,u=t.initialValue,h=t.placeHolder,f=t.label,b=t.wide,w=void 0!==b&&b,x=t.sort,j=void 0!==x&&x,C=t.onChange,H=t.value,R=t.testId,A=void 0===R?"smart-dropdown":R,D=t.required,L=t.showRequiredPlaceholder,U=t.selectedOptionWeight,I=t.maxVisibleOptions,B=void 0===I?5:I,y=t.estimatedOptionHeight,W=void 0===y?40:y,k=t.forceDirection,P=t.optionBadge,S=t.optionsAlign,q=m({value:H,initialValue:u,options:a,onChange:C}),F=q.selectedValue,M=q.onChangeHandler,E=r(null),K=d((function(){if(!(a.length<=B))return"".concat(B*W,"px")}),[a.length,B,W]),z=d((function(){var e;return F?null!==(e=F.selectedLabel)&&void 0!==e?e:F.label:L?o(v,{children:h},void 0):h}),[F,L,h]);return i(L?O:l,{children:[o(g,e({ref:E},{children:o(n,e({value:F,onChange:M,disabled:c},{children:function(e){var i=e.open;return o(V,{open:i,dropdownRef:E,selectedValue:F,selectedOptionLabel:z,selectedOptionWeight:U,disabled:c,label:f,wide:w,sort:j,testId:A,options:a,calculatedMaxHeight:K,maxVisibleOptions:B,estimatedOptionHeight:W,forceDirection:k,optionBadge:P,optionsAlign:S},void 0)}}),void 0)}),void 0),!!D&&o(p,{error:D},void 0)]},void 0)};export{x as default};
|
|
2
2
|
//# sourceMappingURL=SmartDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as i}from"../../types/enums.js";import{STARTS_NUMBER as a}from"./constants.js";import{StarList as n}from"./starList/StarList.js";import{Container as s,RatingLabel as l,CustomLabel as c}from"./styles.js";var d=function(d){var m=d.size,v=void 0===m?i.Medium:m,u=d.reviews,f=d.reviewsText,h=d.rating,p=d.showRatingText,w=void 0!==p&&p,b=d.wrapWithParenthesis,j=void 0!==b&&b,
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as i}from"../../types/enums.js";import{STARTS_NUMBER as a}from"./constants.js";import{StarList as n}from"./starList/StarList.js";import{Container as s,RatingLabel as l,CustomLabel as c}from"./styles.js";var d=function(d){var m=d.size,v=void 0===m?i.Medium:m,u=d.reviews,f=d.reviewsText,h=d.rating,p=d.showRatingText,w=void 0!==p&&p,b=d.wrapWithParenthesis,j=void 0!==b&&b,g=d.underline,C=void 0!==g&&g,x=d.reviewsContainerId,L=d.additionalContent,y=d.overrideRatingStarFill;var z,R=r(),S=null!=u;if(S){var T=1===u?"review":"reviews";z="".concat(u," ").concat(T)}var I=z||f,P=I?", ".concat(I):"",W="".concat(h," out of ").concat(a," stars").concat(P),k=[S?"".concat(u):"",null!=f?f:""].filter(Boolean).join(" ");return t(s,e({as:x?"a":"div"},x?{href:x}:{},{"data-testid":"Container",onClick:function(e){var t;e.cancelable&&e.preventDefault(),x&&(null===(t=document.querySelector(x))||void 0===t||t.scrollIntoView({behavior:"smooth"}))},"aria-label":W},{children:[w&&o(l,e({color:R.colors.shades[700].color,"data-testid":"RatingLabel"},{children:h}),void 0),o(n,{rating:h,size:v,starsNumber:a,fill:null!=y?y:R.component.stars.element.color},void 0),(u||f)&&o(c,e({theme:R,size:v,wrapWithParenthesis:j,underline:C,"data-testid":"CustomLabel"},{children:k}),void 0),L]}),void 0)};export{d as Rating};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import{Listbox as i}from"@headlessui/react";import r from"./BaseSelectButton.js";import a from"./BaseSelectOptions.js";import
|
|
1
|
+
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import{Listbox as i}from"@headlessui/react";import r from"./BaseSelectButton.js";import a from"./BaseSelectOptions.js";import n from"./BaseSelectOption.js";import s from"@emotion/styled";var l=s(i)(m||(m=e(["\n position: relative;\n"],["\n position: relative;\n"])));var m,p=Object.assign((function(e){var i=e.value,r=void 0===i?null:i,a=e.onChange,n=e.disabled,s=e.children,m=e.className;return o(l,t({disabled:n,as:"div",value:r,onChange:a,className:m},{children:s}),void 0)}),{Button:r,Options:a,Option:n});export{p as default};
|
|
2
2
|
//# sourceMappingURL=BaseSelect.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1585,8 +1585,9 @@ interface RatingProps {
|
|
|
1585
1585
|
underline?: boolean;
|
|
1586
1586
|
reviewsContainerId?: string;
|
|
1587
1587
|
additionalContent?: react__default.ReactNode;
|
|
1588
|
+
overrideRatingStarFill?: string;
|
|
1588
1589
|
}
|
|
1589
|
-
declare const Rating: ({ size, reviews, reviewsText, rating, showRatingText, wrapWithParenthesis, underline, reviewsContainerId, additionalContent, }: RatingProps) => JSX.Element;
|
|
1590
|
+
declare const Rating: ({ size, reviews, reviewsText, rating, showRatingText, wrapWithParenthesis, underline, reviewsContainerId, additionalContent, overrideRatingStarFill, }: RatingProps) => JSX.Element;
|
|
1590
1591
|
|
|
1591
1592
|
interface ProductItemProps {
|
|
1592
1593
|
title: string;
|
|
@@ -3232,6 +3233,7 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
3232
3233
|
tooltipAriaLabel?: string;
|
|
3233
3234
|
infoLabel?: JSX.Element;
|
|
3234
3235
|
customBottomButton?: JSX.Element;
|
|
3236
|
+
overrideRatingStarFill?: string;
|
|
3235
3237
|
}
|
|
3236
3238
|
|
|
3237
3239
|
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
@@ -3458,7 +3460,7 @@ declare type CommonProps$2<T> = {
|
|
|
3458
3460
|
maxHeight?: string | number;
|
|
3459
3461
|
};
|
|
3460
3462
|
declare type ControlledProps$1<T> = {
|
|
3461
|
-
value: Value$1<T
|
|
3463
|
+
value: Value$1<T> | null;
|
|
3462
3464
|
onChange: OnChange$1<T>;
|
|
3463
3465
|
selectedOptionWeight?: number | string;
|
|
3464
3466
|
} & CommonProps$2<T>;
|
|
@@ -3495,7 +3497,7 @@ declare type CommonProps$1<T> = {
|
|
|
3495
3497
|
optionsAlign?: 'left' | 'right';
|
|
3496
3498
|
};
|
|
3497
3499
|
declare type ControlledProps<T> = {
|
|
3498
|
-
value: Value<T
|
|
3500
|
+
value: Value<T> | null;
|
|
3499
3501
|
onChange: OnChange<T>;
|
|
3500
3502
|
selectedOptionWeight?: number | string;
|
|
3501
3503
|
} & CommonProps$1<T>;
|
|
@@ -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"),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/Tooltip.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var m=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 b=require("../../../pricing/priceLabelV6/PriceLabelV6.js"),h=require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.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 P=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),y=require("../../../rating/Rating.js"),f=require("./constants.js"),C=require("./styled.js"),S=require("../../../pricing/styles.js"),x=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/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.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 L=require("../../../molecules/LikeButton/LikeButton.js");require("../../../molecules/ScarcityTag/ScarcityTag.styled.js");module.exports=function(w){var z,T,A,I,k,B,D,V,_,O,M,F=w.title,R=w.image,W=w.imageHover,N=w.price,H=w.rating,E=w.hideRating,G=void 0!==E&&E,Y=w.size,Z=w.alignName,K=void 0===Z?"center":Z,J=w.url,Q=w.className,U=w.topTag,X=w.bottomTag,$=w.onClick,ee=w.priceDisplayType,ie=void 0===ee?"default":ee,re=w.priceAtBottom,oe=w.ratingOnTop,se=w.priceLoading,te=w.noFollow,le=void 0!==te&&te,ae=w.colorPicker,ne=void 0===ae?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:ae,de=w.isBNPL,ce=void 0===de?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:de,ue=w.hasStrength,ge=void 0===ue?{strength:-1,description:""}:ue,je=w.clubPrice,pe=void 0===je?"":je,me=w.showClubPriceLabel,ve=void 0!==me&&me,qe=w.isRatingLoading,be=w.version,he=void 0===be?1:be,Pe=w.showDiscountPercentageTag,ye=void 0!==Pe&&Pe,fe=w.discountTagLoading,Ce=w.discountTag,Se=w.isOnViewport,xe=void 0!==Se&&Se,Le=w.hasDefaultSize,we=void 0!==Le&&Le,ze=w.clubOffer,Te=w.likeBtn,Ae=w.onClickBottomButton,Ie=w.showDecimals,ke=void 0===Ie||Ie,Be=w.showDivider,De=void 0!==Be&&Be,Ve=w.invertPriceDirection,_e=void 0!==Ve&&Ve,Oe=w.priceAndReviewInOneLine,Me=void 0!==Oe&&Oe,Fe=w.priceAndDiscountTagInOneLine,Re=void 0!==Fe&&Fe,We=w.tooltipText,Ne=w.tooltipIcon,He=w.tooltipPosition,Ee=w.credits,Ge=w.creditsLabel,Ye=w.creditsBadge,Ze=w.originalPricePrefix,Ke=w.finalPriceAriaLabel,Je=w.originalPriceAriaLabel,Qe=w.discountAriaLabel,Ue=w.tooltipAriaLabel,Xe=w.quickViewAriaLabel,$e=w.sellingFastAriaLabel,ei=w.quickViewAriaHidden,ii=w.sellingFastAriaHidden,ri=w.sellingFast,oi=w.infoLabel,si=w.customBottomButton,ti=c.useTheme(),li=C.getStylesBySize(Y),ai=u.useWindowDimensions().isMobile,ni=r.useMemo((function(){var e;return(e={},e[j.ComponentSize.Large]=8,e[j.ComponentSize.Medium]=4,e[j.ComponentSize.Small]=2,e)[Y]}),[Y]),di=ye?Ce:void 0,ci=function(r){var o,t,l,a,n,d;if(void 0===r&&(r=he),"hidden"===ie)return null;if("credits"===ie)return i.jsx(h.PriceLabelWithCredits,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,color:N.color,credits:Ee,creditsLabel:Ge,creditsBadge:Ye,originalPricePrefix:Ze,tooltipText:We,tooltipIcon:Ne,tooltipPosition:He,tooltipAriaLabel:Ue,testId:"price-with-credits",finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je},void 0);switch(r){case 4:return"styled"===ie?i.jsx(P.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:pe,styledPrice:!0,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ai?{fontSize:"12px",fontWeight:700,color:null===(t=ti.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=ti.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):i.jsx(P.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:pe,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ai?{fontSize:"12px",fontWeight:700,color:null===(a=ti.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=ti.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(C.ClubOfferPriceLabelWrapper,e.__assign({style:null==ze?void 0:ze.wrapperStyle},{children:i.jsx(s.ClubPriceMemberLabel,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==ze?void 0:ze.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==ze?void 0:ze.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,icon:null==ze?void 0:ze.clubOfferIcon,isCollections:null==ze?void 0:ze.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:ke,tooltipText:We,tooltipIcon:Ne,tooltipPosition:He,tooltipAriaLabel:Ue,isMobile:ai,savingsDisplay:ye,discount:di,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe},void 0);default:return"styled"===ie?i.jsx(q.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:ke,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,tooltipAriaLabel:Ue},void 0):i.jsx(v.PriceLabel,{invertDirection:_e,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:ve,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ai?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ui=function(){return G||!H.reviews&&!H.rating?i.jsx(i.Fragment,{},void 0):qe?i.jsx(o,{height:"20px",width:"80px"},void 0):i.jsx(y.Rating,{size:Y===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:H.rating,reviews:null==H?void 0:H.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},gi=r.useState(null!==(z=null==Te?void 0:Te.isLiked)&&void 0!==z&&z),ji=gi[0],pi=gi[1],mi=r.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),vi=mi[0],qi=mi[1],bi=Re?C.InlineContainer:r.Fragment;return i.jsxs(C.ProdCardContainer,e.__assign({className:Q,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&i.jsx(C.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),i.jsxs(C.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",className:"picContainer",onClick:$},{children:[!!Te&&i.jsx(L.LikeButton,{isLiked:ji,likes:vi,onClick:function(e){e.stopPropagation(),qi(ji?function(e){return e-1}:function(e){return e+1}),pi((function(e){return!e})),null==Te||Te.onClick(e)},colors:{background:{active:null!==(k=null===(I=null===(A=Te.colors)||void 0===A?void 0:A.background)||void 0===I?void 0:I.active)&&void 0!==k?k:ti.colors.shades.white.color,hover:null!==(M=null!==(V=null===(D=null===(B=Te.colors)||void 0===B?void 0:B.background)||void 0===D?void 0:D.hover)&&void 0!==V?V:null===(O=null===(_=Te.colors)||void 0===_?void 0:_.background)||void 0===O?void 0:O.active)&&void 0!==M?M:ti.colors.shades.white.color}}},void 0),U||X?i.jsxs(C.ImageContainer,e.__assign({width:null==li?void 0:li.width,height:null==li?void 0:li.height,"data-testid":"tags-image-container"},{children:[i.jsx(t.Image,{src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),alt:R.alt,width:we?null==li?void 0:li.width:"100%",height:we?null==li?void 0:li.height:"100%",loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[ti.name].image.borderRadius},void 0),i.jsx(C.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0),i.jsx(C.BottomTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:X}),void 0)]}),void 0):i.jsx(t.Image,{src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),alt:R.alt,width:null==li?void 0:li.width,height:null==li?void 0:li.height,loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[ti.name].image.borderRadius},void 0),W?i.jsx(C.ImageHoverContainer,{className:"hover__image",src:W.src,srcSet:g.getSrcSet(W.src,180,360,720,960),loading:"lazy",decoding:"async",alt:W.alt,width:null==li?void 0:li.width,height:null==li?void 0:li.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ni},void 0),ne.component]},void 0),oe&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ni},void 0),i.jsx(n.Spacing,{size:ni},void 0),i.jsx(ui,{},void 0)]},void 0),i.jsxs(C.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ve?"flex-start":"center"}},{children:[i.jsx(n.Spacing,{size:ni},void 0),i.jsx(C.Title,e.__assign({theme:ti,align:ve?"left":K,"data-testid":"product-card-title"},{children:F}),void 0),i.jsx(n.Spacing,{size:ni},void 0),!!oi&&oi,De&&i.jsxs(i.Fragment,{children:[i.jsx(C.Divider,{theme:ti},void 0),i.jsx(n.Spacing,{size:ni},void 0)]},void 0),ge&&-1!==ge.strength&&i.jsxs(i.Fragment,{children:[i.jsx(d.StrengthBars,{barsFilled:ge.strength,supportText:ge.description},void 0),i.jsx(n.Spacing,{size:10},void 0)]},void 0),re&&!oe?i.jsxs(i.Fragment,{children:[i.jsx(ui,{},void 0),i.jsx(n.Spacing,{size:ni},void 0),i.jsxs(C.MarginTopContainer,e.__assign({style:{marginTop:(null==ze?void 0:ze.isClubOffer)?0:8}},{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):ci(),(null==ze?void 0:ze.isClubOffer)&&ci(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(bi,{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):Me&&!oe?i.jsxs(C.OneLineInfoWrapper,{children:[ci(),i.jsx(ui,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==ze?void 0:ze.isClubMember)&&ci(),(null==ze?void 0:ze.isClubOffer)&&ci(5),i.jsx(l.BuyNowPayLater,{displayBNPL:null==ce?void 0:ce.displayBNPL,installments:(null==ce?void 0:ce.installments)||0,installmentPrice:(null==ce?void 0:ce.installmentPrice)||"",iconFolder:null==ce?void 0:ce.iconFolder,iconName:(null==ce?void 0:ce.iconName)||"",showLogo:null==ce?void 0:ce.showLogo,iconColor:null==ce?void 0:ce.iconColor,fontSize:null==ce?void 0:ce.fontSize},void 0)]},void 0),ve&&i.jsx(a.ClubPriceLabel,{clubPrice:pe},void 0),6!==he&&(fe?i.jsx(o,{height:"22px",width:"75px"},void 0):ye&&i.jsx(S.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Ce&&i.jsx(m.DiscountTag,e.__assign({},Ce,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),ri&&i.jsx(t.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:$e||ii?null!=$e?$e:"":"selling-fast-copy","aria-hidden":!(!ii||$e)||void 0,width:"77px",height:"22px"},void 0)]},void 0),i.jsx(n.Spacing,{size:ni},void 0),!oe&&!Me&&i.jsx(ui,{},void 0)]},void 0),!!Ae&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ni},void 0),i.jsx(n.Spacing,{size:ni},void 0),i.jsxs(x.IconButton,e.__assign({size:j.ComponentSize.Small,width:"100%",onClick:function(e){e.preventDefault(),e.stopPropagation(),null==Ae||Ae(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),null==Ae||Ae(e))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:ei&&!Xe?-1:0,"aria-label":Xe,"aria-hidden":!(!ei||Xe)||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),ne.display&&"bottom"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ni},void 0),ne.component]},void 0),!!si&&si]}),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/Tooltip.js"),require("../../../autoship/styled.js"),require("../../../autoshipV2/styled.js"),require("../../../before-after/BeforeAfter.js"),require("../../../pricing/clubOffer/ClubOfferTag.js");var m=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 b=require("../../../pricing/priceLabelV6/PriceLabelV6.js"),h=require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.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 P=require("../../../pricing/priceLabelV4/PriceLabelV4.js"),y=require("../../../rating/Rating.js"),f=require("./constants.js"),C=require("./styled.js"),S=require("../../../pricing/styles.js"),x=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/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.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 L=require("../../../molecules/LikeButton/LikeButton.js");require("../../../molecules/ScarcityTag/ScarcityTag.styled.js");module.exports=function(w){var z,T,A,I,k,B,D,V,_,O,F,M=w.title,R=w.image,W=w.imageHover,N=w.price,H=w.rating,E=w.hideRating,G=void 0!==E&&E,Y=w.size,Z=w.alignName,K=void 0===Z?"center":Z,J=w.url,Q=w.className,U=w.topTag,X=w.bottomTag,$=w.onClick,ee=w.priceDisplayType,ie=void 0===ee?"default":ee,re=w.priceAtBottom,oe=w.ratingOnTop,se=w.priceLoading,te=w.noFollow,le=void 0!==te&&te,ae=w.colorPicker,ne=void 0===ae?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:ae,de=w.isBNPL,ce=void 0===de?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:de,ue=w.hasStrength,ge=void 0===ue?{strength:-1,description:""}:ue,je=w.clubPrice,pe=void 0===je?"":je,me=w.showClubPriceLabel,ve=void 0!==me&&me,qe=w.isRatingLoading,be=w.version,he=void 0===be?1:be,Pe=w.showDiscountPercentageTag,ye=void 0!==Pe&&Pe,fe=w.discountTagLoading,Ce=w.discountTag,Se=w.isOnViewport,xe=void 0!==Se&&Se,Le=w.hasDefaultSize,we=void 0!==Le&&Le,ze=w.clubOffer,Te=w.likeBtn,Ae=w.onClickBottomButton,Ie=w.showDecimals,ke=void 0===Ie||Ie,Be=w.showDivider,De=void 0!==Be&&Be,Ve=w.invertPriceDirection,_e=void 0!==Ve&&Ve,Oe=w.priceAndReviewInOneLine,Fe=void 0!==Oe&&Oe,Me=w.priceAndDiscountTagInOneLine,Re=void 0!==Me&&Me,We=w.tooltipText,Ne=w.tooltipIcon,He=w.tooltipPosition,Ee=w.credits,Ge=w.creditsLabel,Ye=w.creditsBadge,Ze=w.originalPricePrefix,Ke=w.finalPriceAriaLabel,Je=w.originalPriceAriaLabel,Qe=w.discountAriaLabel,Ue=w.tooltipAriaLabel,Xe=w.quickViewAriaLabel,$e=w.sellingFastAriaLabel,ei=w.quickViewAriaHidden,ii=w.sellingFastAriaHidden,ri=w.sellingFast,oi=w.infoLabel,si=w.customBottomButton,ti=w.overrideRatingStarFill,li=c.useTheme(),ai=C.getStylesBySize(Y),ni=u.useWindowDimensions().isMobile,di=r.useMemo((function(){var e;return(e={},e[j.ComponentSize.Large]=8,e[j.ComponentSize.Medium]=4,e[j.ComponentSize.Small]=2,e)[Y]}),[Y]),ci=ye?Ce:void 0,ui=function(r){var o,t,l,a,n,d;if(void 0===r&&(r=he),"hidden"===ie)return null;if("credits"===ie)return i.jsx(h.PriceLabelWithCredits,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,color:N.color,credits:Ee,creditsLabel:Ge,creditsBadge:Ye,originalPricePrefix:Ze,tooltipText:We,tooltipIcon:Ne,tooltipPosition:He,tooltipAriaLabel:Ue,testId:"price-with-credits",finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je},void 0);switch(r){case 4:return"styled"===ie?i.jsx(P.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:pe,styledPrice:!0,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ni?{fontSize:"12px",fontWeight:700,color:null===(t=li.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=li.colors.pallete.brickRed)||void 0===o?void 0:o.color}:void 0},void 0):i.jsx(P.PriceLabelV4,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,clubPrice:pe,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ni?{fontSize:"12px",fontWeight:700,color:null===(a=li.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=li.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(C.ClubOfferPriceLabelWrapper,e.__assign({style:null==ze?void 0:ze.wrapperStyle},{children:i.jsx(s.ClubPriceMemberLabel,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==ze?void 0:ze.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==ze?void 0:ze.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount-v4",clubStyle:ve,icon:null==ze?void 0:ze.clubOfferIcon,isCollections:null==ze?void 0:ze.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:ke,tooltipText:We,tooltipIcon:Ne,tooltipPosition:He,tooltipAriaLabel:Ue,isMobile:ni,savingsDisplay:ye,discount:ci,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe},void 0);default:return"styled"===ie?i.jsx(q.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Large,testId:"volume-discount",showDecimals:ke,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,tooltipAriaLabel:Ue},void 0):i.jsx(v.PriceLabel,{invertDirection:_e,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:ve,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:ve?ni?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},gi=function(){return G||!H.reviews&&!H.rating?i.jsx(i.Fragment,{},void 0):qe?i.jsx(o,{height:"20px",width:"80px"},void 0):i.jsx(y.Rating,{size:Y===j.ComponentSize.Large?j.ComponentSize.Small:j.ComponentSize.XSmall,rating:H.rating,reviews:null==H?void 0:H.reviews,reviewsText:"",wrapWithParenthesis:!0,overrideRatingStarFill:ti},void 0)},ji=r.useState(null!==(z=null==Te?void 0:Te.isLiked)&&void 0!==z&&z),pi=ji[0],mi=ji[1],vi=r.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),qi=vi[0],bi=vi[1],hi=Re?C.InlineContainer:r.Fragment;return i.jsxs(C.ProdCardContainer,e.__assign({className:Q,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&i.jsx(C.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),i.jsxs(C.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",className:"picContainer",onClick:$},{children:[!!Te&&i.jsx(L.LikeButton,{isLiked:pi,likes:qi,onClick:function(e){e.stopPropagation(),bi(pi?function(e){return e-1}:function(e){return e+1}),mi((function(e){return!e})),null==Te||Te.onClick(e)},colors:{background:{active:null!==(k=null===(I=null===(A=Te.colors)||void 0===A?void 0:A.background)||void 0===I?void 0:I.active)&&void 0!==k?k:li.colors.shades.white.color,hover:null!==(F=null!==(V=null===(D=null===(B=Te.colors)||void 0===B?void 0:B.background)||void 0===D?void 0:D.hover)&&void 0!==V?V:null===(O=null===(_=Te.colors)||void 0===_?void 0:_.background)||void 0===O?void 0:O.active)&&void 0!==F?F:li.colors.shades.white.color}}},void 0),U||X?i.jsxs(C.ImageContainer,e.__assign({width:null==ai?void 0:ai.width,height:null==ai?void 0:ai.height,"data-testid":"tags-image-container"},{children:[i.jsx(t.Image,{src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),alt:R.alt,width:we?null==ai?void 0:ai.width:"100%",height:we?null==ai?void 0:ai.height:"100%",loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[li.name].image.borderRadius},void 0),i.jsx(C.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0),i.jsx(C.BottomTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:X}),void 0)]}),void 0):i.jsx(t.Image,{src:R.src,srcSet:g.getSrcSet(R.src,180,360,720,960),alt:R.alt,width:null==ai?void 0:ai.width,height:null==ai?void 0:ai.height,loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[li.name].image.borderRadius},void 0),W?i.jsx(C.ImageHoverContainer,{className:"hover__image",src:W.src,srcSet:g.getSrcSet(W.src,180,360,720,960),loading:"lazy",decoding:"async",alt:W.alt,width:null==ai?void 0:ai.width,height:null==ai?void 0:ai.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:di},void 0),ne.component]},void 0),oe&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:di},void 0),i.jsx(n.Spacing,{size:di},void 0),i.jsx(gi,{},void 0)]},void 0),i.jsxs(C.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ve?"flex-start":"center"}},{children:[i.jsx(n.Spacing,{size:di},void 0),i.jsx(C.Title,e.__assign({theme:li,align:ve?"left":K,"data-testid":"product-card-title"},{children:M}),void 0),i.jsx(n.Spacing,{size:di},void 0),!!oi&&oi,De&&i.jsxs(i.Fragment,{children:[i.jsx(C.Divider,{theme:li},void 0),i.jsx(n.Spacing,{size:di},void 0)]},void 0),ge&&-1!==ge.strength&&i.jsxs(i.Fragment,{children:[i.jsx(d.StrengthBars,{barsFilled:ge.strength,supportText:ge.description},void 0),i.jsx(n.Spacing,{size:10},void 0)]},void 0),re&&!oe?i.jsxs(i.Fragment,{children:[i.jsx(gi,{},void 0),i.jsx(n.Spacing,{size:di},void 0),i.jsxs(C.MarginTopContainer,e.__assign({style:{marginTop:(null==ze?void 0:ze.isClubOffer)?0:8}},{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):ui(),(null==ze?void 0:ze.isClubOffer)&&ui(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(hi,{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):Fe&&!oe?i.jsxs(C.OneLineInfoWrapper,{children:[ui(),i.jsx(gi,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==ze?void 0:ze.isClubMember)&&ui(),(null==ze?void 0:ze.isClubOffer)&&ui(5),i.jsx(l.BuyNowPayLater,{displayBNPL:null==ce?void 0:ce.displayBNPL,installments:(null==ce?void 0:ce.installments)||0,installmentPrice:(null==ce?void 0:ce.installmentPrice)||"",iconFolder:null==ce?void 0:ce.iconFolder,iconName:(null==ce?void 0:ce.iconName)||"",showLogo:null==ce?void 0:ce.showLogo,iconColor:null==ce?void 0:ce.iconColor,fontSize:null==ce?void 0:ce.fontSize},void 0)]},void 0),ve&&i.jsx(a.ClubPriceLabel,{clubPrice:pe},void 0),6!==he&&(fe?i.jsx(o,{height:"22px",width:"75px"},void 0):ye&&i.jsx(S.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Ce&&i.jsx(m.DiscountTag,e.__assign({},Ce,{size:j.ComponentSize.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),ri&&i.jsx(t.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:$e||ii?null!=$e?$e:"":"selling-fast-copy","aria-hidden":!(!ii||$e)||void 0,width:"77px",height:"22px"},void 0)]},void 0),i.jsx(n.Spacing,{size:di},void 0),!oe&&!Fe&&i.jsx(gi,{},void 0)]},void 0),!!Ae&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:di},void 0),i.jsx(n.Spacing,{size:di},void 0),i.jsxs(x.IconButton,e.__assign({size:j.ComponentSize.Small,width:"100%",onClick:function(e){e.preventDefault(),e.stopPropagation(),null==Ae||Ae(e)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),null==Ae||Ae(e))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:ei&&!Xe?-1:0,"aria-label":Xe,"aria-hidden":!(!ei||Xe)||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),ne.display&&"bottom"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:di},void 0),ne.component]},void 0),!!si&&si]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),n=require("../../shared/select/BaseSelect.js"),t=require("./BaseDropdownButton.js"),i=require("./BaseDropdownOptions.js"),r=require("./BaseDropdownOption.js"),s=require("../../../core/theme/Theme.js");var d=Object.assign((function(t){var i=t.value,r=t.onChange,
|
|
1
|
+
"use strict";var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),n=require("../../shared/select/BaseSelect.js"),t=require("./BaseDropdownButton.js"),i=require("./BaseDropdownOptions.js"),r=require("./BaseDropdownOption.js"),s=require("../../../core/theme/Theme.js");var d=Object.assign((function(t){var i=t.value,r=void 0===i?null:i,d=t.onChange,u=t.disabled,a=t.wide,c=t.children,l=s.useTheme();return o.jsx(n,e.__assign({value:r,onChange:function(e){return d(e)},css:{width:a?"100%":"fit-content",height:a?"100%":"fit-content",position:"relative",fontSize:l.component.dropdown.fontSize,lineHeight:l.component.dropdown.lineHeight,color:l.component.dropdown.color},disabled:u},{children:c}),void 0)}),{Button:t,Options:i,Option:r});module.exports=d;
|
|
2
2
|
//# sourceMappingURL=BaseDropdown.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useControlledDropdownValue=function(n){var l,u=n.value,t=n.initialValue,o=n.options,r=n.onChange,a=e.useState(null!==(l=null!=u?u:t)&&void 0!==l?l:null),i=a[0],s=a[1];return e.useEffect((function(){null!=u?o.some((function(e){return e.value===u.value}))?s(u):s(null):t||s(null)}),[u,o,t]),{selectedValue:i,onChangeHandler:function(e){r&&r(e),s(e)}}};
|
|
2
|
+
//# sourceMappingURL=useControlledDropdownValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControlledDropdownValue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@emotion/styled"),r=require("react"),o=require("../../../icons/index.js"),t=require("../../../input/base/Error.js"),a=require("../../base/BaseDropdown.js"),s=require("../../useControlledDropdownValue.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,u,c,g=l(i),v=g.default.div(d||(d=e.__makeTemplateObject([""],[""]))),m=g.default.p(u||(u=e.__makeTemplateObject(["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"],["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"]))),p=g.default.span(c||(c=e.__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.fontWeight||""}));module.exports=function(i){var l=i.options,d=i.disabled,u=void 0!==d&&d,c=i.initialValue,g=i.placeHolder,h=i.label,j=i.wide,b=void 0!==j&&j,f=i.sort,x=void 0!==f&&f,_=i.onChange,w=i.value,q=i.testId,O=void 0===q?"simple-dropdown":q,C=i.required,R=i.showRequiredPlaceholder,U=i.selectedOptionWeight,I=i.isOpenUpwards,L=void 0!==I&&I,y=i.maxHeight,V=s.useControlledDropdownValue({value:w,initialValue:c,options:l,onChange:_}),k=V.selectedValue,D=V.onChangeHandler,H=r.useMemo((function(){var e;return k?null!==(e=k.selectedLabel)&&void 0!==e?e:k.label:R?n.jsx(m,{children:g},void 0):g}),[k,R,g]),F=R?v:r.Fragment;return n.jsxs(F,{children:[n.jsxs(a,e.__assign({value:k,onChange:D,disabled:u,wide:b},{children:[n.jsxs(a.Button,e.__assign({label:h,OpenIcon:o.Icon.Arrows.ChevronDown,CloseIcon:o.Icon.Arrows.ChevronUp,wide:b,isSortOrFilter:x,testId:O},{children:[!!(null==k?void 0:k.imageURL)&&n.jsx("img",{src:k.imageURL,alt:k.label,style:{paddingRight:8}},void 0),U&&u?n.jsx(p,e.__assign({fontWeight:U},{children:H}),void 0):n.jsx(n.Fragment,{children:H},void 0)]}),void 0),n.jsx(a.Options,e.__assign({isOpenUpwards:L,maxHeight:y},{children:l.map((function(i){return n.jsxs(a.Option,e.__assign({value:i,disabled:i.disabled,hasImage:!!i.imageURL},{children:[!!i.imageURL&&n.jsx("img",{src:i.imageURL,alt:i.label,style:{paddingRight:8}},void 0),i.label]}),i.key)}))}),void 0)]}),void 0),!!C&&n.jsx(t.Error,{error:C},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=SimpleDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@headlessui/react"),n=require("react"),t=require("../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js"),r=require("../../../icons/index.js"),s=require("../../../input/base/Error.js"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@headlessui/react"),n=require("react"),t=require("../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js"),r=require("../../../icons/index.js"),s=require("../../../input/base/Error.js"),a=require("../../base/BaseDropdown.js"),d=require("../../useControlledDropdownValue.js"),l=require("./SmartDropdownOption.js"),p=require("./SmartDropdownOptions.js"),u=require("./styled.js"),c=function(o){var n=o.open,s=o.dropdownRef,d=o.selectedValue,c=o.selectedOptionLabel,g=o.selectedOptionWeight,h=o.disabled,v=o.label,m=o.wide,w=o.sort,x=o.testId,b=o.options,j=o.calculatedMaxHeight,O=o.maxVisibleOptions,f=o.estimatedOptionHeight,q=o.forceDirection,V=o.optionBadge,_=o.optionsAlign,C=t.useViewportAwarePosition({dropdownRef:s,isOpen:n,optionsCount:b.length,estimatedOptionHeight:f,maxVisibleOptions:O}).isOpenUpwards,I=q?"up"===q:C;return i.jsxs(u.ContentWrapper,e.__assign({wide:m},{children:[i.jsxs(a.Button,e.__assign({label:v,OpenIcon:r.Icon.Arrows.ChevronDown,CloseIcon:r.Icon.Arrows.ChevronUp,wide:m,isSortOrFilter:w,testId:x},{children:[!!(null==d?void 0:d.imageURL)&&i.jsx(u.OptionImage,{src:d.imageURL,alt:d.label},void 0),g&&h?i.jsx(u.SelectedOption,e.__assign({fontWeight:g},{children:c}),void 0):i.jsx(i.Fragment,{children:c},void 0)]}),void 0),i.jsx(p,e.__assign({isOpenUpwards:I,maxHeight:j,optionsAlign:_},{children:b.map((function(o){return i.jsxs(l,e.__assign({value:o,disabled:o.disabled,hasImage:!!o.imageURL},{children:[!!o.imageURL&&i.jsx(u.OptionImage,{src:o.imageURL,alt:o.label},void 0),o.label,(null==V?void 0:V.optionKey)===o.key&&V.content]}),o.key)}))}),void 0)]}),void 0)};module.exports=function(t){var r=t.options,a=t.disabled,l=void 0!==a&&a,p=t.initialValue,g=t.placeHolder,h=t.label,v=t.wide,m=void 0!==v&&v,w=t.sort,x=void 0!==w&&w,b=t.onChange,j=t.value,O=t.testId,f=void 0===O?"smart-dropdown":O,q=t.required,V=t.showRequiredPlaceholder,_=t.selectedOptionWeight,C=t.maxVisibleOptions,I=void 0===C?5:C,R=t.estimatedOptionHeight,D=void 0===R?40:R,A=t.forceDirection,H=t.optionBadge,L=t.optionsAlign,U=d.useControlledDropdownValue({value:j,initialValue:p,options:r,onChange:b}),W=U.selectedValue,B=U.onChangeHandler,P=n.useRef(null),y=n.useMemo((function(){if(!(r.length<=I))return"".concat(I*D,"px")}),[r.length,I,D]),M=n.useMemo((function(){var e;return W?null!==(e=W.selectedLabel)&&void 0!==e?e:W.label:V?i.jsx(u.RequiredPlaceholder,{children:g},void 0):g}),[W,V,g]),S=V?u.Container:n.Fragment;return i.jsxs(S,{children:[i.jsx(u.DropdownWrapper,e.__assign({ref:P},{children:i.jsx(o.Listbox,e.__assign({value:W,onChange:B,disabled:l},{children:function(e){var o=e.open;return i.jsx(c,{open:o,dropdownRef:P,selectedValue:W,selectedOptionLabel:M,selectedOptionWeight:_,disabled:l,label:h,wide:m,sort:x,testId:f,options:r,calculatedMaxHeight:y,maxVisibleOptions:I,estimatedOptionHeight:D,forceDirection:A,optionBadge:H,optionsAlign:L},void 0)}}),void 0)}),void 0),!!q&&i.jsx(s.Error,{error:q},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=SmartDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),a=require("./constants.js"),s=require("./starList/StarList.js"),n=require("./styles.js");exports.Rating=function(o){var l=o.size,c=void 0===l?r.ComponentSize.Medium:l,d=o.reviews,u=o.reviewsText,v=o.rating,h=o.showRatingText,m=void 0!==h&&h,j=o.wrapWithParenthesis,b=void 0!==j&&j,g=o.underline,_=void 0!==g&&g,f=o.reviewsContainerId,p=o.additionalContent,w=o.overrideRatingStarFill;var x,R=i.useTheme(),S=null!=d;if(S){var q=1===d?"review":"reviews";x="".concat(d," ").concat(q)}var C=x||u,T=C?", ".concat(C):"",L="".concat(v," out of ").concat(a.STARTS_NUMBER," stars").concat(T),y=[S?"".concat(d):"",null!=u?u:""].filter(Boolean).join(" "),z=f?{href:f}:{};return t.jsxs(n.Container,e.__assign({as:f?"a":"div"},z,{"data-testid":"Container",onClick:function(e){var t;e.cancelable&&e.preventDefault(),f&&(null===(t=document.querySelector(f))||void 0===t||t.scrollIntoView({behavior:"smooth"}))},"aria-label":L},{children:[m&&t.jsx(n.RatingLabel,e.__assign({color:R.colors.shades[700].color,"data-testid":"RatingLabel"},{children:v}),void 0),t.jsx(s.StarList,{rating:v,size:c,starsNumber:a.STARTS_NUMBER,fill:null!=w?w:R.component.stars.element.color},void 0),(d||u)&&t.jsx(n.CustomLabel,e.__assign({theme:R,size:c,wrapWithParenthesis:b,underline:_,"data-testid":"CustomLabel"},{children:y}),void 0),p]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@headlessui/react"),r=require("./BaseSelectButton.js"),s=require("./BaseSelectOptions.js"),a=require("./BaseSelectOption.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@headlessui/react"),r=require("./BaseSelectButton.js"),s=require("./BaseSelectOptions.js"),a=require("./BaseSelectOption.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(require("@emotion/styled")).default(i.Listbox)(o||(o=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var o,u=Object.assign((function(i){var r=i.value,s=void 0===r?null:r,a=i.onChange,n=i.disabled,o=i.children,u=i.className;return t.jsx(l,e.__assign({disabled:n,as:"div",value:s,onChange:a,className:u},{children:o}),void 0)}),{Button:r,Options:s,Option:a});module.exports=u;
|
|
2
2
|
//# sourceMappingURL=BaseSelect.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "7.27.
|
|
6
|
+
"version": "7.27.13",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/lib/index.js",
|
|
9
9
|
"style": "build/es/index.css",
|