@trafilea/afrodita-components 7.24.6 → 7.24.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/es/components/dropdown/base/BaseDropdownButton.js +1 -1
- package/build/es/components/dropdown/base/BaseDropdownOption.js +1 -1
- package/build/es/components/icon-button/IconButton.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV1/ProductCard.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/es/components/organisms/ProductCard/utils.js +2 -0
- package/build/es/components/organisms/ProductCard/utils.js.map +1 -0
- package/build/es/components/pricing/priceLabelV2/PriceLabelTooltip.js +1 -1
- package/build/es/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/es/components/pricing/priceLabelV3/PriceLabelV3.js +1 -1
- package/build/es/components/pricing/priceLabelV4/PriceLabelV4.js +1 -1
- package/build/es/components/pricing/priceLabelV5/PriceLabelV5.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/es/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/es/components/tooltip/Styled.js +1 -1
- package/build/es/components/tooltip/Tooltip.js +1 -1
- package/build/index.d.ts +36 -5
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/dropdown/base/BaseDropdownButton.js +1 -1
- package/build/lib/components/dropdown/base/BaseDropdownOption.js +1 -1
- package/build/lib/components/icon-button/IconButton.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV1/ProductCard.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/lib/components/organisms/ProductCard/utils.js +2 -0
- package/build/lib/components/organisms/ProductCard/utils.js.map +1 -0
- package/build/lib/components/pricing/priceLabelV2/PriceLabelTooltip.js +1 -1
- package/build/lib/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/lib/components/pricing/priceLabelV3/PriceLabelV3.js +1 -1
- package/build/lib/components/pricing/priceLabelV4/PriceLabelV4.js +1 -1
- package/build/lib/components/pricing/priceLabelV5/PriceLabelV5.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/lib/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/lib/components/tooltip/Styled.js +1 -1
- package/build/lib/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as t,Fragment as r}from"@emotion/react/jsx-runtime";import{useMemo as e,useState as s,Fragment as l}from"react";import n from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as a}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as h}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as f}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as y}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as b}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{PriceLabelV6 as C}from"../../../pricing/priceLabelV6/PriceLabelV6.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../grid/WithProductGrid.js";import{PriceLabelV4 as S}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as z}from"./constants.js";import{getStylesBySize as T,ProdCardContainer as k,CornerContainer as x,Container as L,ImageContainer as I,TopTagContainer as B,BottomTagContainer as A,ImageHoverContainer as V,Title as D,Divider as O,MarginTopContainer as M,OneLineInfoWrapper as R,ClubOfferPriceLabelWrapper as N,InlineContainer as W}from"./styled.js";import{TagContainer as F}from"../../../pricing/styles.js";import{IconButton as G}from"../../../icon-button/IconButton.js";import"../../../tag/variants/product/styled.js";import"../truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../cta/styled.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../../organisms/ModalZoom/zoomModal.styled.js";import"../../../organisms/ModalZoom/ZoomModalV2.styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../slider/ArrowButton.js";import"../../../slider/StyledSlider.js";import"../../../gallery/components/ImageSmallPreview/styled.js";import"../../../gallery/components/ImagePreviewList/styled.js";import"../../../gallery/components/ImageProductSlide/styled.js";import"../../../gallery/styled.js";import"../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../iconsWithTitle/index.js";import"../../../image-card/ImageCard.js";import"../../../input/label/Label.js";import"../../../input/base/Styled.js";import"../../../input/custom/Custom.js";import"../../../input/basePlusButton/BasePlusButton.js";import"../../../input/basePlusIcon/BasePlusIcon.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../rating/starList/StarList.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"@emotion/react";import"../../../textWithImage/index.js";import"../../../timer/styled.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/TwoCtasAtCart/Card.styled.js";import"../../../timerV2/styled.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import{LikeButton as H}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var Z=function(Z){var E,_,q,J,K,Q,U,X,Y,$,ii,oi=Z.title,ti=Z.image,ri=Z.imageHover,ei=Z.price,si=Z.rating,li=Z.hideRating,ni=void 0!==li&&li,ai=Z.size,di=Z.alignName,ci=void 0===di?"center":di,mi=Z.url,pi=Z.className,ui=Z.topTag,vi=Z.bottomTag,gi=Z.onClick,ji=Z.priceDisplayType,hi=void 0===ji?"default":ji,fi=Z.priceAtBottom,yi=Z.ratingOnTop,bi=Z.priceLoading,Pi=Z.noFollow,Ci=void 0!==Pi&&Pi,Si=Z.colorPicker,wi=void 0===Si?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Si,zi=Z.isBNPL,Ti=void 0===zi?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:zi,ki=Z.hasStrength,xi=void 0===ki?{strength:-1,description:""}:ki,Li=Z.clubPrice,Ii=void 0===Li?"":Li,Bi=Z.showClubPriceLabel,Ai=void 0!==Bi&&Bi,Vi=Z.isRatingLoading,Di=Z.version,Oi=void 0===Di?1:Di,Mi=Z.showDiscountPercentageTag,Ri=void 0!==Mi&&Mi,Ni=Z.discountTagLoading,Wi=Z.discountTag,Fi=Z.isOnViewport,Gi=void 0!==Fi&&Fi,Hi=Z.hasDefaultSize,Zi=void 0!==Hi&&Hi,Ei=Z.clubOffer,_i=Z.likeBtn,qi=Z.onClickBottomButton,Ji=Z.showDecimals,Ki=void 0===Ji||Ji,Qi=Z.showDivider,Ui=void 0!==Qi&&Qi,Xi=Z.invertPriceDirection,Yi=void 0!==Xi&&Xi,$i=Z.priceAndReviewInOneLine,io=void 0!==$i&&$i,oo=Z.priceAndDiscountTagInOneLine,to=void 0!==oo&&oo,ro=Z.tooltipText,eo=Z.tooltipIcon,so=Z.tooltipPosition,lo=v(),no=T(ai),ao=g().isMobile,co=e((function(){var i;return(i={},i[h.Large]=8,i[h.Medium]=4,i[h.Small]=2,i)[ai]}),[ai]),mo=Ri?Wi:void 0,po=function(o){var r,e,s,l,n,d;if(void 0===o&&(o=Oi),"hidden"===hi)return null;switch(o){case 4:return t(S,"styled"===hi?{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,clubPrice:Ii,styledPrice:!0,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700,color:null===(e=lo.colors.pallete.brickRed)||void 0===e?void 0:e.color}:{fontSize:"16px",fontWeight:700,color:null===(r=lo.colors.pallete.brickRed)||void 0===r?void 0:r.color}:void 0}:{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,clubPrice:Ii,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700,color:null===(l=lo.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=lo.colors.pallete.brickRed)||void 0===s?void 0:s.color}:void 0},void 0);case 5:return t(N,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:t(a,{isClub:!0,isPDP:!0,finalPrice:null===(n=null==Ei?void 0:Ei.price)||void 0===n?void 0:n.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Ai,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);case 6:return t(C,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,color:ei.color,size:h.Medium,testId:"volume-discount-v6",showDecimals:Ki,tooltipText:ro,tooltipIcon:eo,tooltipPosition:so,isMobile:ao,savingsDisplay:Ri,discount:mo},void 0);default:return"styled"===hi?t(P,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Large,testId:"volume-discount",showDecimals:Ki},void 0):t(b,{invertDirection:Yi,finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:h.Medium,testId:"volume-discount",clubStyle:Ai,finalPriceStyle:Ai?ao?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},uo=function(){return ni||!si.reviews&&!si.rating?t(r,{},void 0):Vi?t(n,{height:"20px",width:"80px"},void 0):t(w,{size:ai===h.Large?h.Small:h.XSmall,rating:si.rating,reviews:null==si?void 0:si.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},vo=s(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),go=vo[0],jo=vo[1],ho=s(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),fo=ho[0],yo=ho[1],bo=to?W:l;return o(k,i({className:pi,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&t(x,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(L,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",className:"picContainer",onClick:gi},{children:[!!_i&&t(H,{isLiked:go,likes:fo,onClick:function(i){i.stopPropagation(),yo(go?function(i){return i-1}:function(i){return i+1}),jo((function(i){return!i})),null==_i||_i.onClick(i)},colors:{background:{active:null!==(K=null===(J=null===(q=_i.colors)||void 0===q?void 0:q.background)||void 0===J?void 0:J.active)&&void 0!==K?K:lo.colors.shades.white.color,hover:null!==(ii=null!==(X=null===(U=null===(Q=_i.colors)||void 0===Q?void 0:Q.background)||void 0===U?void 0:U.hover)&&void 0!==X?X:null===($=null===(Y=_i.colors)||void 0===Y?void 0:Y.background)||void 0===$?void 0:$.active)&&void 0!==ii?ii:lo.colors.shades.white.color}}},void 0),ui||vi?o(I,i({width:null==no?void 0:no.width,height:null==no?void 0:no.height,"data-testid":"tags-image-container"},{children:[t(d,{src:ti.src,srcSet:j(ti.src,180,360,720,960),alt:ti.alt,width:Zi?null==no?void 0:no.width:"100%",height:Zi?null==no?void 0:no.height:"100%",loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:z[lo.name].image.borderRadius},void 0),t(B,i({style:{width:wi.display?"100%":"inherit"}},{children:ui}),void 0),t(A,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):t(d,{src:ti.src,srcSet:j(ti.src,180,360,720,960),alt:ti.alt,width:null==no?void 0:no.width,height:null==no?void 0:no.height,loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:z[lo.name].image.borderRadius},void 0),ri?t(V,{className:"hover__image",src:ri.src,srcSet:j(ri.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ri.alt,width:null==no?void 0:no.width,height:null==no?void 0:no.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(r,{children:[t(p,{size:co},void 0),wi.component]},void 0),yi&&o(r,{children:[t(p,{size:co},void 0),t(p,{size:co},void 0),t(uo,{},void 0)]},void 0),o(L,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Ai?"flex-start":"center"}},{children:[t(p,{size:co},void 0),t(D,i({theme:lo,align:Ai?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),t(p,{size:co},void 0),Ui&&o(r,{children:[t(O,{theme:lo},void 0),t(p,{size:co},void 0)]},void 0),xi&&-1!==xi.strength&&o(r,{children:[t(u,{barsFilled:xi.strength,supportText:xi.description},void 0),t(p,{size:10},void 0)]},void 0),o(r,fi&&!yi?{children:[t(uo,{},void 0),t(p,{size:co},void 0),o(M,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[bi?t(n,{height:"20px",width:"140px"},void 0):po(),(null==Ei?void 0:Ei.isClubOffer)&&po(5)]}),void 0)]}:{children:[o(bo,{children:[bi?t(n,{height:"20px",width:"140px"},void 0):io&&!yi?o(R,{children:[po(),t(uo,{},void 0)]},void 0):o(r,{children:[!(null==Ei?void 0:Ei.isClubMember)&&po(),(null==Ei?void 0:Ei.isClubOffer)&&po(5),t(c,{displayBNPL:null==Ti?void 0:Ti.displayBNPL,installments:(null==Ti?void 0:Ti.installments)||0,installmentPrice:(null==Ti?void 0:Ti.installmentPrice)||"",iconFolder:null==Ti?void 0:Ti.iconFolder,iconName:(null==Ti?void 0:Ti.iconName)||"",showLogo:null==Ti?void 0:Ti.showLogo,iconColor:null==Ti?void 0:Ti.iconColor,fontSize:null==Ti?void 0:Ti.fontSize},void 0)]},void 0),Ai&&t(m,{clubPrice:Ii},void 0),6!==Oi&&(Ni?t(n,{height:"22px",width:"75px"},void 0):Ri&&t(F,i({size:h.Small},{children:Wi&&t(y,i({},Wi,{size:h.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0))]},void 0),t(p,{size:co},void 0),!yi&&!io&&t(uo,{},void 0)]},void 0),!!qi&&o(r,{children:[t(p,{size:co},void 0),t(p,{size:co},void 0),o(G,i({size:h.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==qi||qi(i)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[t(f.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),t("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(r,{children:[t(p,{size:co},void 0),wi.component]},void 0)]}),void 0)};export{Z as default};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as s,Fragment as l}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as h}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as f}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as y}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{PriceLabelV6 as C}from"../../../pricing/priceLabelV6/PriceLabelV6.js";import"../../../shared/card/Card.js";import"../../../bundle/minimalistic/styled.js";import"../../../text/Text.js";import"../../../bundle/motivator/styled.js";import"../../../bundle/simple/Simple.js";import"../../../offer-banner/OfferBanner.js";import"../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../cartProductItem/Description/Description.js";import"../../../cartProductItem/Promo/Promo.js";import"../../../cartProductItem/Title/Title.js";import"../../../cartProductItem/TrashIcon/styled.js";import"../../../checkbox/Checkbox.js";import"../../grid/WithProductGrid.js";import{PriceLabelV4 as S}from"../../../pricing/priceLabelV4/PriceLabelV4.js";import{Rating as w}from"../../../rating/Rating.js";import{STYLES_BY_THEME as L}from"./constants.js";import{getStylesBySize as A,ProdCardContainer as z,CornerContainer as k,Container as x,ImageContainer as T,TopTagContainer as I,BottomTagContainer as B,ImageHoverContainer as V,Title as D,Divider as O,MarginTopContainer as M,OneLineInfoWrapper as R,ClubOfferPriceLabelWrapper as N,InlineContainer as F}from"./styled.js";import{TagContainer as W}from"../../../pricing/styles.js";import{IconButton as G}from"../../../icon-button/IconButton.js";import"../../../tag/variants/product/styled.js";import"../truekind/styled.js";import"../../../color/ColorRadioGroup.js";import"../../../color/selector/PatternSelector.js";import"../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../cta/styled.js";import"../../../delivery-details/DeliveryDetails.js";import"../../../delivery-details/Note/Note.js";import"../../../drawer/style.js";import"../../../dropdown-list-icons/Styled.js";import"../../../dropdown/size-dropdown/Styled.js";import"../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../input/base/Error.js";import"../../../shared/select/BaseSelect.js";import"../../../dropdown/variants/smart/styled.js";import"../../../filtering/Accordion.js";import"../../../filtering/FiltersStyled.js";import"../../../filtering/Tags/Tags.js";import"../../../fit-guarantee/FitGuarantee.js";import"../../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../../modal/Modal.js";import"../../../organisms/ModalZoom/zoomModal.styled.js";import"../../../organisms/ModalZoom/ZoomModalV2.styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/styled.js";import"../../../slider/ArrowButton.js";import"../../../slider/StyledSlider.js";import"../../../gallery/components/ImageSmallPreview/styled.js";import"../../../gallery/components/ImagePreviewList/styled.js";import"../../../gallery/components/ImageProductSlide/styled.js";import"../../../gallery/styled.js";import"../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../iconsWithTitle/index.js";import"../../../image-card/ImageCard.js";import"../../../input/label/Label.js";import"../../../input/base/Styled.js";import"../../../input/custom/Custom.js";import"../../../input/basePlusButton/BasePlusButton.js";import"../../../input/basePlusIcon/BasePlusIcon.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../rating/starList/StarList.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"@emotion/react";import"../../../textWithImage/index.js";import"../../../timer/styled.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/TwoCtasAtCart/Card.styled.js";import"../../../timerV2/styled.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import{LikeButton as H}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var q=function(q){var E,Z,K,_,J,Q,U,X,Y,$,ii,oi=q.title,ri=q.image,ei=q.imageHover,ti=q.price,si=q.rating,li=q.hideRating,ai=void 0!==li&&li,ni=q.size,di=q.alignName,ci=void 0===di?"center":di,mi=q.url,pi=q.className,ui=q.topTag,vi=q.bottomTag,gi=q.onClick,ji=q.priceDisplayType,hi=void 0===ji?"default":ji,fi=q.priceAtBottom,bi=q.ratingOnTop,yi=q.priceLoading,Pi=q.noFollow,Ci=void 0!==Pi&&Pi,Si=q.colorPicker,wi=void 0===Si?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Si,Li=q.isBNPL,Ai=void 0===Li?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Li,zi=q.hasStrength,ki=void 0===zi?{strength:-1,description:""}:zi,xi=q.clubPrice,Ti=void 0===xi?"":xi,Ii=q.showClubPriceLabel,Bi=void 0!==Ii&&Ii,Vi=q.isRatingLoading,Di=q.version,Oi=void 0===Di?1:Di,Mi=q.showDiscountPercentageTag,Ri=void 0!==Mi&&Mi,Ni=q.discountTagLoading,Fi=q.discountTag,Wi=q.isOnViewport,Gi=void 0!==Wi&&Wi,Hi=q.hasDefaultSize,qi=void 0!==Hi&&Hi,Ei=q.clubOffer,Zi=q.likeBtn,Ki=q.onClickBottomButton,_i=q.showDecimals,Ji=void 0===_i||_i,Qi=q.showDivider,Ui=void 0!==Qi&&Qi,Xi=q.invertPriceDirection,Yi=void 0!==Xi&&Xi,$i=q.priceAndReviewInOneLine,io=void 0!==$i&&$i,oo=q.priceAndDiscountTagInOneLine,ro=void 0!==oo&&oo,eo=q.tooltipText,to=q.tooltipIcon,so=q.tooltipPosition,lo=q.finalPriceAriaLabel,ao=q.originalPriceAriaLabel,no=q.discountAriaLabel,co=q.tooltipAriaLabel,mo=q.quickViewAriaLabel,po=q.sellingFastAriaLabel,uo=q.quickViewAriaHidden,vo=q.sellingFastAriaHidden,go=q.sellingFast,jo=v(),ho=A(ni),fo=g().isMobile,bo=t((function(){var i;return(i={},i[h.Large]=8,i[h.Medium]=4,i[h.Small]=2,i)[ni]}),[ni]),yo=Ri?Fi:void 0,Po=function(o){var e,t,s,l,a,d;if(void 0===o&&(o=Oi),"hidden"===hi)return null;switch(o){case 4:return r(S,"styled"===hi?{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,clubPrice:Ti,styledPrice:!0,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700,color:null===(t=jo.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=jo.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,clubPrice:Ti,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700,color:null===(l=jo.colors.pallete.brickRed)||void 0===l?void 0:l.color}:{fontSize:"16px",fontWeight:700,color:null===(s=jo.colors.pallete.brickRed)||void 0===s?void 0:s.color}:void 0},void 0);case 5:return r(N,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Ei?void 0:Ei.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount-v4",clubStyle:Bi,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);case 6:return r(C,{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,color:ti.color,size:h.Medium,testId:"volume-discount-v6",showDecimals:Ji,tooltipText:eo,tooltipIcon:to,tooltipPosition:so,tooltipAriaLabel:co,isMobile:fo,savingsDisplay:Ri,discount:yo,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no},void 0);default:return"styled"===hi?r(P,{finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Large,testId:"volume-discount",showDecimals:Ji,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,tooltipAriaLabel:co},void 0):r(y,{invertDirection:Yi,finalPrice:ti.finalPrice,originalPrice:ti.originalPrice,finalPriceStyled:!1,color:ti.color,size:h.Medium,testId:"volume-discount",clubStyle:Bi,finalPriceAriaLabel:lo,originalPriceAriaLabel:ao,discountAriaLabel:no,finalPriceStyle:Bi?fo?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},Co=function(){return ai||!si.reviews&&!si.rating?r(e,{},void 0):Vi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ni===h.Large?h.Small:h.XSmall,rating:si.rating,reviews:null==si?void 0:si.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},So=s(null!==(E=null==Zi?void 0:Zi.isLiked)&&void 0!==E&&E),wo=So[0],Lo=So[1],Ao=s(null!==(Z=null==Zi?void 0:Zi.likes)&&void 0!==Z?Z:0),zo=Ao[0],ko=Ao[1],xo=ro?F:l;return o(z,i({className:pi,"data-testid":"product-card-container-div"},{children:["corner"===wi.position&&r(k,i({},wi.componentContainerProps,{children:wi.component}),void 0),o(x,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",className:"picContainer",onClick:gi},{children:[!!Zi&&r(H,{isLiked:wo,likes:zo,onClick:function(i){i.stopPropagation(),ko(wo?function(i){return i-1}:function(i){return i+1}),Lo((function(i){return!i})),null==Zi||Zi.onClick(i)},colors:{background:{active:null!==(J=null===(_=null===(K=Zi.colors)||void 0===K?void 0:K.background)||void 0===_?void 0:_.active)&&void 0!==J?J:jo.colors.shades.white.color,hover:null!==(ii=null!==(X=null===(U=null===(Q=Zi.colors)||void 0===Q?void 0:Q.background)||void 0===U?void 0:U.hover)&&void 0!==X?X:null===($=null===(Y=Zi.colors)||void 0===Y?void 0:Y.background)||void 0===$?void 0:$.active)&&void 0!==ii?ii:jo.colors.shades.white.color}}},void 0),ui||vi?o(T,i({width:null==ho?void 0:ho.width,height:null==ho?void 0:ho.height,"data-testid":"tags-image-container"},{children:[r(d,{src:ri.src,srcSet:j(ri.src,180,360,720,960),alt:ri.alt,width:qi?null==ho?void 0:ho.width:"100%",height:qi?null==ho?void 0:ho.height:"100%",loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:L[jo.name].image.borderRadius},void 0),r(I,i({style:{width:wi.display?"100%":"inherit"}},{children:ui}),void 0),r(B,i({style:{width:wi.display?"100%":"inherit"}},{children:vi}),void 0)]}),void 0):r(d,{src:ri.src,srcSet:j(ri.src,180,360,720,960),alt:ri.alt,width:null==ho?void 0:ho.width,height:null==ho?void 0:ho.height,loading:Gi?"eager":"lazy",decoding:Gi?"sync":"async",borderRadius:L[jo.name].image.borderRadius},void 0),ei?r(V,{className:"hover__image",src:ei.src,srcSet:j(ei.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ei.alt,width:null==ho?void 0:ho.width,height:null==ho?void 0:ho.height},void 0):null]}),void 0),wi.display&&"top"===wi.position&&o(e,{children:[r(p,{size:bo},void 0),wi.component]},void 0),bi&&o(e,{children:[r(p,{size:bo},void 0),r(p,{size:bo},void 0),r(Co,{},void 0)]},void 0),o(x,i({as:mi?"a":"div",href:mi,rel:Ci?"nofollow":"",onClick:gi,className:"textContainer",style:{alignItems:Bi?"flex-start":"center"}},{children:[r(p,{size:bo},void 0),r(D,i({theme:jo,align:Bi?"left":ci,"data-testid":"product-card-title"},{children:oi}),void 0),r(p,{size:bo},void 0),Ui&&o(e,{children:[r(O,{theme:jo},void 0),r(p,{size:bo},void 0)]},void 0),ki&&-1!==ki.strength&&o(e,{children:[r(u,{barsFilled:ki.strength,supportText:ki.description},void 0),r(p,{size:10},void 0)]},void 0),o(e,fi&&!bi?{children:[r(Co,{},void 0),r(p,{size:bo},void 0),o(M,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[yi?r(a,{height:"20px",width:"140px"},void 0):Po(),(null==Ei?void 0:Ei.isClubOffer)&&Po(5)]}),void 0)]}:{children:[o(xo,{children:[yi?r(a,{height:"20px",width:"140px"},void 0):io&&!bi?o(R,{children:[Po(),r(Co,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&Po(),(null==Ei?void 0:Ei.isClubOffer)&&Po(5),r(c,{displayBNPL:null==Ai?void 0:Ai.displayBNPL,installments:(null==Ai?void 0:Ai.installments)||0,installmentPrice:(null==Ai?void 0:Ai.installmentPrice)||"",iconFolder:null==Ai?void 0:Ai.iconFolder,iconName:(null==Ai?void 0:Ai.iconName)||"",showLogo:null==Ai?void 0:Ai.showLogo,iconColor:null==Ai?void 0:Ai.iconColor,fontSize:null==Ai?void 0:Ai.fontSize},void 0)]},void 0),Bi&&r(m,{clubPrice:Ti},void 0),6!==Oi&&(Ni?r(a,{height:"22px",width:"75px"},void 0):Ri&&r(W,i({size:h.Small},{children:Fi&&r(b,i({},Fi,{size:h.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)),go&&r(d,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:po||vo?null!=po?po:"":"selling-fast-copy","aria-hidden":!(!vo||po)||void 0,width:"77px",height:"22px"},void 0)]},void 0),r(p,{size:bo},void 0),!bi&&!io&&r(Co,{},void 0)]},void 0),!!Ki&&o(e,{children:[r(p,{size:bo},void 0),r(p,{size:bo},void 0),o(G,i({size:h.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==Ki||Ki(i)},onKeyDown:function(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),i.stopPropagation(),null==Ki||Ki(i))},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1",role:"button",tabIndex:uo&&!mo?-1:0,"aria-label":mo,"aria-hidden":!(!uo||mo)||void 0},{children:[r(f.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),wi.display&&"bottom"===wi.position&&o(e,{children:[r(p,{size:bo},void 0),wi.component]},void 0)]}),void 0)};export{q as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as e}from"tslib";import{jsx as r,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import i from"@emotion/styled";import l,{Fragment as d}from"react";import{useTheme as s}from"../../../core/theme/Theme.js";import c from"../../shared/select/BaseSelect.js";var a,m=i.button((function(o){var e=o.theme,r=o.wide,n=o.isSortOrFilter;return{border:"0.063rem solid ".concat(n?e.colors.shades[100].color:e.colors.shades[200].color),boxSizing:"border-box",borderRadius:e.component.dropdown.borderRadius,display:"flex",flexDirection:"row",alignItems:"center",background:n?e.colors.shades[10].color:e.colors.shades.white.color,cursor:"pointer",fontWeight:600,fontSize:e.component.dropdown.fontSize,padding:e.component.dropdown.padding,fontFamily:e.fonts.config[0].family,color:e.component.dropdown.color,fill:e.component.dropdown.fill,width:r?"100%":"auto",height:r?"100%":"auto",justifyContent:r?"space-between":"center",svg:{marginLeft:"0.75rem"},"&:disabled":{borderColor:e.colors.shades[200].color,color:e.colors.shades[250].color,cursor:"not-allowed",backgroundColor:e.colors.shades.white.color,"*":{color:e.colors.shades[250].color,fill:e.colors.shades[250].color,cursor:"not-allowed"}},"&:focus-visible":{outline:"0.125rem solid ".concat(e.colors.pallete.secondary.color),outlineOffset:"0.125rem"}}})),h=i.span(a||(a=o(["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"],["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"])),(function(o){return o.open&&'\n [data-testid="CloseIcon"] {\n display: block;\n }\n [data-testid="OpenIcon"] {\n display: none;\n }\n'})),p=l.memo((function(o){var i=o.OpenIcon,l=o.CloseIcon,a=o.label,p=o.wide,f=o.children,u=o.isSortOrFilter,w=o.testId,g=s();return r(c.Button,e({as:d},{children:function(o){var d=o.open;return n(m,e({theme:g,wide:p,"data-testid":w,isSortOrFilter:u},{children:[a?n("div",e({css:{display:"flex",flexDirection:"column",alignItems:"flex-start",whiteSpace:"nowrap",overflowX:"hidden"}},{children:[r("div",e({css:{fontSize:"0.75rem",fontWeight:400,margin:"0.125rem 0"}},{children:a}),void 0),f]}),void 0):r(t,{children:f},void 0),n(h,e({open:d},{children:[r(l,{testId:"CloseIcon",height:.875,width:.875,fill:"inherit"},void 0),r(i,{testId:"OpenIcon",height:.875,width:.875,fill:"inherit"},void 0)]}),void 0)]}),void 0)}}),void 0)}));export{p as default};
|
|
2
2
|
//# sourceMappingURL=BaseDropdownButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"@emotion/styled";import{Fragment as i}from"react";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"@emotion/styled";import{Fragment as i}from"react";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../types/enums.js";import{Checkbox as a}from"../../checkbox/Checkbox.js";import d from"../../shared/select/BaseSelect.js";var c=t.li((function(e){var o=e.theme,r=e.selected,t=e.active;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e.hasImage?"center":"flex-start",margin:0,cursor:"pointer",padding:o.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:o.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontWeight:r?600:"inherit",backgroundColor:t?o.component.dropdown.options.backgroundColor||o.colors.shades[10].color:"inherit","&:focus-visible":{outline:"0.125rem solid ".concat(o.colors.pallete.secondary.color),outlineOffset:"-0.125rem"}}}));function l(t){var l=t.value,m=t.disabled,p=t.children,h=t.hasCheckbox,f=void 0!==h&&h,u=t.isSelected,v=t.hasImage,b=void 0!==v&&v,g=n();return o(d.Option,e({value:l,disabled:m,as:i},{children:function(t){var i=t.selected,n=t.active;return r(c,e({theme:g,selected:u||i,active:n,hasImage:b},{children:[f&&o(a,{checked:u||i,text:"",id:l.key,onChange:console.log,size:s.Small,variant:"primary"},void 0),p]}),void 0)}}),void 0)}export{l as default};
|
|
2
2
|
//# sourceMappingURL=BaseDropdownOption.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n,__assign as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{useTheme as i}from"../../core/theme/Theme.js";import{ComponentSize as t}from"../../types/enums.js";var d,a=function(n){switch(n){case t.Large:return{widthHeight:"4.25rem",margin:"0.938rem"};case t.Medium:return{widthHeight:"2.5rem",margin:"0.625rem"};case t.Small:return{widthHeight:"1.5rem",margin:"0.375rem"}}},l=e.div(d||(d=n(["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"],["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"])),(function(n){return n.backgroundColor}),(function(n){var o,r=n.width,e=n.size;return n.hasText?null!=r?r:"auto":null===(o=a(e))||void 0===o?void 0:o.widthHeight}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.widthHeight}),(function(n){return n.border}),(function(n){var o=n.hasText,r=n.rounded;return o?r?"24px":"0.5rem":r?"50%":"0.5rem"}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){var o=n.boxShadow;return null!=o?o:"none"}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.margin}),(function(n){return n.hasText?"4px":"0"}),(function(n){return n.hoverBackgroundColor}),(function(n){return n.disabledColor}),(function(n){return n.disabledIconColor})),u=function(n){var e,d,a=n.children,u=n.disabled,c=n.size,s=void 0===c?t.Medium:c,h=n.onClick,b=n.
|
|
1
|
+
import{__makeTemplateObject as n,__assign as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{useTheme as i}from"../../core/theme/Theme.js";import{ComponentSize as t}from"../../types/enums.js";var d,a=function(n){switch(n){case t.Large:return{widthHeight:"4.25rem",margin:"0.938rem"};case t.Medium:return{widthHeight:"2.5rem",margin:"0.625rem"};case t.Small:return{widthHeight:"1.5rem",margin:"0.375rem"}}},l=e.div(d||(d=n(["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"],["\n background-color: ",";\n width: ",";\n height: ",";\n border: ",";\n border-radius: ",";\n display: ",";\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n box-shadow: ",";\n padding: ",";\n gap: ",";\n\n &:hover {\n background-color: ",";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ",";\n cursor: not-allowed;\n\n svg path {\n fill: ",";\n }\n }\n"])),(function(n){return n.backgroundColor}),(function(n){var o,r=n.width,e=n.size;return n.hasText?null!=r?r:"auto":null===(o=a(e))||void 0===o?void 0:o.widthHeight}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.widthHeight}),(function(n){return n.border}),(function(n){var o=n.hasText,r=n.rounded;return o?r?"24px":"0.5rem":r?"50%":"0.5rem"}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){var o=n.boxShadow;return null!=o?o:"none"}),(function(n){var o,r=n.size;return null===(o=a(r))||void 0===o?void 0:o.margin}),(function(n){return n.hasText?"4px":"0"}),(function(n){return n.hoverBackgroundColor}),(function(n){return n.disabledColor}),(function(n){return n.disabledIconColor})),u=function(n){var e,d,a=n.children,u=n.disabled,c=n.size,s=void 0===c?t.Medium:c,h=n.onClick,b=n.onKeyDown,m=n.backgroundColor,g=n.dataTestId,v=void 0===g?"Container":g,f=n.hasText,p=void 0!==f&&f,w=n.boxShadow,x=n.rounded,k=void 0===x||x,C=n.width,y=n.border,T=n.inline,j=void 0!==T&&T,z=n.role,H=n.tabIndex,I=n["aria-label"],S=n["aria-hidden"],B=i();return r(l,o({border:y,width:C,className:u?"disabled":"",backgroundColor:null!==(e=null==m?void 0:m.active)&&void 0!==e?e:B.component.button.primary.active.backgroundColor,hoverBackgroundColor:null!==(d=null==m?void 0:m.hover)&&void 0!==d?d:B.component.button.secondary.active.backgroundColor,disabledColor:B.colors.shades[50].color,disabledIconColor:B.colors.shades[200].color,size:s,"data-testid":v,onClick:u?function(){}:h,onKeyDown:u?void 0:b,hasText:p,boxShadow:w,rounded:k,inline:j,role:z,tabIndex:H,"aria-label":I,"aria-hidden":S},{children:a}),void 0)};export{u as IconButton};
|
|
2
2
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__assign as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useMemo as
|
|
1
|
+
import{__makeTemplateObject as i,__assign as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useMemo as a}from"react";import n from"../../../SkeletonBox/SkeletonBox.js";import{useTheme as l}from"../../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Spacing as m}from"../../../shared/spacing/Spacing.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as c}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{getProductCardImageAlts as g}from"../utils.js";import{PriceLabelDisplay as h}from"./PriceLabelDisplay.js";import{RatingDisplay as p}from"./RatingDisplay.js";import{ProdCardContainer as v,Container as u,ImageContainer as f,BottomTagContainer as j,ImageHoverContainer as w,Title as b}from"./styled.js";var x,y=r.div(x||(x=i(["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"])),(function(i){return i.style.width})),S=function(i){var r=i.title,x=i.image,S=i.imageHover,L=i.price,z=i.rating,C=i.ratingPos,A=i.size,H=i.alignName,P=void 0===H?"center":H,T=i.url,k=i.className,N=i.topTag,I=i.bottomTag,D=i.onClick,M=i.priceLoading,R=i.noFollow,B=void 0!==R&&R,F=i.isRatingLoading,O=i.discountTag,V=l(),_=function(i){switch(i){case s.Small:return{width:"167px",height:"223px"};case s.Large:return{width:"262px",height:"350px"};case s.Medium:default:return{width:"205px",height:"274px"}}}(A),q=g({imageAlt:x.alt,imageHoverAlt:null==S?void 0:S.alt,title:r}),E=q.imageAlt,G=q.imageHoverAlt,J=q.imageAriaHidden,K=q.imageHoverAriaHidden,Q=a((function(){var i;return(i={},i[s.Large]=8,i[s.Medium]=4,i[s.Small]=2,i)[A]}),[A]);return e(v,t({className:k,"data-testid":"product-card-container-div"},{children:[e(u,t({as:T?"a":"div",href:T,rel:B?"nofollow":"",className:"picContainer",onClick:D},{children:[N||I?e(f,t({width:null==_?void 0:_.width,height:null==_?void 0:_.height,"data-testid":"tags-image-container"},{children:[o(d,{src:x.src,srcSet:c(x.src,180,360,720,960),alt:E,"aria-hidden":J,width:"100%",height:"100%"},void 0),o(y,t({style:{width:"inherit"}},{children:N}),void 0),o(j,t({style:{width:"inherit"}},{children:I}),void 0)]}),void 0):o(d,{src:x.src,srcSet:c(x.src,180,360,720,960),alt:E,"aria-hidden":J,width:null==_?void 0:_.width,height:null==_?void 0:_.height},void 0),S?o(w,{className:"hover__image",src:S.src,srcSet:c(S.src,180,360,720,960),loading:"lazy",alt:G,"aria-hidden":K,width:null==_?void 0:_.width,height:null==_?void 0:_.height},void 0):null]}),void 0),e(u,t({as:T?"a":"div",href:T,rel:B?"nofollow":"",onClick:D,className:"textContainer",style:{alignItems:"".concat(A===s.Small?"start":"center")}},{children:[o(m,{size:Q},void 0),"bottom"!==C&&o(p,{rating:z,size:A,isRatingLoading:F},void 0),o(m,{size:Q},void 0),o(b,t({theme:V,align:P},{children:r}),void 0),o(m,{size:Q},void 0),M?o(n,{height:"20px",width:"140px"},void 0):o(h,{price:L,discountTag:O},void 0),o(m,{size:Q},void 0),"bottom"===C&&o(p,{rating:z,size:A,isRatingLoading:F},void 0)]}),void 0)]}),void 0)};export{S as ProductCard};
|
|
2
2
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as n}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as s}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as h}from"../../../text/Text.js";import{getProductCardImageAlts as g}from"../utils.js";import{ProdCardContainer as v,Container as u,ImageContainer as f,TopTagContainer as x,BottomTagContainer as w,ImageHoverContainer as y,Title as b,DiscountLabel as j}from"./styled.js";var S=function(S){var L,k=S.title,C=S.image,P=S.imageHover,z=S.price,A=S.rating,H=S.size,T=S.alignName,I=void 0===T?"center":T,N=S.url,q=S.className,F=S.topTag,M=S.bottomTag,V=S.onClick,D=S.onClickEye,R=S.priceLoading,B=S.noFollow,O=void 0!==B&&B,_=S.isRatingLoading,E=S.colorsCopy,W=S.discountTag,X=S.sellingFast,G=S.quickViewAriaLabel,J=S.sellingFastAriaLabel,K=S.quickViewAriaHidden,Q=S.sellingFastAriaHidden,U=n(),Y=function(i){switch(i){case d.Medium:return{width:"205px",height:"371px"};case d.Small:return{width:"183px",height:"223px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(H),Z=g({imageAlt:C.alt,imageHoverAlt:null==P?void 0:P.alt,title:k}),$=Z.imageAlt,ii=Z.imageHoverAlt,ei=Z.imageAriaHidden,ti=Z.imageHoverAriaHidden,ri=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[H]}),[H]);return e(v,i({className:q,"data-testid":"product-card-container-div"},{children:[e(u,i({as:N?"a":"div",href:N,rel:O?"nofollow":"",className:"picContainer",onClick:V},{children:[F||M?e(f,i({width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height,"data-testid":"tags-image-container"},{children:[t(c,{src:C.src,srcSet:s(C.src,180,360,720,960),alt:$,"aria-hidden":ei,width:"100%",height:"100%"},void 0),t(x,i({style:{width:"inherit"}},{children:F}),void 0),t(w,i({"data-testid":"bottom-tag-container",style:{width:"inherit"}},{children:M}),void 0)]}),void 0):t(c,{src:C.src,srcSet:s(C.src,180,360,720,960),alt:$,"aria-hidden":ei,width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height},void 0),P?t(y,{className:"hover__image",src:P.src,srcSet:s(P.src,180,360,720,960),loading:"lazy",alt:ii,"aria-hidden":ti,width:null==Y?void 0:Y.width,height:null==Y?void 0:Y.height},void 0):null]}),void 0),e(u,i({as:N?"a":"div",href:N,rel:O?"nofollow":"",onClick:V,className:"textContainer"},{children:[t(l,{size:ri},void 0),t(l,{size:ri},void 0),t(l,{size:ri},void 0),t(h,i({variant:"link",underline:!0},{children:E}),void 0),t(l,{size:ri},void 0),t(l,{size:ri},void 0),t((function(){return _?t(a,{height:"20px",width:"80px"},void 0):A.reviews?t(p,{size:H===d.Large?d.Small:d.XSmall,rating:A.rating,reviews:A.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0),t(l,{size:ri},void 0),t(b,i({theme:U,align:I},{children:k}),void 0),e("div",i({style:{display:"flex",alignItems:"flex-start",gap:"5px",margin:"3px 0 5px -5px"}},{children:[W&&t(j,i({style:{marginLeft:"5px"}},{children:W}),void 0),X&&t(c,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:J||Q?null!=J?J:"":"selling-fast-copy","aria-hidden":!(!Q||J)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),R?t(a,{height:"20px",width:"140px"},void 0):(L=!(!K||G)||void 0,e("div",i({style:{display:"flex",justifyContent:"space-between",marginLeft:"-5px"}},{children:[t(m,{finalPrice:z.finalPrice,originalPrice:z.originalPrice,finalPriceStyled:!1,color:z.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0),t("button",i({"data-testid":"quick-eye-button",style:{marginLeft:"30px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":G,"aria-hidden":L,tabIndex:L?-1:void 0,onClick:function(i){i.stopPropagation(),i.preventDefault(),D&&D()}},{children:t(c,{alt:G?"":"quick-view-eye","aria-hidden":!!G||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"28px",height:"28px",borderRadius:"1px"},void 0)}),void 0)]}),void 0))]}),void 0)]}),void 0)};export{S as ProductCardV2};
|
|
2
2
|
//# sourceMappingURL=ProductCardV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as s}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as n}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as g}from"../../../text/Text.js";import{getProductCardImageAlts as h}from"../utils.js";import{ProdCardContainer as v,Container as f,Title as u,DiscountLabel as x}from"./styled.js";var y=function(y){var b=y.title,j=y.image;y.imageHover;var w=y.price,S=y.rating,k=y.size,C=y.alignName,L=void 0===C?"center":C,P=y.url,z=y.className;y.topTag,y.bottomTag;var A=y.onClick,T=y.onClickEye,I=y.priceLoading,H=y.noFollow,q=void 0!==H&&H,F=y.isRatingLoading,N=y.colorsCopy,M=y.discountTag,R=y.quickViewAriaLabel,V=y.sellingFastAriaLabel,D=y.quickViewAriaHidden,B=y.sellingFastAriaHidden,O=y.sellingFast,E=s(),W=function(i){switch(i){case d.Medium:return{width:"205px",height:"274px"};case d.Small:return{width:"93px",height:"124px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(k),X=h({imageAlt:j.alt,title:b}),G=X.imageAlt,J=X.imageAriaHidden,K=!(!D||R)||void 0,Q=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[k]}),[k]);return e(v,i({className:z,"data-testid":"product-card-container-div"},{children:[t(f,i({"data-testid":"first-image-div",as:P?"a":"div",href:P,rel:q?"nofollow":"",className:"picContainer",onClick:A,style:{marginRight:"-90px"}},{children:t(c,{src:j.src,srcSet:n(j.src,180,360,720,960),alt:G,"aria-hidden":J,width:null==W?void 0:W.width,height:null==W?void 0:W.height},void 0)}),void 0),e(f,i({as:P?"a":"div",href:P,rel:q?"nofollow":"",onClick:A,className:"textContainer"},{children:[e("div",i({style:{display:"flex",justifyContent:"space-between"}},{children:[t(u,i({theme:E,align:L,style:{fontSize:"14px"}},{children:b}),void 0),t("button",i({"data-testid":"quick-eye-button",style:{margin:"5x 0 0 45px",backgroundColor:"transparent",border:"none",cursor:"pointer"},"aria-label":R,"aria-hidden":K,tabIndex:K?-1:void 0,onClick:function(i){i.stopPropagation(),i.preventDefault(),T&&T()}},{children:t(c,{alt:R?"":"quick-view-eye","aria-hidden":!!R||void 0,src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"32px",height:"32px",borderRadius:"1px"},void 0)}),void 0)]}),void 0),t(g,i({variant:"link",underline:!0,style:{fontSize:"12px"}},{children:N}),void 0),t(l,{size:Q},void 0),I?t(a,{height:"20px",width:"140px"},void 0):t("div",i({style:{display:"flex"}},{children:t(m,{finalPrice:w.finalPrice,originalPrice:w.originalPrice,finalPriceStyled:!1,color:w.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0)}),void 0),t(l,{size:Q},void 0),(M||O)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"5px"}},{children:[M&&t(x,i({style:{marginLeft:"5px"}},{children:M}),void 0),O&&t(c,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:V||B?null!=V?V:"":"selling-fast-copy","aria-hidden":!(!B||V)||void 0,width:"77px",height:"22px"},void 0)]}),void 0),t(l,{size:Q},void 0),t(l,{size:Q},void 0),t(l,{size:Q},void 0),t((function(){return F?t(a,{height:"20px",width:"80px"},void 0):S.reviews?t(p,{size:k===d.Large?d.Small:d.XSmall,rating:S.rating,reviews:S.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0)]}),void 0)]}),void 0)};export{y as ProductCardV3};
|
|
2
2
|
//# sourceMappingURL=ProductCardV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useTheme as i}from"../../../core/theme/Theme.js";import{ComponentPosition as e}from"../../../types/enums.js";import"react";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as r}from"../styles.js";import{Tooltip as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useTheme as i}from"../../../core/theme/Theme.js";import{ComponentPosition as e}from"../../../types/enums.js";import"react";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as r}from"../styles.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var a=m.tooltipText,n=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.tooltipAriaLabel,b=i(),f=null!=d?d:a;return t(r,o({"data-testid":"tooltip-container"},{children:t(l,o({showCloseIcon:!0,withArrow:!0,content:{text:a},position:null!=p?p:e.BottomRight,closeBtnSize:.7,"data-testid":"tooltip",triggerAriaLabel:f,enableKeyboardToggle:!0},{children:t(s,{name:null!=n?n:"actions/circle_info",fill:b.colors.shades[500].color,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)};export{m as PriceLabelTooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as n}from"../../../types/enums.js";import{ClubOfferTag as s}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{getTestId as d}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{VerticalContainer as u,PriceDiscountRow as m,HorizontalVariantContainer as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as n}from"../../../types/enums.js";import{ClubOfferTag as s}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{getTestId as d}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{VerticalContainer as u,PriceDiscountRow as m,HorizontalVariantContainer as b,HorizontalVariantRow as f,Container as v,FinalPriceStyledContainer as y,Price as L,TagContainer as P}from"../styles.js";import{PriceLabelTooltip as h}from"./PriceLabelTooltip.js";var g=function(i){var l,a=i.testId,t=i.priceCommonProps,s=i.size,c=i.currencySymbol,p=i.finalPriceArray,u=i.productFinalPrice,m=i.showDecimals,b=i.pricePerItem,f=i.theme,v=i.isHorizontalLayout,P=void 0!==v&&v,h=i.isVerticalLayout,g=void 0!==h&&h,S=i.ariaLabel,z=P?o(o({},t),{size:n.Small,style:{fontSize:"14px"}}):t,x=g?o(o({},t),{size:n.Small,style:{fontSize:"16px"}}):t,A=P?z:g?x:t;return e(y,o({"data-testid":d(a,"final-product-price"),"aria-label":S},{children:[r(L,o({margin:!0,finalPriceStyledSmall:!P&&!g},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:c}),void 0),r(L,o({finalPriceStyled:!P&&!g},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:p[0]?p[0]:null===(l="".concat(u))||void 0===l?void 0:l.split(c)[1]}),void 0),m&&e(L,o({finalPriceStyledSmall:!P&&!g,style:P?{fontSize:"14px"}:g?{fontSize:"16px"}:{marginTop:"-6px"}},A,{size:P||g?n.Small:s,"aria-hidden":"true"},{children:[(P||g)&&".",p[1]?p[1]:"00"]}),void 0),b&&r(L,o({size:n.Small,color:f.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},S=function(i){var e=i.isDiscount,l=i.discount,a=i.bordersRounded,t=i.savingsDisplay,s=i.currencySymbol,d=i.savetoString,p=i.isHorizontalLayout,u=void 0!==p&&p,m=i.ariaLabel;return e?r(P,o({size:n.Small},{children:l&&r(c,o({},l,{size:n.Medium,style:o({letterSpacing:"-0.05rem"},u&&{fontSize:"12px"}),bordersRounded:a,savings:t?"Save ".concat(s).concat(d):void 0,ariaLabel:m}),void 0)}),void 0):null},z=function(i){var e=i.isClubOffer,l=i.clubOffer;return e?r(P,o({size:n.Medium},{children:l&&r(s,o({},l,{size:n.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0):null},x=function(s){var c=s.finalPrice,y=s.originalPrice,P=s.discount,x=s.clubOffer,A=s.color,D=s.testId,I=s.originalPriceStyled,O=void 0!==I&&I,C=s.originalPriceUnderlined,j=void 0===C||C,H=s.size,w=void 0===H?n.Small:H,R=s.bordersRounded,T=void 0!==R&&R,V=s.savingsDisplay,M=void 0===V||V,F=s.pricePerItem,N=s.hasRoundedSavings,U=void 0===N||N,k=s.showDecimals,W=void 0===k||k,$=s.tooltipText,q=s.tooltipIcon,B=s.tooltipPosition,E=s.tooltipAriaLabel,G=s.hasVerticalLayout,J=void 0!==G&&G,K=s.hasHorizontalLayout,Q=void 0!==K&&K,X=s.isMobile,Y=void 0!==X&&X,Z=s.finalPriceAriaLabel,_=s.originalPriceAriaLabel,ii=s.discountAriaLabel,oi=i(s,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasVerticalLayout","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),ei=l(),ri=a().isMobile,li=F||c,ai=y!==li,ti=y&&ai,ni=!(!P||!ai),si=!(!x||!ai),ci="$";"string"==typeof li&&(ci=t(li));var di,pi,ui="string"==typeof li&&li.includes(".")&&li.includes(ci)?li.split(ci)[1].split("."):["",""],mi={size:n.Small,color:si?"var(--colors-pallete-wine-color)":A||ei.colors.pallete.secondary.color,weight:700};"string"==typeof y&&"string"==typeof li?(di=Number(y.replace(ci,"")),pi=Number(li.replace(ci,""))):(di="number"==typeof y?y:0,pi="number"==typeof li?li:0);var bi=di-pi;if(U){var fi=Number((bi-Math.floor(bi)).toFixed(2));fi>=.01&&fi<.5?bi=Math.floor(bi)+0:fi>=.51&&fi<1&&(bi=Math.floor(bi)+.5)}var vi=bi.toFixed(2),yi=p({productFinalPrice:li,originalPrice:y,currencySymbol:ci,isOriginalPrice:!!ti,finalPriceAriaLabel:Z,originalPriceAriaLabel:_}),Li=yi.computedFinalPriceLabel,Pi=yi.computedOriginalPriceLabel,hi=function(){return r(L,o({size:O?w:n.Small,color:ei.component.pricing.priceLabel.price.originalPriceColor||ei.colors.shades[300].color,margin:!J,underlined:j,"data-testid":d(D,"original-product-price"),"data-nosnippet":!0,style:Q?{fontSize:"12px"}:void 0,"aria-label":Pi},{children:y}),void 0)};return J?e(u,o({},oi,{id:"priceLabelV2"},{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,isMobile:null!=Y?Y:ri,tooltipAriaLabel:E},void 0),ti&&r(hi,{},void 0),e(m,{children:[r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0)]},void 0)]}),void 0):Q?r(b,o({},oi,{id:"priceLabelV2"},{children:e(f,{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,tooltipAriaLabel:E},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0),ti&&r(hi,{},void 0),r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0)]},void 0)}),void 0):e(v,o({},oi,{id:"priceLabelV2"},{children:[$&&r(h,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,tooltipAriaLabel:E},void 0),ti&&r(hi,{},void 0),r(g,{testId:D,priceCommonProps:mi,size:w,currencySymbol:ci,finalPriceArray:ui,productFinalPrice:li,showDecimals:W,pricePerItem:F,theme:ei,isHorizontalLayout:Q,isVerticalLayout:J,ariaLabel:Li},void 0),r(S,{isDiscount:ni,discount:P,bordersRounded:T,savingsDisplay:M,currencySymbol:ci,savetoString:vi,isHorizontalLayout:Q,ariaLabel:ii},void 0),r(z,{isClubOffer:si,clubOffer:x},void 0)]}),void 0)};export{x as PriceLabelV2};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__rest as e,__assign as r}from"tslib";import{jsxs as
|
|
1
|
+
import{__makeTemplateObject as i,__rest as e,__assign as r}from"tslib";import{jsxs as l,jsx as o}from"react/jsx-runtime";import n from"@emotion/styled";import{useTheme as a}from"../../../core/theme/Theme.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as d}from"../../../types/enums.js";import{ClubOfferTag as c}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as s}from"../discount/DiscountTag.js";import{getTestId as p}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as m}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as u,Price as f,TagContainer as g}from"../styles.js";var v,y,b,h=n.div(v||(v=i(["\n display: flex;\n"],["\n display: flex;\n"]))),P=n.div(y||(y=i(["\n display: column;\n align-items: center;\n"],["\n display: column;\n align-items: center;\n"]))),x=n.div(b||(b=i(["\n display: flex;\n padding-left: 0.5rem;\n"],["\n display: flex;\n padding-left: 0.5rem;\n"]))),S=function(i){var n,v=i.finalPrice,y=i.originalPrice,b=i.discount,S=i.clubOffer,L=i.color,z=i.testId,A=i.originalPriceStyled,j=void 0!==A&&A,w=i.originalPriceUnderlined,O=void 0===w||w,M=i.size,T=void 0===M?d.Small:M,C=i.bordersRounded,F=void 0!==C&&C,R=i.savingsDisplay,U=void 0===R||R,D=i.itemsQuantity,I=i.packUnitPrice,N=i.finalPriceAriaLabel,k=i.originalPriceAriaLabel,Q=i.discountAriaLabel,V=e(i,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","itemsQuantity","packUnitPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),B=a(),E=y!==v,H=y&&E,$=b&&E,q=S&&E,G="$";"string"==typeof v&&(G=t(v));var J,K,W="string"==typeof v&&v.includes(".")&&v.includes(G)?v.split(G)[1].split("."):["",""],X={size:d.Small,color:q?"var(--colors-pallete-wine-color)":null!=L?L:B.colors.pallete.secondary.color,weight:700};"string"==typeof y&&"string"==typeof v?(J=Number(y.replace(G,"")),K=Number(v.replace(G,""))):(J="number"==typeof y?y:0,K="number"==typeof v?v:0);var Y=J-K,Z=Number((Y-Math.floor(Y)).toFixed(2));Z>=.01&&Z<.5?Y=Math.floor(Y)+0:Z>=.51&&Z<1&&(Y=Math.floor(Y)+.5);var _=Y.toFixed(2),ii=m({productFinalPrice:v,originalPrice:y,currencySymbol:G,isOriginalPrice:!!H,finalPriceAriaLabel:N,originalPriceAriaLabel:k}),ei=ii.computedFinalPriceLabel,ri=ii.computedOriginalPriceLabel;return l(P,r({},V,{children:[o(u,r({style:{paddingBottom:"0.5rem"}},{children:H&&o((function(){return o(f,r({size:j?T:d.Small,color:B.component.pricing.priceLabel.price.originalPriceColor||B.colors.shades[300].color,margin:!0,underlined:O,"data-testid":p(z,"original-product-price"),"data-nosnippet":!0,"aria-label":ri},{children:y}),void 0)}),{},void 0)}),void 0),l(u,{children:[l(h,r({"data-testid":p(z,"final-product-price"),"aria-label":ei},{children:[o(f,r({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px"}},X,{size:T,"aria-hidden":"true"},{children:G}),void 0),o(f,r({finalPriceStyled:!0},X,{size:T,"aria-hidden":"true"},{children:W[0]?W[0]:null===(n="".concat(v))||void 0===n?void 0:n.split(G)[1]}),void 0),o(f,r({finalPriceStyledSmall:!0,style:{marginTop:"-6px"}},X,{size:T,"aria-hidden":"true"},{children:W[1]?W[1]:"00"}),void 0)]}),void 0),o((function(){return!D||D<2?null:l(x,r({"data-testid":p(z,"each-one-price")},{children:[l(f,r({},X,{weight:600},{children:["(",I]}),void 0),o(f,r({},X,{weight:400},{children:"/each"}),void 0),o(f,r({},X,{weight:600},{children:")"}),void 0)]}),void 0)}),{},void 0),$&&o(g,r({size:d.Small},{children:b&&o(s,r({},b,{size:d.Medium,style:{letterSpacing:"-0.05rem"},bordersRounded:F,savings:U?"SAVE ".concat(G).concat(_):void 0,showSavings:!0,ariaLabel:Q}),void 0)}),void 0),q&&o(g,r({size:d.Medium},{children:S&&o(c,r({},S,{size:d.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)]}),void 0)};export{S as PriceLabelV3};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__rest as
|
|
1
|
+
import{__makeTemplateObject as i,__rest as e,__assign as n}from"tslib";import{jsxs as r,jsx as l}from"react/jsx-runtime";import o from"@emotion/styled";import{useTheme as t}from"../../../core/theme/Theme.js";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as c}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as d}from"../../../types/enums.js";import{DiscountTag as s}from"../discount/DiscountTag.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as m,Price as g,TagContainer as u}from"../styles.js";var f=o.span(L||(L=i(["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #e5e5e5;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: #5a5a5a;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),b=o.span(z||(z=i(["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"],["\n background-color: #c64844;\n padding: 3px 4px;\n border-radius: 4px;\n gap: 10px;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 0.6rem;\n line-height: 1rem;\n text-align: center;\n margin-bottom: 0.5rem;\n"]))),h=o.span(j||(j=i(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),v=o.span(A||(A=i(["\n display: flex;\n"],["\n display: flex;\n"]))),y=o.span(w||(w=i(["\n display: flex;\n gap: 8px;\n"],["\n display: flex;\n gap: 8px;\n"]))),x=function(){return l(f,{children:"REGULAR PRICE"},void 0)},P=function(i){var e=i.label;return l(b,{children:e||"CLUB MEMBERS"},void 0)};function S(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join("-")}var L,z,j,A,w,k=function(i){var o;i.finalPrice;var f=i.originalPrice,b=i.discount,L=i.color,z=i.testId,j=i.finalPriceStyled,A=void 0!==j&&j,w=i.finalPriceStyle,k=i.originalPriceStyled,C=void 0!==k&&k,E=i.originalPriceUnderlined,M=void 0===E||E,R=i.size,T=void 0===R?d.Medium:R,U=i.clubStyle,B=void 0!==U&&U,I=i.styledPrice,D=void 0!==I&&I,F=i.clubPrice,O=i.finalPriceAriaLabel,G=i.originalPriceAriaLabel,V=i.discountAriaLabel,W=e(i,["finalPrice","originalPrice","discount","color","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","size","clubStyle","styledPrice","clubPrice","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),X=t(),$=a().isMobile,q=F,H=f&&f!==q,J="$";"string"==typeof q&&(J=c(q));var K="string"==typeof q&&q.includes(".")&&q.includes(J)?q.split(J)[1].split("."):["",""],N={size:A?d.Small:T,color:L||X.colors.pallete.secondary.color,weight:700},Q=p({productFinalPrice:q,originalPrice:f,currencySymbol:J,isOriginalPrice:!!H,finalPriceAriaLabel:O,originalPriceAriaLabel:G}),Y=Q.computedFinalPriceLabel,Z=Q.computedOriginalPriceLabel,_=function(){var i=B?$?d.Small:d.XSmall:C?T:d.Small;return l(g,n({size:i,color:X.component.pricing.priceLabel.price.originalPriceColor,underlined:M,"data-testid":S(z,"original-product-price"),"data-nosnippet":!0,theme:X,"aria-label":Z},{children:f}),void 0)};return r(m,n({},W,{children:[r(h,B&&!D?{children:[r(y,{children:[l(_,{},void 0),l(x,{},void 0)]},void 0),r(y,{children:[l(g,n({margin:!0,"data-testid":S(z,"final-product-price")},N,{style:w,size:T,"aria-label":Y},{children:F}),void 0),l(P,{label:X.label.member},void 0)]},void 0)]}:{children:[r(y,{children:[l(_,{},void 0),l(x,{},void 0)]},void 0),r(y,{children:[r(v,n({"aria-label":Y},{children:[l(g,n({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px",color:"#c64844"}},N,{size:T,"data-testid":S(z,"final-product-price"),"aria-hidden":"true"},{children:J}),void 0),r(g,n({finalPriceStyled:!0},N,{size:T,style:{color:"#c64844"},"aria-hidden":"true"},{children:[K[0]?K[0]:null===(o="".concat(q))||void 0===o?void 0:o.split(J)[1],"."]}),void 0),l(g,n({finalPriceStyledSmall:!0,style:{marginTop:"-6px",color:"#c64844"}},N,{size:T,"aria-hidden":"true"},{children:K[1]?K[1]:"00"}),void 0)]}),void 0),l(P,{label:X.label.member},void 0)]},void 0)]},void 0),b&&l(u,n({size:T},{children:l(s,n({},b,{size:T,ariaLabel:V}),void 0)}),void 0)]}),void 0)};export{k as PriceLabelV4,S as getTestId};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV4.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as
|
|
1
|
+
import{__rest as i,__assign as r}from"tslib";import{jsx as e,jsxs as l,Fragment as a}from"react/jsx-runtime";import{useTheme as o}from"../../../core/theme/Theme.js";import{getCurrencySymbol as n}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as t}from"../../../types/enums.js";import{getPriceLabelAriaTexts as c}from"../priceLabelV6/utils/priceLabelAria.js";import{Container as d,Price as s}from"./PriceLabelV5.styled.js";function m(){for(var i=[],r=0;r<arguments.length;r++)i[r]=arguments[r];return i.filter(Boolean).join("-")}var P=function(i){var l=i.theme,a=i.originalPriceUnderlined,o=i.testId,n=i.originalPrice,c=i.ariaLabel;return e(s,r({size:t.Small,color:l.colors.shades[450].color,underlined:a,"data-testid":m(o,"original-product-price"),"data-nosnippet":!0,theme:l,"aria-label":c},{children:n}),void 0)},p=function(p){var u=p.finalPrice,f=p.originalPrice;p.discount;var g=p.color,b=p.testId,L=p.finalPriceStyle,v=p.originalPriceUnderlined,h=void 0===v||v,y=p.size,j=void 0===y?t.Medium:y,A=p.finalPriceAriaLabel,S=p.originalPriceAriaLabel,z=i(p,["finalPrice","originalPrice","discount","color","testId","finalPriceStyle","originalPriceUnderlined","size","finalPriceAriaLabel","originalPriceAriaLabel"]),I=o(),U="$";"string"==typeof u&&(U=n(u));var x=c({productFinalPrice:u,originalPrice:f,currencySymbol:U,isOriginalPrice:!!(f&&f!==u),finalPriceAriaLabel:A,originalPriceAriaLabel:S}),C=x.computedFinalPriceLabel,F=x.computedOriginalPriceLabel,O={size:j,color:null!=g?g:I.colors.pallete.secondary.color,weight:700};return e(d,r({},z,{id:"priceLabel"},{children:l(a,{children:[e(s,r({margin:!0,"data-testid":m(b,"final-product-price")},O,{style:L,size:j,"aria-label":C},{children:u}),void 0),!!f&&e(P,{theme:I,originalPriceUnderlined:h,testId:b,originalPrice:f,ariaLabel:F},void 0)]},void 0)}),void 0)};export{p as PriceLabelV5};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV5.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as t}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{HorizontalVariantContainer as n,HorizontalVariantRow as s,Container as c}from"../styles.js";import{PriceSection as d,OriginalPriceSection as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as t}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{HorizontalVariantContainer as n,HorizontalVariantRow as s,Container as c}from"../styles.js";import{PriceSection as d,OriginalPriceSection as p,TooltipSection as m,TagsSection as u}from"./PriceLabelV6Components.js";import{extractCurrencySymbol as b,splitPriceIntoParts as P,calculateSavings as v}from"./utils/priceParsing.js";import{getPriceLabelAriaTexts as y}from"./utils/priceLabelAria.js";import{applyRoundedSavings as L,formatSavingsToString as f}from"./utils/savingsRounding.js";var g=function(g){var h=g.finalPrice,A=g.originalPrice,z=g.discount,S=g.clubOffer,I=g.color,D=g.testId,j=g.originalPriceStyled,w=void 0!==j&&j,H=g.originalPriceUnderlined,O=void 0===H||H,R=g.size,x=void 0===R?a.Small:R,C=g.bordersRounded,M=void 0!==C&&C,T=g.savingsDisplay,F=void 0===T||T,U=g.pricePerItem,V=g.hasRoundedSavings,k=void 0===V||V,W=g.showDecimals,q=void 0===W||W,B=g.tooltipText,E=g.tooltipIcon,G=g.tooltipPosition,J=g.tooltipAriaLabel,K=g.hasHorizontalLayout,N=void 0!==K&&K,Q=g.isMobile,X=void 0!==Q&&Q,Y=g.finalPriceAriaLabel,Z=g.originalPriceAriaLabel,$=g.discountAriaLabel,_=i(g,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),ii=l(),oi=t().isMobile,ri=U||h,ei=A!==ri,li=A&&ei,ti=!(!z||!ei),ai=!(!S||!ei),ni=b(ri),si=P("string"==typeof ri?ri:"",ni),ci={size:a.Small,color:ai?"var(--colors-pallete-wine-color)":I||ii.colors.pallete.secondary.color,weight:700},di=v(A||0,ri,ni),pi=L(di,k),mi=f(pi),ui=y({productFinalPrice:ri,originalPrice:A,currencySymbol:ni,isOriginalPrice:!!li,finalPriceAriaLabel:Y,originalPriceAriaLabel:Z}),bi=ui.computedFinalPriceLabel,Pi=ui.computedOriginalPriceLabel;return N?r(n,o({},_,{id:"priceLabelV6"},{children:e(s,o({"data-testid":"horizontal-variant-row"},{children:[r(d,{testId:D,priceCommonProps:ci,size:x,currencySymbol:ni,finalPriceArray:si,productFinalPrice:ri,showDecimals:q,pricePerItem:U,theme:ii,isHorizontalLayout:N,ariaLabel:bi},void 0),li&&r(p,{originalPrice:A,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:ii,hasHorizontalLayout:N,ariaLabel:Pi},void 0),r(m,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=X?X:oi,tooltipAriaLabel:J},void 0),r(u,{isDiscount:ti,discount:z,bordersRounded:M,savingsDisplay:F,currencySymbol:ni,savetoString:mi,isHorizontalLayout:N,isClubOffer:ai,clubOffer:S,discountAriaLabel:$},void 0)]}),void 0)}),void 0):e(c,o({},_,{id:"priceLabelV6"},{children:[li&&r(p,{originalPrice:A,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:ii,hasHorizontalLayout:N,ariaLabel:Pi},void 0),r(m,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=X?X:oi,tooltipAriaLabel:J},void 0),r(d,{testId:D,priceCommonProps:ci,size:x,currencySymbol:ni,finalPriceArray:si,productFinalPrice:ri,showDecimals:q,pricePerItem:U,theme:ii,isHorizontalLayout:N,ariaLabel:bi},void 0),r(u,{isDiscount:ti,discount:z,bordersRounded:M,savingsDisplay:F,currencySymbol:ni,savetoString:mi,isHorizontalLayout:N,isClubOffer:ai,clubOffer:S,discountAriaLabel:$},void 0)]}),void 0)};export{g as PriceLabelV6};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as a}from"../discount/DiscountTag.js";import{getTestId as n}from"../price/PriceLabel.js";import{Price as d,FinalPriceStyledContainer as s,TagContainer as c}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(r){var o=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,s=r.size,c=r.testId,p=r.theme,m=r.hasHorizontalLayout,u=r.ariaLabel;return e(d,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":n(c,"original-product-price"),"data-nosnippet":!0,style:m?{fontSize:"12px"}:void 0,"aria-label":u},{children:o}),void 0)},v=function(o){var l=o.testId,a=o.priceCommonProps,c=o.size,p=o.currencySymbol,m=o.finalPriceArray,u=o.productFinalPrice,f=o.showDecimals,v=o.pricePerItem,
|
|
1
|
+
import{__assign as i}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as a}from"../discount/DiscountTag.js";import{getTestId as n}from"../price/PriceLabel.js";import{Price as d,FinalPriceStyledContainer as s,TagContainer as c}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(r){var o=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,s=r.size,c=r.testId,p=r.theme,m=r.hasHorizontalLayout,u=r.ariaLabel;return e(d,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":n(c,"original-product-price"),"data-nosnippet":!0,style:m?{fontSize:"12px"}:void 0,"aria-label":u},{children:o}),void 0)},v=function(o){var l=o.testId,a=o.priceCommonProps,c=o.size,p=o.currencySymbol,m=o.finalPriceArray,u=o.productFinalPrice,f=o.showDecimals,v=o.pricePerItem,b=o.theme,h=o.isHorizontalLayout,S=void 0!==h&&h,y=o.ariaLabel,g=S?i(i({},a),{size:t.Small,style:{fontSize:"14px"}}):a;return r(s,i({"data-testid":n(l,"final-product-price"),"aria-label":y},{children:[e(d,i({margin:!0,finalPriceStyledSmall:!S},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:p}),void 0),e(d,i({finalPriceStyled:!S},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:m[0]||("string"==typeof u&&u.includes(p)?"".concat(u).split(p)[1]:"".concat(u))}),void 0),f&&r(d,i({finalPriceStyledSmall:!S,style:S?{fontSize:"14px"}:{marginTop:"-6px"}},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:[S&&".",m[1]?m[1]:"00"]}),void 0),v&&e(d,i({size:t.Small,color:b.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},b=function(n){var d=n.isDiscount,s=n.discount,p=n.bordersRounded,m=n.savingsDisplay,u=n.currencySymbol,f=n.savetoString,v=n.isHorizontalLayout,b=void 0!==v&&v,h=n.isClubOffer,S=n.clubOffer,y=n.discountAriaLabel;return r(o,{children:[d&&e(c,i({size:t.Small},{children:s&&e(a,i({},s,{size:t.Medium,style:i({letterSpacing:"-0.05rem"},b&&{fontSize:"12px"}),bordersRounded:p,savings:m?"Save ".concat(u).concat(f):void 0,ariaLabel:y}),void 0)}),void 0),h&&e(c,i({size:t.Medium},{children:S&&e(l,i({},S,{size:t.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},h=function(r){var o=r.tooltipText,t=r.tooltipIcon,l=r.tooltipPosition,a=r.isMobile,n=r.tooltipAriaLabel;if(!o)return null;var d=u();return e(p,i({"data-testid":"PriceLabelV6-TooltipWrapper"},d,{children:e(m,{tooltipText:o,tooltipIcon:t,tooltipPosition:l,isMobile:a,tooltipAriaLabel:n},void 0)}),void 0)};export{f as OriginalPriceSection,v as PriceSection,b as TagsSection,h as TooltipSection};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Components.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{createStopPropagationHandlers as r}from"./utils/eventHandlers.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{createStopPropagationHandlers as r}from"./utils/eventHandlers.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var a=m.tooltipText,n=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.borderColor,b=void 0===d?"#EAEAEA":d,j=m.tooltipAriaLabel,f=r(),u=null!=j?j:a;return t(e,o({"data-testid":"tooltip-container"},f,{children:t("div",o({},f,{children:t(l,o({showCloseIcon:!0,withArrow:!0,content:{text:a},position:null!=p?p:i.BottomRight,closeBtnSize:.7,borderColor:b,"data-testid":"tooltip",triggerAriaLabel:u,enableKeyboardToggle:!0},{children:t(s,{name:null!=n?n:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)}),void 0)};export{m as PriceLabelV6Tooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as i,useCallback as t}from"react";import{useTheme as a}from"../../core/theme/Theme.js";import{Container as c,IncreaseDecrease as u,NumberContainer as l}from"./styled.js";var d=function(d){var s=d.initialValue,b=void 0===s?0:s,f=d.maxValue,m=void 0===f?99:f,y=d.value,v=d.testId,p=void 0===v?"quantity-picker":v,h=d.onChange,k=d.isOutlined,q=void 0!==k&&k,x=d.increaseIcon,C=d.decreaseIcon,I=d.increaseAriaLabel,R=d.decreaseAriaLabel,D=d.quantityAriaLabel,j=d.groupAriaDescribedBy,A=a(),O=o(null!=y?y:b),L=O[0],M=O[1],P="".concat(p,"-value"),g=(null!=y?y:L)>=m,w=[P,j].filter(Boolean).join(" "),B=function(r,e){"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),e())};i((function(){h&&h(L)}),[h,L]);var K=t((function(r){return Math.max(Math.min(r,m),b)}),[m,b]);return i((function(){M((function(r){return null==y?r:K(y)}))}),[y,K]),e(c,r({borderColor:A.colors.shades[200].color,color:A.colors.shades[700].color,"data-testid":p,borderRadius:A.component.qtyPicker.borderRadius,isOutlined:q},{children:[n(u,r({"data-testid":"".concat(p,"-minus"),onClick:function(){return M((function(r){return K(r-1)}))},isOutlined:q,borderColor:A.colors.shades[200].color,borderRadius:A.component.qtyPicker.borderRadius,role:"button",tabIndex:0,onKeyDown:function(r){return B(r,(function(){return M((function(r){return K(r-1)}))}))},"aria-label":null!=R?R:"Decrease quantity","aria-controls":P,"aria-describedby":w},{children:q?C:"-"}),void 0),n(l,r({id:P,"aria-live":"polite","aria-atomic":"true","aria-label":null!=D?D:"Current quantity"},{children:L}),void 0),n(u,r({isMaxSelected:g,"data-testid":"".concat(p,"-plus"),onClick:function(){return M((function(r){return K(r+1)}))},isOutlined:q,borderColor:A.colors.shades[200].color,borderRadius:A.component.qtyPicker.borderRadius,isIncrease:!0,role:"button",tabIndex:g?-1:0,onKeyDown:function(r){return B(r,(function(){return M((function(r){return K(r+1)}))}))},"aria-label":null!=I?I:"Increase quantity","aria-controls":P,"aria-describedby":w,"aria-disabled":g},{children:q?x:"+"}),void 0)]}),void 0)};export{d as QuantityPicker};
|
|
2
2
|
//# sourceMappingURL=QuantityPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,d,p,u,g,h=t.div(m||(m=n(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=t.div(l||(l=n(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n\n ","\n"])),(function(n){var t=n.position;return r(t)}),(function(n){var t=n.position,i=n.align;return e(t,i)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.position===i.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,i=n.borderColor,o=n.backgroundColor;return n.withArrow&&a(t,i,o)})),x=function(n,t,o){return n!==i.BottomLeft&&n!==i.BottomRight||t!==i.Bottom?n===i.BottomRight&&t===i.Right?"-30px":n===i.BottomLeft&&t===i.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},b=t.div(c||(c=n(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),v=t.div(s||(s=n(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,i=n.maxWidth;return null!=i?i:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),y=t.div(d||(d=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),w=t.p(p||(p=n(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),z=t.div(u||(u=n(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),B=t.button(g||(g=n(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));export{B as CloseToolTip,b as ContentWrapper,z as IconContainer,w as Title,f as TooltipContainer,v as TooltipText,y as TopSection,h as Wrapper};
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,d,p,u,g,h=t.div(m||(m=n(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=t.div(l||(l=n(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"])),(function(n){var t=n.position;return r(t)}),(function(n){var t=n.position,i=n.align;return e(t,i)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.forceVisible&&"\n opacity: 1;\n visibility: visible;\n "}),(function(n){return n.position===i.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,i=n.borderColor,o=n.backgroundColor;return n.withArrow&&a(t,i,o)})),x=function(n,t,o){return n!==i.BottomLeft&&n!==i.BottomRight||t!==i.Bottom?n===i.BottomRight&&t===i.Right?"-30px":n===i.BottomLeft&&t===i.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},b=t.div(c||(c=n(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),v=t.div(s||(s=n(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,i=n.maxWidth;return null!=i?i:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),y=t.div(d||(d=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),w=t.p(p||(p=n(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),z=t.div(u||(u=n(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),B=t.button(g||(g=n(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));export{B as CloseToolTip,b as ContentWrapper,z as IconContainer,w as Title,f as TooltipContainer,v as TooltipText,y as TopSection,h as Wrapper};
|
|
2
2
|
//# sourceMappingURL=Styled.js.map
|