@trafilea/afrodita-components 7.26.1 → 7.26.3

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

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as s,Fragment as l}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as 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 x,CornerContainer as T,Container as k,ImageContainer as I,TopTagContainer as B,BottomTagContainer as V,ImageHoverContainer as D,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/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,vi=E.topTag,gi=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,xi=E.hasStrength,Ti=void 0===xi?{strength:-1,description:""}:xi,ki=E.clubPrice,Ii=void 0===ki?"":ki,Bi=E.showClubPriceLabel,Vi=void 0!==Bi&&Bi,Di=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,vo=E.discountAriaLabel,go=E.tooltipAriaLabel,jo=E.quickViewAriaLabel,fo=E.sellingFastAriaLabel,ho=E.quickViewAriaHidden,bo=E.sellingFastAriaHidden,yo=E.sellingFast,Po=v(),Co=z(di),So=g().isMobile,Lo=t((function(){var i;return(i={},i[f.Large]=8,i[f.Medium]=4,i[f.Small]=2,i)[di]}),[di]),wo=Ni?Wi:void 0,Ao=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:go,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:Vi,clubPrice:Ii,styledPrice:!0,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?So?{fontSize:"12px",fontWeight:700,color:null===(t=Po.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=Po.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:Vi,clubPrice:Ii,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?So?{fontSize:"12px",fontWeight:700,color:null===(l=Po.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=Po.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:Vi,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:go,isMobile:So,savingsDisplay:Ni,discount:wo,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo},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:vo,tooltipAriaLabel:go},void 0):r(y,{invertDirection:$i,finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount",clubStyle:Vi,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?So?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},zo=function(){return ni||!li.reviews&&!li.rating?r(e,{},void 0):Di?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)},xo=s(null!==(Z=null==Ki?void 0:Ki.isLiked)&&void 0!==Z&&Z),To=xo[0],ko=xo[1],Io=s(null!==(K=null==Ki?void 0:Ki.likes)&&void 0!==K?K:0),Bo=Io[0],Vo=Io[1],Do=eo?W:l;return o(x,i({className:ui,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(T,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:To,likes:Bo,onClick:function(i){i.stopPropagation(),Vo(To?function(i){return i-1}:function(i){return i+1}),ko((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:Po.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:Po.colors.shades.white.color}}},void 0),vi||gi?o(I,i({width:null==Co?void 0:Co.width,height:null==Co?void 0:Co.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==Co?void 0:Co.width:"100%",height:Ei?null==Co?void 0:Co.height:"100%",loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Po.name].image.borderRadius},void 0),r(B,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0),r(V,i({style:{width:wi.display?"100%":"inherit"}},{children:gi}),void 0)]}),void 0):r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:null==Co?void 0:Co.width,height:null==Co?void 0:Co.height,loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Po.name].image.borderRadius},void 0),ti?r(D,{className:"hover__image",src:ti.src,srcSet:j(ti.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ti.alt,width:null==Co?void 0:Co.width,height:null==Co?void 0:Co.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:Lo},void 0),wi.component]},void 0),yi&&o(e,{children:[r(p,{size:Lo},void 0),r(p,{size:Lo},void 0),r(zo,{},void 0)]},void 0),o(k,i({as:pi?"a":"div",href:pi,rel:Si?"nofollow":"",onClick:ji,className:"textContainer",style:{alignItems:Vi?"flex-start":"center"}},{children:[r(p,{size:Lo},void 0),r(O,i({theme:Po,align:Vi?"left":mi,"data-testid":"product-card-title"},{children:ri}),void 0),r(p,{size:Lo},void 0),Xi&&o(e,{children:[r(M,{theme:Po},void 0),r(p,{size:Lo},void 0)]},void 0),Ti&&-1!==Ti.strength&&o(e,{children:[r(u,{barsFilled:Ti.strength,supportText:Ti.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,bi&&!yi?{children:[r(zo,{},void 0),r(p,{size:Lo},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):Ao(),(null==Zi?void 0:Zi.isClubOffer)&&Ao(5)]}),void 0)]}:{children:[o(Do,{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):oo&&!yi?o(N,{children:[Ao(),r(zo,{},void 0)]},void 0):o(e,{children:[!(null==Zi?void 0:Zi.isClubMember)&&Ao(),(null==Zi?void 0:Zi.isClubOffer)&&Ao(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),Vi&&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:Lo},void 0),!yi&&!oo&&r(zo,{},void 0)]},void 0),!!_i&&o(e,{children:[r(p,{size:Lo},void 0),r(p,{size:Lo},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:Lo},void 0),wi.component]},void 0)]}),void 0)};export{E as default};
+import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as s,Fragment as l}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as 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 x,CornerContainer as T,Container as k,ImageContainer as I,TopTagContainer as B,BottomTagContainer as V,ImageHoverContainer as D,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/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,vi=E.topTag,gi=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,xi=E.hasStrength,Ti=void 0===xi?{strength:-1,description:""}:xi,ki=E.clubPrice,Ii=void 0===ki?"":ki,Bi=E.showClubPriceLabel,Vi=void 0!==Bi&&Bi,Di=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,vo=E.discountAriaLabel,go=E.tooltipAriaLabel,jo=E.quickViewAriaLabel,fo=E.sellingFastAriaLabel,ho=E.quickViewAriaHidden,bo=E.sellingFastAriaHidden,yo=E.sellingFast,Po=E.infoLabel,Co=v(),So=z(di),Lo=g().isMobile,wo=t((function(){var i;return(i={},i[f.Large]=8,i[f.Medium]=4,i[f.Small]=2,i)[di]}),[di]),Ao=Ni?Wi:void 0,zo=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:go,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:Vi,clubPrice:Ii,styledPrice:!0,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?Lo?{fontSize:"12px",fontWeight:700,color:null===(t=Co.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=Co.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:Vi,clubPrice:Ii,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?Lo?{fontSize:"12px",fontWeight:700,color:null===(l=Co.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=Co.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:Vi,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:go,isMobile:Lo,savingsDisplay:Ni,discount:Ao,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo},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:vo,tooltipAriaLabel:go},void 0):r(y,{invertDirection:$i,finalPrice:si.finalPrice,originalPrice:si.originalPrice,finalPriceStyled:!1,color:si.color,size:f.Medium,testId:"volume-discount",clubStyle:Vi,finalPriceAriaLabel:po,originalPriceAriaLabel:uo,discountAriaLabel:vo,finalPriceStyle:Vi?Lo?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},xo=function(){return ni||!li.reviews&&!li.rating?r(e,{},void 0):Di?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)},To=s(null!==(Z=null==Ki?void 0:Ki.isLiked)&&void 0!==Z&&Z),ko=To[0],Io=To[1],Bo=s(null!==(K=null==Ki?void 0:Ki.likes)&&void 0!==K?K:0),Vo=Bo[0],Do=Bo[1],Oo=eo?W:l;return o(x,i({className:ui,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(T,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:ko,likes:Vo,onClick:function(i){i.stopPropagation(),Do(ko?function(i){return i-1}:function(i){return i+1}),Io((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:Co.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:Co.colors.shades.white.color}}},void 0),vi||gi?o(I,i({width:null==So?void 0:So.width,height:null==So?void 0:So.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==So?void 0:So.width:"100%",height:Ei?null==So?void 0:So.height:"100%",loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Co.name].image.borderRadius},void 0),r(B,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0),r(V,i({style:{width:wi.display?"100%":"inherit"}},{children:gi}),void 0)]}),void 0):r(d,{src:ei.src,srcSet:j(ei.src,180,360,720,960),alt:ei.alt,width:null==So?void 0:So.width,height:null==So?void 0:So.height,loading:Hi?"eager":"lazy",decoding:Hi?"sync":"async",borderRadius:A[Co.name].image.borderRadius},void 0),ti?r(D,{className:"hover__image",src:ti.src,srcSet:j(ti.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ti.alt,width:null==So?void 0:So.width,height:null==So?void 0:So.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:wo},void 0),wi.component]},void 0),yi&&o(e,{children:[r(p,{size:wo},void 0),r(p,{size:wo},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:Vi?"flex-start":"center"}},{children:[r(p,{size:wo},void 0),r(O,i({theme:Co,align:Vi?"left":mi,"data-testid":"product-card-title"},{children:ri}),void 0),r(p,{size:wo},void 0),!!Po&&Po,Xi&&o(e,{children:[r(M,{theme:Co},void 0),r(p,{size:wo},void 0)]},void 0),Ti&&-1!==Ti.strength&&o(e,{children:[r(u,{barsFilled:Ti.strength,supportText:Ti.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,bi&&!yi?{children:[r(xo,{},void 0),r(p,{size:wo},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):zo(),(null==Zi?void 0:Zi.isClubOffer)&&zo(5)]}),void 0)]}:{children:[o(Oo,{children:[Pi?r(a,{height:"20px",width:"140px"},void 0):oo&&!yi?o(N,{children:[zo(),r(xo,{},void 0)]},void 0):o(e,{children:[!(null==Zi?void 0:Zi.isClubMember)&&zo(),(null==Zi?void 0:Zi.isClubOffer)&&zo(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),Vi&&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:wo},void 0),!yi&&!oo&&r(xo,{},void 0)]},void 0),!!_i&&o(e,{children:[r(p,{size:wo},void 0),r(p,{size:wo},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:wo},void 0),wi.component]},void 0)]}),void 0)};export{E as default};
 //# sourceMappingURL=ProductItemMobile.js.map

package/build/es/components/dropdown/variants/smart/SmartDropdown.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{Listbox as r}from"@headlessui/react";import{useState as n,useRef as d,useMemo as l,useEffect as a,Fragment as s}from"react";import{useViewportAwarePosition as p}from"../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js";import{Icon as c}from"../../../icons/index.js";import{Error as m}from"../../../input/base/Error.js";import u from"../../base/BaseDropdown.js";import v from"./SmartDropdownOption.js";import h from"./SmartDropdownOptions.js";import{RequiredPlaceholder as f,DropdownWrapper as b,ContentWrapper as g,OptionImage as w,SelectedOption as O,Container as x}from"./styled.js";var R=function(r){var n=r.open,d=r.dropdownRef,l=r.selectedValue,a=r.selectedOptionLabel,s=r.selectedOptionWeight,m=r.disabled,f=r.label,b=r.wide,x=r.sort,R=r.testId,V=r.options,j=r.calculatedMaxHeight,H=r.maxVisibleOptions,I=r.estimatedOptionHeight,L=r.forceDirection,U=p({dropdownRef:d,isOpen:n,optionsCount:V.length,estimatedOptionHeight:I,maxVisibleOptions:H}).isOpenUpwards,D=L?"up"===L:U;return o(g,e({wide:b},{children:[o(u.Button,e({label:f,OpenIcon:c.Arrows.ChevronDown,CloseIcon:c.Arrows.ChevronUp,wide:b,isSortOrFilter:x,testId:R},{children:[!!(null==l?void 0:l.imageURL)&&i(w,{src:l.imageURL,alt:l.label},void 0),s&&m?i(O,e({fontWeight:s},{children:a}),void 0):i(t,{children:a},void 0)]}),void 0),i(h,e({isOpenUpwards:D,maxHeight:j},{children:V.map((function(t){return o(v,e({value:t,disabled:t.disabled,hasImage:!!t.imageURL},{children:[!!t.imageURL&&i(w,{src:t.imageURL,alt:t.label},void 0),t.label]}),t.key)}))}),void 0)]}),void 0)},V=function(t){var p=t.options,c=t.disabled,u=void 0!==c&&c,v=t.initialValue,h=t.placeHolder,g=t.label,w=t.wide,O=void 0!==w&&w,V=t.sort,j=void 0!==V&&V,H=t.onChange,I=t.value,L=t.testId,U=void 0===L?"smart-dropdown":L,D=t.required,C=t.showRequiredPlaceholder,A=t.selectedOptionWeight,W=t.maxVisibleOptions,P=void 0===W?5:W,S=t.estimatedOptionHeight,k=void 0===S?40:S,q=t.forceDirection,y=n(I||v),B=y[0],F=y[1],M=d(null),E=l((function(){if(!(p.length<=P))return"".concat(P*k,"px")}),[p.length,P,k]),z=l((function(){var e;return B?null!==(e=B.selectedLabel)&&void 0!==e?e:B.label:C?i(f,{children:h},void 0):h}),[B,C,h]);return a((function(){null!=I?p.findIndex((function(e){return e.value===I.value}))<0?F(void 0):F(I):v||F(void 0)}),[I,p,v]),o(C?x:s,{children:[i(b,e({ref:M},{children:i(r,e({value:B,onChange:function(e){H&&H(e),F(e)},disabled:u},{children:function(e){var o=e.open;return i(R,{open:o,dropdownRef:M,selectedValue:B,selectedOptionLabel:z,selectedOptionWeight:A,disabled:u,label:g,wide:O,sort:j,testId:U,options:p,calculatedMaxHeight:E,maxVisibleOptions:P,estimatedOptionHeight:k,forceDirection:q},void 0)}}),void 0)}),void 0),!!D&&i(m,{error:D},void 0)]},void 0)};export{V as default};
+import{__assign as e}from"tslib";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{Listbox as n}from"@headlessui/react";import{useState as r,useRef as d,useMemo as l,useEffect as a,Fragment as s}from"react";import{useViewportAwarePosition as p}from"../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js";import{Icon as c}from"../../../icons/index.js";import{Error as m}from"../../../input/base/Error.js";import u from"../../base/BaseDropdown.js";import v from"./SmartDropdownOption.js";import h from"./SmartDropdownOptions.js";import{RequiredPlaceholder as f,DropdownWrapper as g,ContentWrapper as b,OptionImage as w,SelectedOption as O,Container as x}from"./styled.js";var R=function(n){var r=n.open,d=n.dropdownRef,l=n.selectedValue,a=n.selectedOptionLabel,s=n.selectedOptionWeight,m=n.disabled,f=n.label,g=n.wide,x=n.sort,R=n.testId,V=n.options,j=n.calculatedMaxHeight,A=n.maxVisibleOptions,H=n.estimatedOptionHeight,I=n.forceDirection,L=n.optionBadge,U=n.optionsAlign,D=p({dropdownRef:d,isOpen:r,optionsCount:V.length,estimatedOptionHeight:H,maxVisibleOptions:A}).isOpenUpwards,C=I?"up"===I:D;return o(b,e({wide:g},{children:[o(u.Button,e({label:f,OpenIcon:c.Arrows.ChevronDown,CloseIcon:c.Arrows.ChevronUp,wide:g,isSortOrFilter:x,testId:R},{children:[!!(null==l?void 0:l.imageURL)&&i(w,{src:l.imageURL,alt:l.label},void 0),s&&m?i(O,e({fontWeight:s},{children:a}),void 0):i(t,{children:a},void 0)]}),void 0),i(h,e({isOpenUpwards:C,maxHeight:j,optionsAlign:U},{children:V.map((function(t){return o(v,e({value:t,disabled:t.disabled,hasImage:!!t.imageURL},{children:[!!t.imageURL&&i(w,{src:t.imageURL,alt:t.label},void 0),t.label,(null==L?void 0:L.optionKey)===t.key&&L.content]}),t.key)}))}),void 0)]}),void 0)},V=function(t){var p=t.options,c=t.disabled,u=void 0!==c&&c,v=t.initialValue,h=t.placeHolder,b=t.label,w=t.wide,O=void 0!==w&&w,V=t.sort,j=void 0!==V&&V,A=t.onChange,H=t.value,I=t.testId,L=void 0===I?"smart-dropdown":I,U=t.required,D=t.showRequiredPlaceholder,C=t.selectedOptionWeight,B=t.maxVisibleOptions,y=void 0===B?5:B,W=t.estimatedOptionHeight,k=void 0===W?40:W,P=t.forceDirection,S=t.optionBadge,q=t.optionsAlign,F=r(H||v),M=F[0],E=F[1],K=d(null),z=l((function(){if(!(p.length<=y))return"".concat(y*k,"px")}),[p.length,y,k]),G=l((function(){var e;return M?null!==(e=M.selectedLabel)&&void 0!==e?e:M.label:D?i(f,{children:h},void 0):h}),[M,D,h]);return a((function(){null!=H?p.findIndex((function(e){return e.value===H.value}))<0?E(void 0):E(H):v||E(void 0)}),[H,p,v]),o(D?x:s,{children:[i(g,e({ref:K},{children:i(n,e({value:M,onChange:function(e){A&&A(e),E(e)},disabled:u},{children:function(e){var o=e.open;return i(R,{open:o,dropdownRef:K,selectedValue:M,selectedOptionLabel:G,selectedOptionWeight:C,disabled:u,label:b,wide:O,sort:j,testId:L,options:p,calculatedMaxHeight:z,maxVisibleOptions:y,estimatedOptionHeight:k,forceDirection:P,optionBadge:S,optionsAlign:q},void 0)}}),void 0)}),void 0),!!U&&i(m,{error:U},void 0)]},void 0)};export{V as default};
 //# sourceMappingURL=SmartDropdown.js.map

package/build/es/components/dropdown/variants/smart/SmartDropdownOptions.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useTheme as t}from"../../../../core/theme/Theme.js";import{SmartDropdownOptionsContainer as i}from"./styled.js";var m=function(m){var o=m.children,s=m.isOpenUpwards,a=m.maxHeight,p=t();return e(i,r({theme:p,isOpenUpwards:s,maxHeight:a},{children:o}),void 0)};export{m as default};
+import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useTheme as i}from"../../../../core/theme/Theme.js";import{SmartDropdownOptionsContainer as t}from"./styled.js";var o=function(o){var m=o.children,n=o.isOpenUpwards,s=o.maxHeight,p=o.optionsAlign,a=i();return e(t,r({theme:a,isOpenUpwards:n,maxHeight:s,optionsAlign:p},{children:m}),void 0)};export{o as default};
 //# sourceMappingURL=SmartDropdownOptions.js.map

package/build/es/components/dropdown/variants/smart/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as o,__assign as n}from"tslib";import r from"@emotion/styled";import t from"../../../shared/select/BaseSelect.js";var e,i,d,s,a,l,c=r.div(e||(e=o([""],[""]))),p=r.p(i||(i=o(["\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"]))),m=r.span(d||(d=o(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),b=r.div(s||(s=o(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"],["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"]))),u=r.div(a||(a=o(["\n  width: ",";\n  position: relative;\n"],["\n  width: ",";\n  position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),g=r.img(l||(l=o(["\n  padding-right: 8px;\n"],["\n  padding-right: 8px;\n"]))),h=r(t.Options)((function(o){var r=o.theme,t=o.isOpenUpwards,e=o.maxHeight;return n(n({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:r.component.dropdown.options.borderRadius,background:r.colors.shades.white.color,fontFamily:r.fonts.config[0].family,padding:0},t?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",width:"100%",color:r.colors.shades[700].color,zIndex:10,overflow:e?"auto":r.component.dropdown.optionsWrapper.overflow,maxHeight:null!=e?e:"unset",top:t?"unset":"28px",bottom:t?"28px":"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:r.colors.shades[50].color,borderRadius:r.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:r.colors.shades[150].color,borderRadius:r.component.dropdown.options.borderRadius,"&:hover":{background:r.colors.shades[400].color}}})})),f=r.li((function(o){var n=o.theme,r=o.selected,t=o.active,e=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:n.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:n.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:r?600:"inherit",backgroundColor:i?"#F7F7F7":t?n.component.dropdown.options.backgroundColor||n.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));export{c as Container,u as ContentWrapper,b as DropdownWrapper,g as OptionImage,p as RequiredPlaceholder,m as SelectedOption,f as SmartCustomOption,h as SmartDropdownOptionsContainer};
+import{__makeTemplateObject as o,__assign as n}from"tslib";import t from"@emotion/styled";import r from"../../../shared/select/BaseSelect.js";var e,i,d,s,a,l,c=t.div(e||(e=o([""],[""]))),p=t.p(i||(i=o(["\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"]))),m=t.span(d||(d=o(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),u=t.div(s||(s=o(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"],["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"]))),g=t.div(a||(a=o(["\n  width: ",";\n  position: relative;\n"],["\n  width: ",";\n  position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),h=t.img(l||(l=o(["\n  padding-right: 8px;\n"],["\n  padding-right: 8px;\n"]))),b=t(r.Options)((function(o){var t=o.theme,r=o.isOpenUpwards,e=o.maxHeight,i=o.optionsAlign,d=void 0===i?"left":i;return n(n({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:t.component.dropdown.options.borderRadius,background:t.colors.shades.white.color,fontFamily:t.fonts.config[0].family,padding:0},r?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",minWidth:"100%",width:"max-content",color:t.colors.shades[700].color,zIndex:10,overflow:e?"auto":t.component.dropdown.optionsWrapper.overflow,maxHeight:null!=e?e:"unset",top:r?"unset":"28px",bottom:r?"28px":"unset",left:"right"===d?"unset":0,right:"right"===d?0:"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:t.colors.shades[50].color,borderRadius:t.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:t.colors.shades[150].color,borderRadius:t.component.dropdown.options.borderRadius,"&:hover":{background:t.colors.shades[400].color}}})})),f=t.li((function(o){var n=o.theme,t=o.selected,r=o.active,e=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:n.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:n.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:t?600:"inherit",backgroundColor:i?"#F7F7F7":r?n.component.dropdown.options.backgroundColor||n.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));export{c as Container,g as ContentWrapper,u as DropdownWrapper,h as OptionImage,p as RequiredPlaceholder,m as SelectedOption,f as SmartCustomOption,b as SmartDropdownOptionsContainer};
 //# sourceMappingURL=styled.js.map

package/build/es/components/size/selector/SizeSelector.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as l}from"@emotion/react/jsx-runtime";import{useRef as r}from"react";import{Icon as n}from"../../icons/index.js";import{ComponentSize as t}from"../../../types/enums.js";import o from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{Row as c,ButtonsContainer as s,BottomSizeTipRow as u}from"./styled.js";var m=0,v=function(v){var p,f,h=v.label,b=v.sizes,g=v.selectedValue,w=v.onChange,y=v.onClickSizeTip,z=v.inline,k=void 0!==z&&z,A=v.width,S=v.hasSizeGuide,x=void 0!==S&&S,j=v.sizeTipReferences,C=v.hasSizeTipBelowSelector,I=void 0!==C&&C,D=r(null);null!==(p=D.current)&&void 0!==p||(D.current="afrodita-size-selector-".concat(++m));var T="".concat(D.current,"-label"),L=x?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==g?void 0:g.label)})):null,E=function(e){return"".concat(D.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i("div",e({css:{display:"flex",flexDirection:k?"row":"column",alignItems:k?"center":"start"}},{children:[i(a,e({variant:"body",weight:"regular",size:"small",css:{alignSelf:k?"start":"inherit",padding:k?"0.75rem 0":"0"},id:T},{children:[h,!k&&l(a,e({variant:"label",weight:"demi",size:"regular"},{children:null==g?void 0:g.description}),void 0)]}),void 0),x&&!I&&i(c,e({"data-testid":"sizing-tip"},{children:[l(n.Actions.CircleInfo,{width:1.2},void 0),l(a,e({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==L?void 0:L.tip}),void 0),y&&l(d,{hideIcon:!0,onClick:y,title:null!==(f=null==L?void 0:L.cta)&&void 0!==f?f:"Size and Fit Guide"},void 0)]}),void 0),l(s,e({inline:k,role:"radiogroup","aria-labelledby":T,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==b?void 0:b.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var r=l.findIndex((function(e){return e.label===(null==g?void 0:g.label)})),n=r;"Home"===e.key?n=0:"End"===e.key?n=l.length-1:-1===r?n="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?n=(n+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(n=(n-1+l.length)%l.length);var t=l[n];t&&t.label!==(null==g?void 0:g.label)&&(w(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(E(t.label)))||void 0===e||e.focus()})))}}}},{children:null==b?void 0:b.map((function(e){var i=e.label===g.label,r=!e.disabled&&i,n=E(e.label),a=e.description?"".concat(e.label,", ").concat(e.description):e.label;return l(o,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:t.Medium,text:e.label,active:r,disabled:e.disabled,onClick:function(){return w(e)},testId:"size-variant-".concat(e.label.split("/")[0]),width:A,showNoStockStyles:e.noStock,id:n,role:"radio","aria-checked":i,"aria-label":a},e.label)}))}),void 0),x&&I&&l(u,e({"data-testid":"sizing-tip-below-selector"},{children:l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==L?void 0:L.tip}),void 0)}),void 0)]}),void 0)};export{v as default};
+import{__assign as e}from"tslib";import{jsxs as i,jsx as l}from"@emotion/react/jsx-runtime";import{useRef as r}from"react";import{Icon as n}from"../../icons/index.js";import{ComponentSize as o}from"../../../types/enums.js";import t from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{Row as c,ButtonsContainer as s,SizeBadgeWrapper as u,BottomSizeTipRow as m}from"./styled.js";var v=0,p=function(p){var f,h,b=p.label,g=p.sizes,w=p.selectedValue,y=p.onChange,z=p.onClickSizeTip,k=p.inline,A=void 0!==k&&k,S=p.width,x=p.hasSizeGuide,j=void 0!==x&&x,C=p.sizeTipReferences,I=p.hasSizeTipBelowSelector,D=void 0!==I&&I,L=p.optionBadge,T=r(null);null!==(f=T.current)&&void 0!==f||(T.current="afrodita-size-selector-".concat(++v));var B="".concat(T.current,"-label"),E=j?null==C?void 0:C.find((function(e){return(null==e?void 0:e.size)===(null==w?void 0:w.label)})):null,F=function(e){return"".concat(T.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i("div",e({css:{display:"flex",flexDirection:A?"row":"column",alignItems:A?"center":"start"}},{children:[i(a,e({variant:"body",weight:"regular",size:"small",css:{alignSelf:A?"start":"inherit",padding:A?"0.75rem 0":"0"},id:B},{children:[b,!A&&l(a,e({variant:"label",weight:"demi",size:"regular"},{children:null==w?void 0:w.description}),void 0)]}),void 0),j&&!D&&i(c,e({"data-testid":"sizing-tip"},{children:[l(n.Actions.CircleInfo,{width:1.2},void 0),l(a,e({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==E?void 0:E.tip}),void 0),z&&l(d,{hideIcon:!0,onClick:z,title:null!==(h=null==E?void 0:E.cta)&&void 0!==h?h:"Size and Fit Guide"},void 0)]}),void 0),l(s,e({inline:A,role:"radiogroup","aria-labelledby":B,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==g?void 0:g.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var r=l.findIndex((function(e){return e.label===(null==w?void 0:w.label)})),n=r;"Home"===e.key?n=0:"End"===e.key?n=l.length-1:-1===r?n="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?n=(n+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(n=(n-1+l.length)%l.length);var o=l[n];o&&o.label!==(null==w?void 0:w.label)&&(y(o),requestAnimationFrame((function(){var e;null===(e=document.getElementById(F(o.label)))||void 0===e||e.focus()})))}}}},{children:null==g?void 0:g.map((function(r){var n=r.label===w.label,a=!r.disabled&&n,d=F(r.label),c=r.description?"".concat(r.label,", ").concat(r.description):r.label,s=(null==L?void 0:L.optionLabel)===r.label,m=l(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:s?0:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:o.Medium,text:r.label,active:a,disabled:r.disabled,onClick:function(){return y(r)},testId:"size-variant-".concat(r.label.split("/")[0]),width:S,showNoStockStyles:r.noStock,id:d,role:"radio","aria-checked":n,"aria-label":c},r.label);return s?i(u,e({css:{margin:"0 0.5rem 0.625rem 0"}},{children:[L.content,m]}),r.label):m}))}),void 0),j&&D&&l(m,e({"data-testid":"sizing-tip-below-selector"},{children:l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==E?void 0:E.tip}),void 0)}),void 0)]}),void 0)};export{p as default};
 //# sourceMappingURL=SizeSelector.js.map

package/build/es/components/size/selector/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import p from"@emotion/styled";var i,r,a,t=p.div(i||(i=n(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"],["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),e=p.div(r||(r=n(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"]))),x=p.div(a||(a=n(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"])));export{x as BottomSizeTipRow,t as ButtonsContainer,e as Row};
+import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";var p,r,a,t,e=i.div(p||(p=n(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"],["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),l=i.div(r||(r=n(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"]))),x=i.div(a||(a=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),o=i.div(t||(t=n(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"])));export{o as BottomSizeTipRow,e as ButtonsContainer,l as Row,x as SizeBadgeWrapper};
 //# sourceMappingURL=styled.js.map

package/build/index.d.ts

@@ -3222,6 +3222,7 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
     originalPriceAriaLabel?: string;
     discountAriaLabel?: string;
     tooltipAriaLabel?: string;
+    infoLabel?: JSX.Element;
 }
 
 declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
@@ -3451,6 +3452,10 @@ declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolde
 
 declare type Value<T> = DropdownOption<T>;
 declare type OnChange<T> = (option: Value<T>) => void;
+declare type OptionBadgeConfig = {
+    optionKey: string;
+    content: ReactNode;
+};
 declare type CommonProps$1<T> = {
     options: Value<T>[];
     disabled?: boolean;
@@ -3466,6 +3471,8 @@ declare type CommonProps$1<T> = {
     maxVisibleOptions?: number;
     estimatedOptionHeight?: number;
     forceDirection?: 'up' | 'down';
+    optionBadge?: OptionBadgeConfig;
+    optionsAlign?: 'left' | 'right';
 };
 declare type ControlledProps<T> = {
     value: Value<T>;
@@ -3478,7 +3485,7 @@ declare type UncontrolledProps<T> = {
     selectedOptionWeight?: number | string;
 } & CommonProps$1<T>;
 declare type SmartDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
-declare const SmartDropdown: <T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, maxVisibleOptions, estimatedOptionHeight, forceDirection, }: SmartDropdownProps<T>) => JSX.Element;
+declare const SmartDropdown: <T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, maxVisibleOptions, estimatedOptionHeight, forceDirection, optionBadge, optionsAlign, }: SmartDropdownProps<T>) => JSX.Element;
 
 interface FiltersProps {
     values: Filter[];
@@ -4135,6 +4142,10 @@ declare type SizeTip = {
     tip: string;
     cta: string;
 };
+declare type SizeOptionBadgeConfig = {
+    optionLabel: string;
+    content: ReactNode;
+};
 interface SizeSelectorProps {
     label: string;
     sizes: SizeOption[];
@@ -4146,8 +4157,9 @@ interface SizeSelectorProps {
     hasSizeGuide?: boolean;
     sizeTipReferences?: SizeTip[];
     hasSizeTipBelowSelector?: boolean;
+    optionBadge?: SizeOptionBadgeConfig;
 }
-declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, optionBadge, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SliderNavigationProps {
     children: JSX.Element | JSX.Element[] | StyledComponent<any>;

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

@@ -1,2 +1,2 @@
-"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 v=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var b=require("../../../pricing/priceLabelV6/PriceLabelV6.js"),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"),S=require("./styled.js"),C=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/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,V,D,_,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,ve=w.showClubPriceLabel,me=void 0!==ve&&ve,qe=w.isRatingLoading,be=w.version,he=void 0===be?1:be,Pe=w.showDiscountPercentageTag,ye=void 0!==Pe&&Pe,fe=w.discountTagLoading,Se=w.discountTag,Ce=w.isOnViewport,xe=void 0!==Ce&&Ce,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,Ve=void 0!==Be&&Be,De=w.invertPriceDirection,_e=void 0!==De&&De,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=c.useTheme(),si=S.getStylesBySize(Y),ti=u.useWindowDimensions().isMobile,li=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]),ai=ye?Se:void 0,ni=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:me,clubPrice:pe,styledPrice:!0,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?ti?{fontSize:"12px",fontWeight:700,color:null===(t=oi.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=oi.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:me,clubPrice:pe,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?ti?{fontSize:"12px",fontWeight:700,color:null===(a=oi.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=oi.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(S.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:me,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:ti,savingsDisplay:ye,discount:ai,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(m.PriceLabel,{invertDirection:_e,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:me,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?ti?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},di=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)},ci=r.useState(null!==(z=null==Te?void 0:Te.isLiked)&&void 0!==z&&z),ui=ci[0],gi=ci[1],ji=r.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),pi=ji[0],vi=ji[1],mi=Re?S.InlineContainer:r.Fragment;return i.jsxs(S.ProdCardContainer,e.__assign({className:Q,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&i.jsx(S.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),i.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",className:"picContainer",onClick:$},{children:[!!Te&&i.jsx(L.LikeButton,{isLiked:ui,likes:pi,onClick:function(e){e.stopPropagation(),vi(ui?function(e){return e-1}:function(e){return e+1}),gi((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:oi.colors.shades.white.color,hover:null!==(M=null!==(D=null===(V=null===(B=Te.colors)||void 0===B?void 0:B.background)||void 0===V?void 0:V.hover)&&void 0!==D?D:null===(O=null===(_=Te.colors)||void 0===_?void 0:_.background)||void 0===O?void 0:O.active)&&void 0!==M?M:oi.colors.shades.white.color}}},void 0),U||X?i.jsxs(S.ImageContainer,e.__assign({width:null==si?void 0:si.width,height:null==si?void 0:si.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==si?void 0:si.width:"100%",height:we?null==si?void 0:si.height:"100%",loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[oi.name].image.borderRadius},void 0),i.jsx(S.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0),i.jsx(S.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==si?void 0:si.width,height:null==si?void 0:si.height,loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[oi.name].image.borderRadius},void 0),W?i.jsx(S.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==si?void 0:si.width,height:null==si?void 0:si.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:li},void 0),ne.component]},void 0),oe&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:li},void 0),i.jsx(n.Spacing,{size:li},void 0),i.jsx(di,{},void 0)]},void 0),i.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:me?"flex-start":"center"}},{children:[i.jsx(n.Spacing,{size:li},void 0),i.jsx(S.Title,e.__assign({theme:oi,align:me?"left":K,"data-testid":"product-card-title"},{children:F}),void 0),i.jsx(n.Spacing,{size:li},void 0),Ve&&i.jsxs(i.Fragment,{children:[i.jsx(S.Divider,{theme:oi},void 0),i.jsx(n.Spacing,{size:li},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(di,{},void 0),i.jsx(n.Spacing,{size:li},void 0),i.jsxs(S.MarginTopContainer,e.__assign({style:{marginTop:(null==ze?void 0:ze.isClubOffer)?0:8}},{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):ni(),(null==ze?void 0:ze.isClubOffer)&&ni(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(mi,{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):Me&&!oe?i.jsxs(S.OneLineInfoWrapper,{children:[ni(),i.jsx(di,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==ze?void 0:ze.isClubMember)&&ni(),(null==ze?void 0:ze.isClubOffer)&&ni(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),me&&i.jsx(a.ClubPriceLabel,{clubPrice:pe},void 0),6!==he&&(fe?i.jsx(o,{height:"22px",width:"75px"},void 0):ye&&i.jsx(C.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Se&&i.jsx(v.DiscountTag,e.__assign({},Se,{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:li},void 0),!oe&&!Me&&i.jsx(di,{},void 0)]},void 0),!!Ae&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:li},void 0),i.jsx(n.Spacing,{size:li},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:li},void 0),ne.component]},void 0)]}),void 0)};
+"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 v=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),q=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var b=require("../../../pricing/priceLabelV6/PriceLabelV6.js"),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"),S=require("./styled.js"),C=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/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,V,D,_,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,ve=w.showClubPriceLabel,me=void 0!==ve&&ve,qe=w.isRatingLoading,be=w.version,he=void 0===be?1:be,Pe=w.showDiscountPercentageTag,ye=void 0!==Pe&&Pe,fe=w.discountTagLoading,Se=w.discountTag,Ce=w.isOnViewport,xe=void 0!==Ce&&Ce,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,Ve=void 0!==Be&&Be,De=w.invertPriceDirection,_e=void 0!==De&&De,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=c.useTheme(),ti=S.getStylesBySize(Y),li=u.useWindowDimensions().isMobile,ai=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]),ni=ye?Se:void 0,di=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:me,clubPrice:pe,styledPrice:!0,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?li?{fontSize:"12px",fontWeight:700,color:null===(t=si.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(o=si.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:me,clubPrice:pe,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?li?{fontSize:"12px",fontWeight:700,color:null===(a=si.colors.pallete.brickRed)||void 0===a?void 0:a.color}:{fontSize:"16px",fontWeight:700,color:null===(l=si.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return i.jsx(S.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:me,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:li,savingsDisplay:ye,discount:ni,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(m.PriceLabel,{invertDirection:_e,finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:j.ComponentSize.Medium,testId:"volume-discount",clubStyle:me,finalPriceAriaLabel:Ke,originalPriceAriaLabel:Je,discountAriaLabel:Qe,finalPriceStyle:me?li?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ci=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)},ui=r.useState(null!==(z=null==Te?void 0:Te.isLiked)&&void 0!==z&&z),gi=ui[0],ji=ui[1],pi=r.useState(null!==(T=null==Te?void 0:Te.likes)&&void 0!==T?T:0),vi=pi[0],mi=pi[1],qi=Re?S.InlineContainer:r.Fragment;return i.jsxs(S.ProdCardContainer,e.__assign({className:Q,"data-testid":"product-card-container-div"},{children:["corner"===ne.position&&i.jsx(S.CornerContainer,e.__assign({},ne.componentContainerProps,{children:ne.component}),void 0),i.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",className:"picContainer",onClick:$},{children:[!!Te&&i.jsx(L.LikeButton,{isLiked:gi,likes:vi,onClick:function(e){e.stopPropagation(),mi(gi?function(e){return e-1}:function(e){return e+1}),ji((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:si.colors.shades.white.color,hover:null!==(M=null!==(D=null===(V=null===(B=Te.colors)||void 0===B?void 0:B.background)||void 0===V?void 0:V.hover)&&void 0!==D?D:null===(O=null===(_=Te.colors)||void 0===_?void 0:_.background)||void 0===O?void 0:O.active)&&void 0!==M?M:si.colors.shades.white.color}}},void 0),U||X?i.jsxs(S.ImageContainer,e.__assign({width:null==ti?void 0:ti.width,height:null==ti?void 0:ti.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==ti?void 0:ti.width:"100%",height:we?null==ti?void 0:ti.height:"100%",loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[si.name].image.borderRadius},void 0),i.jsx(S.TopTagContainer,e.__assign({style:{width:ne.display?"100%":"inherit"}},{children:U}),void 0),i.jsx(S.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==ti?void 0:ti.width,height:null==ti?void 0:ti.height,loading:xe?"eager":"lazy",decoding:xe?"sync":"async",borderRadius:f.STYLES_BY_THEME[si.name].image.borderRadius},void 0),W?i.jsx(S.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==ti?void 0:ti.width,height:null==ti?void 0:ti.height},void 0):null]}),void 0),ne.display&&"top"===ne.position&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ai},void 0),ne.component]},void 0),oe&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ai},void 0),i.jsx(n.Spacing,{size:ai},void 0),i.jsx(ci,{},void 0)]},void 0),i.jsxs(S.Container,e.__assign({as:J?"a":"div",href:J,rel:le?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:me?"flex-start":"center"}},{children:[i.jsx(n.Spacing,{size:ai},void 0),i.jsx(S.Title,e.__assign({theme:si,align:me?"left":K,"data-testid":"product-card-title"},{children:F}),void 0),i.jsx(n.Spacing,{size:ai},void 0),!!oi&&oi,Ve&&i.jsxs(i.Fragment,{children:[i.jsx(S.Divider,{theme:si},void 0),i.jsx(n.Spacing,{size:ai},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(ci,{},void 0),i.jsx(n.Spacing,{size:ai},void 0),i.jsxs(S.MarginTopContainer,e.__assign({style:{marginTop:(null==ze?void 0:ze.isClubOffer)?0:8}},{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):di(),(null==ze?void 0:ze.isClubOffer)&&di(5)]}),void 0)]},void 0):i.jsxs(i.Fragment,{children:[i.jsxs(qi,{children:[se?i.jsx(o,{height:"20px",width:"140px"},void 0):Me&&!oe?i.jsxs(S.OneLineInfoWrapper,{children:[di(),i.jsx(ci,{},void 0)]},void 0):i.jsxs(i.Fragment,{children:[!(null==ze?void 0:ze.isClubMember)&&di(),(null==ze?void 0:ze.isClubOffer)&&di(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),me&&i.jsx(a.ClubPriceLabel,{clubPrice:pe},void 0),6!==he&&(fe?i.jsx(o,{height:"22px",width:"75px"},void 0):ye&&i.jsx(C.TagContainer,e.__assign({size:j.ComponentSize.Small},{children:Se&&i.jsx(v.DiscountTag,e.__assign({},Se,{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:ai},void 0),!oe&&!Me&&i.jsx(ci,{},void 0)]},void 0),!!Ae&&i.jsxs(i.Fragment,{children:[i.jsx(n.Spacing,{size:ai},void 0),i.jsx(n.Spacing,{size:ai},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:ai},void 0),ne.component]},void 0)]}),void 0)};
 //# sourceMappingURL=ProductItemMobile.js.map

package/build/lib/components/dropdown/variants/smart/SmartDropdown.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@headlessui/react"),t=require("react"),r=require("../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js"),n=require("../../../icons/index.js"),s=require("../../../input/base/Error.js"),d=require("../../base/BaseDropdown.js"),a=require("./SmartDropdownOption.js"),l=require("./SmartDropdownOptions.js"),u=require("./styled.js"),c=function(o){var t=o.open,s=o.dropdownRef,c=o.selectedValue,p=o.selectedOptionLabel,v=o.selectedOptionWeight,h=o.disabled,g=o.label,m=o.wide,x=o.sort,b=o.testId,w=o.options,O=o.calculatedMaxHeight,f=o.maxVisibleOptions,j=o.estimatedOptionHeight,q=o.forceDirection,_=r.useViewportAwarePosition({dropdownRef:s,isOpen:t,optionsCount:w.length,estimatedOptionHeight:j,maxVisibleOptions:f}).isOpenUpwards,I=q?"up"===q:_;return i.jsxs(u.ContentWrapper,e.__assign({wide:m},{children:[i.jsxs(d.Button,e.__assign({label:g,OpenIcon:n.Icon.Arrows.ChevronDown,CloseIcon:n.Icon.Arrows.ChevronUp,wide:m,isSortOrFilter:x,testId:b},{children:[!!(null==c?void 0:c.imageURL)&&i.jsx(u.OptionImage,{src:c.imageURL,alt:c.label},void 0),v&&h?i.jsx(u.SelectedOption,e.__assign({fontWeight:v},{children:p}),void 0):i.jsx(i.Fragment,{children:p},void 0)]}),void 0),i.jsx(l,e.__assign({isOpenUpwards:I,maxHeight:O},{children:w.map((function(o){return i.jsxs(a,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]}),o.key)}))}),void 0)]}),void 0)};module.exports=function(r){var n=r.options,d=r.disabled,a=void 0!==d&&d,l=r.initialValue,p=r.placeHolder,v=r.label,h=r.wide,g=void 0!==h&&h,m=r.sort,x=void 0!==m&&m,b=r.onChange,w=r.value,O=r.testId,f=void 0===O?"smart-dropdown":O,j=r.required,q=r.showRequiredPlaceholder,_=r.selectedOptionWeight,I=r.maxVisibleOptions,R=void 0===I?5:I,V=r.estimatedOptionHeight,L=void 0===V?40:V,C=r.forceDirection,D=t.useState(w||l),H=D[0],U=D[1],W=t.useRef(null),A=t.useMemo((function(){if(!(n.length<=R))return"".concat(R*L,"px")}),[n.length,R,L]),P=t.useMemo((function(){var e;return H?null!==(e=H.selectedLabel)&&void 0!==e?e:H.label:q?i.jsx(u.RequiredPlaceholder,{children:p},void 0):p}),[H,q,p]);t.useEffect((function(){null!=w?n.findIndex((function(e){return e.value===w.value}))<0?U(void 0):U(w):l||U(void 0)}),[w,n,l]);var S=q?u.Container:t.Fragment;return i.jsxs(S,{children:[i.jsx(u.DropdownWrapper,e.__assign({ref:W},{children:i.jsx(o.Listbox,e.__assign({value:H,onChange:function(e){b&&b(e),U(e)},disabled:a},{children:function(e){var o=e.open;return i.jsx(c,{open:o,dropdownRef:W,selectedValue:H,selectedOptionLabel:P,selectedOptionWeight:_,disabled:a,label:v,wide:g,sort:x,testId:f,options:n,calculatedMaxHeight:A,maxVisibleOptions:R,estimatedOptionHeight:L,forceDirection:C},void 0)}}),void 0)}),void 0),!!j&&i.jsx(s.Error,{error:j},void 0)]},void 0)};
+"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"),d=require("../../base/BaseDropdown.js"),a=require("./SmartDropdownOption.js"),l=require("./SmartDropdownOptions.js"),p=require("./styled.js"),u=function(o){var n=o.open,s=o.dropdownRef,u=o.selectedValue,c=o.selectedOptionLabel,g=o.selectedOptionWeight,v=o.disabled,h=o.label,m=o.wide,x=o.sort,b=o.testId,w=o.options,O=o.calculatedMaxHeight,f=o.maxVisibleOptions,j=o.estimatedOptionHeight,q=o.forceDirection,_=o.optionBadge,I=o.optionsAlign,R=t.useViewportAwarePosition({dropdownRef:s,isOpen:n,optionsCount:w.length,estimatedOptionHeight:j,maxVisibleOptions:f}).isOpenUpwards,V=q?"up"===q:R;return i.jsxs(p.ContentWrapper,e.__assign({wide:m},{children:[i.jsxs(d.Button,e.__assign({label:h,OpenIcon:r.Icon.Arrows.ChevronDown,CloseIcon:r.Icon.Arrows.ChevronUp,wide:m,isSortOrFilter:x,testId:b},{children:[!!(null==u?void 0:u.imageURL)&&i.jsx(p.OptionImage,{src:u.imageURL,alt:u.label},void 0),g&&v?i.jsx(p.SelectedOption,e.__assign({fontWeight:g},{children:c}),void 0):i.jsx(i.Fragment,{children:c},void 0)]}),void 0),i.jsx(l,e.__assign({isOpenUpwards:V,maxHeight:O,optionsAlign:I},{children:w.map((function(o){return i.jsxs(a,e.__assign({value:o,disabled:o.disabled,hasImage:!!o.imageURL},{children:[!!o.imageURL&&i.jsx(p.OptionImage,{src:o.imageURL,alt:o.label},void 0),o.label,(null==_?void 0:_.optionKey)===o.key&&_.content]}),o.key)}))}),void 0)]}),void 0)};module.exports=function(t){var r=t.options,d=t.disabled,a=void 0!==d&&d,l=t.initialValue,c=t.placeHolder,g=t.label,v=t.wide,h=void 0!==v&&v,m=t.sort,x=void 0!==m&&m,b=t.onChange,w=t.value,O=t.testId,f=void 0===O?"smart-dropdown":O,j=t.required,q=t.showRequiredPlaceholder,_=t.selectedOptionWeight,I=t.maxVisibleOptions,R=void 0===I?5:I,V=t.estimatedOptionHeight,A=void 0===V?40:V,L=t.forceDirection,C=t.optionBadge,D=t.optionsAlign,H=n.useState(w||l),U=H[0],W=H[1],B=n.useRef(null),P=n.useMemo((function(){if(!(r.length<=R))return"".concat(R*A,"px")}),[r.length,R,A]),S=n.useMemo((function(){var e;return U?null!==(e=U.selectedLabel)&&void 0!==e?e:U.label:q?i.jsx(p.RequiredPlaceholder,{children:c},void 0):c}),[U,q,c]);n.useEffect((function(){null!=w?r.findIndex((function(e){return e.value===w.value}))<0?W(void 0):W(w):l||W(void 0)}),[w,r,l]);var y=q?p.Container:n.Fragment;return i.jsxs(y,{children:[i.jsx(p.DropdownWrapper,e.__assign({ref:B},{children:i.jsx(o.Listbox,e.__assign({value:U,onChange:function(e){b&&b(e),W(e)},disabled:a},{children:function(e){var o=e.open;return i.jsx(u,{open:o,dropdownRef:B,selectedValue:U,selectedOptionLabel:S,selectedOptionWeight:_,disabled:a,label:g,wide:h,sort:x,testId:f,options:r,calculatedMaxHeight:P,maxVisibleOptions:R,estimatedOptionHeight:A,forceDirection:L,optionBadge:C,optionsAlign:D},void 0)}}),void 0)}),void 0),!!j&&i.jsx(s.Error,{error:j},void 0)]},void 0)};
 //# sourceMappingURL=SmartDropdown.js.map

package/build/lib/components/dropdown/variants/smart/SmartDropdownOptions.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../../../core/theme/Theme.js"),s=require("./styled.js");module.exports=function(t){var n=t.children,a=t.isOpenUpwards,u=t.maxHeight,m=i.useTheme();return r.jsx(s.SmartDropdownOptionsContainer,e.__assign({theme:m,isOpenUpwards:a,maxHeight:u},{children:n}),void 0)};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../../../core/theme/Theme.js"),s=require("./styled.js");module.exports=function(t){var n=t.children,o=t.isOpenUpwards,a=t.maxHeight,u=t.optionsAlign,m=i.useTheme();return r.jsx(s.SmartDropdownOptionsContainer,e.__assign({theme:m,isOpenUpwards:o,maxHeight:a,optionsAlign:u},{children:n}),void 0)};
 //# sourceMappingURL=SmartDropdownOptions.js.map

package/build/lib/components/dropdown/variants/smart/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("@emotion/styled"),t=require("../../../shared/select/BaseSelect.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var r,i,a,d,s,l,p=n(e),c=p.default.div(r||(r=o.__makeTemplateObject([""],[""]))),u=p.default.p(i||(i=o.__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"]))),m=p.default.span(a||(a=o.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),b=p.default.div(d||(d=o.__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"],["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"]))),f=p.default.div(s||(s=o.__makeTemplateObject(["\n  width: ",";\n  position: relative;\n"],["\n  width: ",";\n  position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),g=p.default.img(l||(l=o.__makeTemplateObject(["\n  padding-right: 8px;\n"],["\n  padding-right: 8px;\n"]))),x=p.default(t.Options)((function(e){var t=e.theme,n=e.isOpenUpwards,r=e.maxHeight;return o.__assign(o.__assign({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:t.component.dropdown.options.borderRadius,background:t.colors.shades.white.color,fontFamily:t.fonts.config[0].family,padding:0},n?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",width:"100%",color:t.colors.shades[700].color,zIndex:10,overflow:r?"auto":t.component.dropdown.optionsWrapper.overflow,maxHeight:null!=r?r:"unset",top:n?"unset":"28px",bottom:n?"28px":"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:t.colors.shades[50].color,borderRadius:t.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:t.colors.shades[150].color,borderRadius:t.component.dropdown.options.borderRadius,"&:hover":{background:t.colors.shades[400].color}}})})),h=p.default.li((function(o){var e=o.theme,t=o.selected,n=o.active,r=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:r?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:e.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:e.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:t?600:"inherit",backgroundColor:i?"#F7F7F7":n?e.component.dropdown.options.backgroundColor||e.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));exports.Container=c,exports.ContentWrapper=f,exports.DropdownWrapper=b,exports.OptionImage=g,exports.RequiredPlaceholder=u,exports.SelectedOption=m,exports.SmartCustomOption=h,exports.SmartDropdownOptionsContainer=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("@emotion/styled"),t=require("../../../shared/select/BaseSelect.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var r,i,a,s,d,l,p=n(e),c=p.default.div(r||(r=o.__makeTemplateObject([""],[""]))),u=p.default.p(i||(i=o.__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"]))),m=p.default.span(a||(a=o.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),b=p.default.div(s||(s=o.__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"],["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"]))),f=p.default.div(d||(d=o.__makeTemplateObject(["\n  width: ",";\n  position: relative;\n"],["\n  width: ",";\n  position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),g=p.default.img(l||(l=o.__makeTemplateObject(["\n  padding-right: 8px;\n"],["\n  padding-right: 8px;\n"]))),h=p.default(t.Options)((function(e){var t=e.theme,n=e.isOpenUpwards,r=e.maxHeight,i=e.optionsAlign,a=void 0===i?"left":i;return o.__assign(o.__assign({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:t.component.dropdown.options.borderRadius,background:t.colors.shades.white.color,fontFamily:t.fonts.config[0].family,padding:0},n?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",minWidth:"100%",width:"max-content",color:t.colors.shades[700].color,zIndex:10,overflow:r?"auto":t.component.dropdown.optionsWrapper.overflow,maxHeight:null!=r?r:"unset",top:n?"unset":"28px",bottom:n?"28px":"unset",left:"right"===a?"unset":0,right:"right"===a?0:"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:t.colors.shades[50].color,borderRadius:t.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:t.colors.shades[150].color,borderRadius:t.component.dropdown.options.borderRadius,"&:hover":{background:t.colors.shades[400].color}}})})),x=p.default.li((function(o){var e=o.theme,t=o.selected,n=o.active,r=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:r?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:e.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:e.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:t?600:"inherit",backgroundColor:i?"#F7F7F7":n?e.component.dropdown.options.backgroundColor||e.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));exports.Container=c,exports.ContentWrapper=f,exports.DropdownWrapper=b,exports.OptionImage=g,exports.RequiredPlaceholder=u,exports.SelectedOption=m,exports.SmartCustomOption=x,exports.SmartDropdownOptionsContainer=h;
 //# sourceMappingURL=styled.js.map

package/build/lib/components/size/selector/SizeSelector.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../icons/index.js"),r=require("../../../types/enums.js"),t=require("../../selector/simple/SelectorSecondary.js"),o=require("../../text/Text.js"),a=require("../guide/SizeFitGuide.js"),s=require("./styled.js"),d=0;module.exports=function(c){var u,v,g=c.label,h=c.sizes,m=c.selectedValue,b=c.onChange,p=c.onClickSizeTip,w=c.inline,f=void 0!==w&&w,x=c.width,y=c.hasSizeGuide,z=void 0!==y&&y,j=c.sizeTipReferences,_=c.hasSizeTipBelowSelector,k=void 0!==_&&_,S=l.useRef(null);null!==(u=S.current)&&void 0!==u||(S.current="afrodita-size-selector-".concat(++d));var A="".concat(S.current,"-label"),T=z?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==m?void 0:m.label)})):null,q=function(e){return"".concat(S.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i.jsxs("div",e.__assign({css:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"center":"start"}},{children:[i.jsxs(o.Text,e.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:f?"start":"inherit",padding:f?"0.75rem 0":"0"},id:A},{children:[g,!f&&i.jsx(o.Text,e.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==m?void 0:m.description}),void 0)]}),void 0),z&&!k&&i.jsxs(s.Row,e.__assign({"data-testid":"sizing-tip"},{children:[i.jsx(n.Icon.Actions.CircleInfo,{width:1.2},void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==T?void 0:T.tip}),void 0),p&&i.jsx(a,{hideIcon:!0,onClick:p,title:null!==(v=null==T?void 0:T.cta)&&void 0!==v?v:"Size and Fit Guide"},void 0)]}),void 0),i.jsx(s.ButtonsContainer,e.__assign({inline:f,role:"radiogroup","aria-labelledby":A,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==h?void 0:h.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var n=l.findIndex((function(e){return e.label===(null==m?void 0:m.label)})),r=n;"Home"===e.key?r=0:"End"===e.key?r=l.length-1:-1===n?r="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?r=(r+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(r=(r-1+l.length)%l.length);var t=l[r];t&&t.label!==(null==m?void 0:m.label)&&(b(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(q(t.label)))||void 0===e||e.focus()})))}}}},{children:null==h?void 0:h.map((function(e){var l=e.label===m.label,n=!e.disabled&&l,o=q(e.label),a=e.description?"".concat(e.label,", ").concat(e.description):e.label;return i.jsx(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:r.ComponentSize.Medium,text:e.label,active:n,disabled:e.disabled,onClick:function(){return b(e)},testId:"size-variant-".concat(e.label.split("/")[0]),width:x,showNoStockStyles:e.noStock,id:o,role:"radio","aria-checked":l,"aria-label":a},e.label)}))}),void 0),z&&k&&i.jsx(s.BottomSizeTipRow,e.__assign({"data-testid":"sizing-tip-below-selector"},{children:i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==T?void 0:T.tip}),void 0)}),void 0)]}),void 0)};
+"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../icons/index.js"),r=require("../../../types/enums.js"),t=require("../../selector/simple/SelectorSecondary.js"),o=require("../../text/Text.js"),a=require("../guide/SizeFitGuide.js"),s=require("./styled.js"),d=0;module.exports=function(c){var u,v,g=c.label,m=c.sizes,h=c.selectedValue,p=c.onChange,b=c.onClickSizeTip,w=c.inline,x=void 0!==w&&w,f=c.width,y=c.hasSizeGuide,z=void 0!==y&&y,j=c.sizeTipReferences,_=c.hasSizeTipBelowSelector,S=void 0!==_&&_,k=c.optionBadge,A=l.useRef(null);null!==(u=A.current)&&void 0!==u||(A.current="afrodita-size-selector-".concat(++d));var T="".concat(A.current,"-label"),q=z?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==h?void 0:h.label)})):null,C=function(e){return"".concat(A.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i.jsxs("div",e.__assign({css:{display:"flex",flexDirection:x?"row":"column",alignItems:x?"center":"start"}},{children:[i.jsxs(o.Text,e.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:x?"start":"inherit",padding:x?"0.75rem 0":"0"},id:T},{children:[g,!x&&i.jsx(o.Text,e.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==h?void 0:h.description}),void 0)]}),void 0),z&&!S&&i.jsxs(s.Row,e.__assign({"data-testid":"sizing-tip"},{children:[i.jsx(n.Icon.Actions.CircleInfo,{width:1.2},void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==q?void 0:q.tip}),void 0),b&&i.jsx(a,{hideIcon:!0,onClick:b,title:null!==(v=null==q?void 0:q.cta)&&void 0!==v?v:"Size and Fit Guide"},void 0)]}),void 0),i.jsx(s.ButtonsContainer,e.__assign({inline:x,role:"radiogroup","aria-labelledby":T,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==m?void 0:m.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var n=l.findIndex((function(e){return e.label===(null==h?void 0:h.label)})),r=n;"Home"===e.key?r=0:"End"===e.key?r=l.length-1:-1===n?r="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?r=(r+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(r=(r-1+l.length)%l.length);var t=l[r];t&&t.label!==(null==h?void 0:h.label)&&(p(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(C(t.label)))||void 0===e||e.focus()})))}}}},{children:null==m?void 0:m.map((function(l){var n=l.label===h.label,o=!l.disabled&&n,a=C(l.label),d=l.description?"".concat(l.label,", ").concat(l.description):l.label,c=(null==k?void 0:k.optionLabel)===l.label,u=i.jsx(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:c?0:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:r.ComponentSize.Medium,text:l.label,active:o,disabled:l.disabled,onClick:function(){return p(l)},testId:"size-variant-".concat(l.label.split("/")[0]),width:f,showNoStockStyles:l.noStock,id:a,role:"radio","aria-checked":n,"aria-label":d},l.label);return c?i.jsxs(s.SizeBadgeWrapper,e.__assign({css:{margin:"0 0.5rem 0.625rem 0"}},{children:[k.content,u]}),l.label):u}))}),void 0),z&&S&&i.jsx(s.BottomSizeTipRow,e.__assign({"data-testid":"sizing-tip-below-selector"},{children:i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==q?void 0:q.tip}),void 0)}),void 0)]}),void 0)};
 //# sourceMappingURL=SizeSelector.js.map

package/build/lib/components/size/selector/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,a,p,r=e(require("@emotion/styled")),i=r.default.div(t||(t=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"],["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),l=r.default.div(a||(a=n.__makeTemplateObject(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"]))),o=r.default.div(p||(p=n.__makeTemplateObject(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"])));exports.BottomSizeTipRow=o,exports.ButtonsContainer=i,exports.Row=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,a,p,i,r=e(require("@emotion/styled")),l=r.default.div(t||(t=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"],["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),o=r.default.div(a||(a=n.__makeTemplateObject(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"]))),x=r.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),f=r.default.div(i||(i=n.__makeTemplateObject(["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"],["\n  gap: 5px;\n  display: flex;\n  margin: 8px 0;\n  flex-wrap: wrap;\n\n  & button {\n    font-weight: 600;\n  }\n"])));exports.BottomSizeTipRow=f,exports.ButtonsContainer=l,exports.Row=o,exports.SizeBadgeWrapper=x;
 //# sourceMappingURL=styled.js.map

package/package.json

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