@trafilea/afrodita-components 7.9.4 → 7.10.1
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/filtering/Filters.js +1 -1
- package/build/es/components/gallery/ProductGallery.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/styled.js +1 -1
- package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/es/components/molecules/Video/Video.js +1 -1
- package/build/es/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
- package/build/es/components/organisms/OfferAtCartV2/OfferAtCartV2.js +1 -1
- package/build/es/components/organisms/OfferAtCartV4/OfferAtCartV4.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/es/components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js +1 -1
- package/build/es/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/build/index.d.ts +10 -0
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/filtering/Filters.js +1 -1
- package/build/lib/components/gallery/ProductGallery.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/styled.js +1 -1
- package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/lib/components/molecules/Video/Video.js +1 -1
- package/build/lib/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
- package/build/lib/components/organisms/OfferAtCartV2/OfferAtCartV2.js +1 -1
- package/build/lib/components/organisms/OfferAtCartV4/OfferAtCartV4.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/lib/components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js +1 -1
- package/build/lib/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as y}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as C}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.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 L,Container as x,ImageContainer as V,TopTagContainer as I,BottomTagContainer as M,ImageHoverContainer as B,Title as G,Divider as A,MarginTopContainer as D,OneLineInfoWrapper as O,ClubOfferPriceLabelWrapper as R,InlineContainer as N}from"./styled.js";import{IconButton as W}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"../../../slider/ArrowButton.js";import"../../../slider/StyledSlider.js";import"../../../gallery/components/ImageSmallPreview/styled.js";import"../../../gallery/components/ImagePreviewList/styled.js";import"../../../molecules/Video/components/styled.js";import"../../../molecules/Video/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"../../../modal/Modal.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../rating/starList/StarList.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"@emotion/react";import"../../../textWithImage/index.js";import"../../../timer/styled.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/TwoCtasAtCart/Card.styled.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import{LikeButton as F}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var H=function(H){var E,_,q,J,K,Q,U,X,Y,Z,$,ii=H.title,oi=H.image,ri=H.imageHover,ei=H.price,ti=H.rating,li=H.hideRating,si=void 0!==li&&li,ai=H.size,ni=H.alignName,di=void 0===ni?"center":ni,ci=H.url,mi=H.className,pi=H.topTag,ui=H.bottomTag,vi=H.onClick,gi=H.priceDisplayType,ji=void 0===gi?"default":gi,yi=H.priceAtBottom,hi=H.ratingOnTop,bi=H.priceLoading,fi=H.noFollow,Pi=void 0!==fi&&fi,Ci=H.colorPicker,Si=void 0===Ci?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Ci,wi=H.isBNPL,zi=void 0===wi?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:wi,Ti=H.hasStrength,ki=void 0===Ti?{strength:-1,description:""}:Ti,Li=H.clubPrice,xi=void 0===Li?"":Li,Vi=H.showClubPriceLabel,Ii=void 0!==Vi&&Vi,Mi=H.isRatingLoading,Bi=H.version,Gi=void 0===Bi?1:Bi,Ai=H.showDiscountPercentageTag,Di=void 0!==Ai&&Ai,Oi=H.discountTagLoading,Ri=H.discountTag,Ni=H.isOnViewport,Wi=void 0!==Ni&&Ni,Fi=H.hasDefaultSize,Hi=void 0!==Fi&&Fi,Ei=H.clubOffer,_i=H.likeBtn,qi=H.onClickBottomButton,Ji=H.showDecimals,Ki=void 0===Ji||Ji,Qi=H.showDivider,Ui=void 0!==Qi&&Qi,Xi=H.invertPriceDirection,Yi=void 0!==Xi&&Xi,Zi=H.priceAndReviewInOneLine,$i=void 0!==Zi&&Zi,io=H.priceAndDiscountTagInOneLine,oo=void 0!==io&&io,ro=v(),eo=T(ai),to=g().isMobile,lo=t((function(){var i;return(i={},i[y.Large]=8,i[y.Medium]=4,i[y.Small]=2,i)[ai]}),[ai]),so=function(o){var e,t,l,s,a,d;if(void 0===o&&(o=Gi),"hidden"===ji)return null;switch(o){case 4:return r(S,"styled"===ji?{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,styledPrice:!0,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700,color:null===(t=ro.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=ro.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700,color:null===(s=ro.colors.pallete.brickRed)||void 0===s?void 0:s.color}:{fontSize:"16px",fontWeight:700,color:null===(l=ro.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r(R,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Ei?void 0:Ei.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);default:return"styled"===ji?r(P,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Large,testId:"volume-discount",showDecimals:Ki},void 0):r(f,{invertDirection:Yi,finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount",clubStyle:Ii,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ao=function(){return si||!ti.reviews&&!ti.rating?r(e,{},void 0):Mi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ai===y.Large?y.Small:y.XSmall,rating:ti.rating,reviews:null==ti?void 0:ti.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},no=l(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),co=no[0],mo=no[1],po=l(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),uo=po[0],vo=po[1],go=oo?N:s;return o(k,i({className:mi,"data-testid":"product-card-container-div"},{children:["corner"===Si.position&&r(L,i({},Si.componentContainerProps,{children:Si.component}),void 0),o(x,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",className:"picContainer",onClick:vi},{children:[!!_i&&r(F,{isLiked:co,likes:uo,onClick:function(i){i.stopPropagation(),vo(co?function(i){return i-1}:function(i){return i+1}),mo((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:ro.colors.shades.white.color,hover:null!==($=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===(Z=null===(Y=_i.colors)||void 0===Y?void 0:Y.background)||void 0===Z?void 0:Z.active)&&void 0!==$?$:ro.colors.shades.white.color}}},void 0),pi||ui?o(V,i({width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,"data-testid":"tags-image-container"},{children:[r(d,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:Hi?null==eo?void 0:eo.width:"100%",height:Hi?null==eo?void 0:eo.height:"100%",loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),r(I,i({style:{width:Si.display?"100%":"inherit"}},{children:pi}),void 0),r(M,i({style:{width:Si.display?"100%":"inherit"}},{children:ui}),void 0)]}),void 0):r(d,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),ri?r(B,{className:"hover__image",src:ri.src,srcSet:j(ri.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ri.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height},void 0):null]}),void 0),Si.display&&"top"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0),hi&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),r(ao,{},void 0)]},void 0),o(x,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",onClick:vi,className:"textContainer",style:{alignItems:Ii?"flex-start":"center"}},{children:[r(p,{size:lo},void 0),r(G,i({theme:ro,align:Ii?"left":di,"data-testid":"product-card-title"},{children:ii}),void 0),r(p,{size:lo},void 0),Ui&&o(e,{children:[r(A,{theme:ro},void 0),r(p,{size:lo},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,yi&&!hi?{children:[r(ao,{},void 0),r(p,{size:lo},void 0),o(D,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[bi?r(a,{height:"20px",width:"140px"},void 0):so(),(null==Ei?void 0:Ei.isClubOffer)&&so(5)]}),void 0)]}:{children:[o(go,{children:[bi?r(a,{height:"20px",width:"140px"},void 0):$i&&!hi?o(O,{children:[so(),r(ao,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&so(),(null==Ei?void 0:Ei.isClubOffer)&&so(5),r(c,{displayBNPL:null==zi?void 0:zi.displayBNPL,installments:(null==zi?void 0:zi.installments)||0,installmentPrice:(null==zi?void 0:zi.installmentPrice)||"",iconFolder:null==zi?void 0:zi.iconFolder,iconName:(null==zi?void 0:zi.iconName)||"",showLogo:null==zi?void 0:zi.showLogo,iconColor:null==zi?void 0:zi.iconColor,fontSize:null==zi?void 0:zi.fontSize},void 0)]},void 0),Ii&&r(m,{clubPrice:xi},void 0),Oi?r(a,{height:"22px",width:"75px"},void 0):Di&&r(C,i({size:y.Small},{children:Ri&&r(b,i({},Ri,{size:y.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r(p,{size:lo},void 0),!hi&&!$i&&r(ao,{},void 0)]},void 0),!!qi&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),o(W,i({size:y.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==qi||qi(i)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),Si.display&&"bottom"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0)]}),void 0)};export{H as default};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as o,jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useState as l,Fragment as s}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{ClubPriceMemberLabel as n}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react/jsx-runtime";import"../../../atoms/Toggle/toggle.styled.js";import{BuyNowPayLater as c}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as m}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as p}from"../../../shared/spacing/Spacing.js";import{StrengthBars as u}from"../../../strength-bars/StrengthBars.js";import{useTheme as v}from"../../../../core/theme/Theme.js";import{useWindowDimensions as g}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as j}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as y}from"../../../../types/enums.js";import"../../../PackSelectorV2/PackSelectoV2.js";import"../../../absorbency-level/AbsorbencyLevel.js";import"../../../accordion-options/AccordionOptions.js";import"../../../accordion/Accordion.js";import"../../../dropdown/variants/simple/SimpleDropdown.js";import{Icon as h}from"../../../icons/index.js";import"../../../radio/input/styles.js";import"../../../tooltip/Styled.js";import"../../../autoship/styled.js";import"../../../autoshipV2/styled.js";import"../../../before-after/BeforeAfter.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as b}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as P}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as C}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.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 L,Container as x,ImageContainer as V,TopTagContainer as I,BottomTagContainer as M,ImageHoverContainer as B,Title as G,Divider as A,MarginTopContainer as D,OneLineInfoWrapper as O,ClubOfferPriceLabelWrapper as R,InlineContainer as N}from"./styled.js";import{IconButton as W}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"../../../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"../../../modal/Modal.js";import"../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../order-bar/OrderBar.js";import"../../../packs/selector/PackSelector.js";import"../../../pagination/styles.js";import"../../../payment-methods/PaymentMethod.js";import"../../../product/order/item/SimpleOrderItem.js";import"../../../progress-bar/ProgressBar.js";import"../../../quantityPicker/styled.js";import"../../../radio/RadioPrimary/radioPrimary.js";import"../../../radio/clubRadioInput/clubRadio.js";import"../../../rating/starList/StarList.js";import"../../../review-detail/ReviewDetail.js";import"../../../review/Review.js";import"../../../reviews-header/ReviewsHeader.js";import"../../../scroll-to-top/ScrollToTop.js";import"../../../search-bar/components/ClearButton/styled.js";import"../../../search-bar/components/Footer/styled.js";import"../../../search-bar/components/ProductItem/styled.js";import"../../../search-bar/components/ResultsPanel/styled.js";import"../../../search-bar/components/SearchControl/styled.js";import"../../../search-bar/styled.js";import"../../../search-navigation/styled.js";import"react-dom";import"../../../short-banner/ShortBanner.js";import"../../../size-chart/styled.js";import"../../../size-table/SizeTable.js";import"../../../size/guide/SizeFitGuide.js";import"../../../size/selector/styled.js";import"../../../tabs/Tab.js";import"../../../tabs/Tabs.js";import"../../../tag/Tag.js";import"@emotion/react";import"../../../textWithImage/index.js";import"../../../timer/styled.js";import"../../../toast/Toast.js";import"../../../totals/total/styled.js";import"../../../totals/subtotal/Subtotal.js";import"../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../tracking-progress/TrackingProgress.js";import"../../../organisms/AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../organisms/AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../organisms/BasicAccordion/BasicAccordion.js";import"../../../organisms/CartItemCard/CartItem.js";import"../../../organisms/ClubOfferSelector/styled.js";import"../../../organisms/ClubOfferSelector2/styled.js";import"../../../organisms/JoinClubCard/joinClubCard.js";import"../../../organisms/OfferAtCart/styled.js";import"../../../organisms/OfferAtCartV2/styled.js";import"../../../organisms/OfferAtCartV3/styled.js";import"../../../organisms/OfferAtCartV4/styled.js";import"../../../organisms/OfferAtPDP/styled.js";import"../../../organisms/OfferAtPDP/types.js";import"../../../organisms/ProductCard/ProductCardV1/ProductCard.js";import"../../../organisms/ProductCard/ProductCardV2/styled.js";import"../../../organisms/ProductCard/ProductCardV3/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../../../organisms/ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV2/styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV3/styled.js";import"../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../organisms/SubscriptionPlanSelector/styled.js";import"../../../organisms/TwoCtasAtCart/Greeting.styled.js";import"../../../organisms/TwoCtasAtCart/Card.styled.js";import"../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../molecules/CouponCard/styled.js";import"../../../molecules/BenefitsList/styled.js";import"../../../molecules/HurryUp/styled.js";import"../../../molecules/Spinner/styled.js";import"../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import{LikeButton as F}from"../../../molecules/LikeButton/LikeButton.js";import"../../../molecules/ScarcityTag/ScarcityTag.styled.js";var H=function(H){var E,_,q,J,K,Q,U,X,Y,Z,$,ii=H.title,oi=H.image,ri=H.imageHover,ei=H.price,ti=H.rating,li=H.hideRating,si=void 0!==li&&li,ai=H.size,ni=H.alignName,di=void 0===ni?"center":ni,ci=H.url,mi=H.className,pi=H.topTag,ui=H.bottomTag,vi=H.onClick,gi=H.priceDisplayType,ji=void 0===gi?"default":gi,yi=H.priceAtBottom,hi=H.ratingOnTop,bi=H.priceLoading,fi=H.noFollow,Pi=void 0!==fi&&fi,Ci=H.colorPicker,Si=void 0===Ci?{display:!1,position:"top",component:void 0,componentContainerProps:{position:"absolute",top:"4px",right:"4px",padding:"0px",boxSizing:"border-box",zIndex:1}}:Ci,wi=H.isBNPL,zi=void 0===wi?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:wi,Ti=H.hasStrength,ki=void 0===Ti?{strength:-1,description:""}:Ti,Li=H.clubPrice,xi=void 0===Li?"":Li,Vi=H.showClubPriceLabel,Ii=void 0!==Vi&&Vi,Mi=H.isRatingLoading,Bi=H.version,Gi=void 0===Bi?1:Bi,Ai=H.showDiscountPercentageTag,Di=void 0!==Ai&&Ai,Oi=H.discountTagLoading,Ri=H.discountTag,Ni=H.isOnViewport,Wi=void 0!==Ni&&Ni,Fi=H.hasDefaultSize,Hi=void 0!==Fi&&Fi,Ei=H.clubOffer,_i=H.likeBtn,qi=H.onClickBottomButton,Ji=H.showDecimals,Ki=void 0===Ji||Ji,Qi=H.showDivider,Ui=void 0!==Qi&&Qi,Xi=H.invertPriceDirection,Yi=void 0!==Xi&&Xi,Zi=H.priceAndReviewInOneLine,$i=void 0!==Zi&&Zi,io=H.priceAndDiscountTagInOneLine,oo=void 0!==io&&io,ro=v(),eo=T(ai),to=g().isMobile,lo=t((function(){var i;return(i={},i[y.Large]=8,i[y.Medium]=4,i[y.Small]=2,i)[ai]}),[ai]),so=function(o){var e,t,l,s,a,d;if(void 0===o&&(o=Gi),"hidden"===ji)return null;switch(o){case 4:return r(S,"styled"===ji?{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,styledPrice:!0,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700,color:null===(t=ro.colors.pallete.brickRed)||void 0===t?void 0:t.color}:{fontSize:"16px",fontWeight:700,color:null===(e=ro.colors.pallete.brickRed)||void 0===e?void 0:e.color}:void 0}:{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,clubPrice:xi,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700,color:null===(s=ro.colors.pallete.brickRed)||void 0===s?void 0:s.color}:{fontSize:"16px",fontWeight:700,color:null===(l=ro.colors.pallete.brickRed)||void 0===l?void 0:l.color}:void 0},void 0);case 5:return r(R,i({style:null==Ei?void 0:Ei.wrapperStyle},{children:r(n,{isClub:!0,isPDP:!0,finalPrice:null===(a=null==Ei?void 0:Ei.price)||void 0===a?void 0:a.finalPrice,originalPrice:null===(d=null==Ei?void 0:Ei.price)||void 0===d?void 0:d.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount-v4",clubStyle:Ii,icon:null==Ei?void 0:Ei.clubOfferIcon,isCollections:null==Ei?void 0:Ei.isCollections},void 0)}),void 0);default:return"styled"===ji?r(P,{finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Large,testId:"volume-discount",showDecimals:Ki},void 0):r(f,{invertDirection:Yi,finalPrice:ei.finalPrice,originalPrice:ei.originalPrice,finalPriceStyled:!1,color:ei.color,size:y.Medium,testId:"volume-discount",clubStyle:Ii,finalPriceStyle:Ii?to?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)}},ao=function(){return si||!ti.reviews&&!ti.rating?r(e,{},void 0):Mi?r(a,{height:"20px",width:"80px"},void 0):r(w,{size:ai===y.Large?y.Small:y.XSmall,rating:ti.rating,reviews:null==ti?void 0:ti.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)},no=l(null!==(E=null==_i?void 0:_i.isLiked)&&void 0!==E&&E),co=no[0],mo=no[1],po=l(null!==(_=null==_i?void 0:_i.likes)&&void 0!==_?_:0),uo=po[0],vo=po[1],go=oo?N:s;return o(k,i({className:mi,"data-testid":"product-card-container-div"},{children:["corner"===Si.position&&r(L,i({},Si.componentContainerProps,{children:Si.component}),void 0),o(x,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",className:"picContainer",onClick:vi},{children:[!!_i&&r(F,{isLiked:co,likes:uo,onClick:function(i){i.stopPropagation(),vo(co?function(i){return i-1}:function(i){return i+1}),mo((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:ro.colors.shades.white.color,hover:null!==($=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===(Z=null===(Y=_i.colors)||void 0===Y?void 0:Y.background)||void 0===Z?void 0:Z.active)&&void 0!==$?$:ro.colors.shades.white.color}}},void 0),pi||ui?o(V,i({width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,"data-testid":"tags-image-container"},{children:[r(d,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:Hi?null==eo?void 0:eo.width:"100%",height:Hi?null==eo?void 0:eo.height:"100%",loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),r(I,i({style:{width:Si.display?"100%":"inherit"}},{children:pi}),void 0),r(M,i({style:{width:Si.display?"100%":"inherit"}},{children:ui}),void 0)]}),void 0):r(d,{src:oi.src,srcSet:j(oi.src,180,360,720,960),alt:oi.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height,loading:Wi?"eager":"lazy",decoding:Wi?"sync":"async",borderRadius:z[ro.name].image.borderRadius},void 0),ri?r(B,{className:"hover__image",src:ri.src,srcSet:j(ri.src,180,360,720,960),loading:"lazy",decoding:"async",alt:ri.alt,width:null==eo?void 0:eo.width,height:null==eo?void 0:eo.height},void 0):null]}),void 0),Si.display&&"top"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0),hi&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),r(ao,{},void 0)]},void 0),o(x,i({as:ci?"a":"div",href:ci,rel:Pi?"nofollow":"",onClick:vi,className:"textContainer",style:{alignItems:Ii?"flex-start":"center"}},{children:[r(p,{size:lo},void 0),r(G,i({theme:ro,align:Ii?"left":di,"data-testid":"product-card-title"},{children:ii}),void 0),r(p,{size:lo},void 0),Ui&&o(e,{children:[r(A,{theme:ro},void 0),r(p,{size:lo},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,yi&&!hi?{children:[r(ao,{},void 0),r(p,{size:lo},void 0),o(D,i({style:{marginTop:(null==Ei?void 0:Ei.isClubOffer)?0:8}},{children:[bi?r(a,{height:"20px",width:"140px"},void 0):so(),(null==Ei?void 0:Ei.isClubOffer)&&so(5)]}),void 0)]}:{children:[o(go,{children:[bi?r(a,{height:"20px",width:"140px"},void 0):$i&&!hi?o(O,{children:[so(),r(ao,{},void 0)]},void 0):o(e,{children:[!(null==Ei?void 0:Ei.isClubMember)&&so(),(null==Ei?void 0:Ei.isClubOffer)&&so(5),r(c,{displayBNPL:null==zi?void 0:zi.displayBNPL,installments:(null==zi?void 0:zi.installments)||0,installmentPrice:(null==zi?void 0:zi.installmentPrice)||"",iconFolder:null==zi?void 0:zi.iconFolder,iconName:(null==zi?void 0:zi.iconName)||"",showLogo:null==zi?void 0:zi.showLogo,iconColor:null==zi?void 0:zi.iconColor,fontSize:null==zi?void 0:zi.fontSize},void 0)]},void 0),Ii&&r(m,{clubPrice:xi},void 0),Oi?r(a,{height:"22px",width:"75px"},void 0):Di&&r(C,i({size:y.Small},{children:Ri&&r(b,i({},Ri,{size:y.Medium,style:{letterSpacing:"-0.05rem"}}),void 0)}),void 0)]},void 0),r(p,{size:lo},void 0),!hi&&!$i&&r(ao,{},void 0)]},void 0),!!qi&&o(e,{children:[r(p,{size:lo},void 0),r(p,{size:lo},void 0),o(W,i({size:y.Small,width:"100%",onClick:function(i){i.preventDefault(),i.stopPropagation(),null==qi||qi(i)},backgroundColor:{active:"transparent",hover:"transparent"},hasText:!0,rounded:!1,border:"1px solid #D1D1D1"},{children:[r(h.Custom.Eye,{fill:"black",width:"16px",height:"16px"},void 0),r("span",i({style:{color:"black",fontSize:"14px"}},{children:"Quick View"}),void 0)]}),void 0)]},void 0)]}),void 0),Si.display&&"bottom"===Si.position&&o(e,{children:[r(p,{size:lo},void 0),Si.component]},void 0)]}),void 0)};export{H as default};
|
|
2
2
|
//# sourceMappingURL=ProductItemMobile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as e,__assign as t}from"tslib";import{jsxs as n,Fragment as o,jsx as
|
|
1
|
+
import{__spreadArray as e,__assign as t}from"tslib";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as c,useEffect as l,useCallback as r}from"react";import{useTheme as a}from"../../core/theme/Theme.js";import{ComponentSize as d}from"../../types/enums.js";import"../../utils/constants/offerAtCart.js";import"../../utils/media.js";import"../../utils/mock-content/CancellationFlowAccordion.js";import{simulateMouseClick as s}from"../../utils/simulateClick/simulateClick.js";import{Checkbox as u}from"../checkbox/Checkbox.js";import"@emotion/react/jsx-runtime";import"../cta/styled.js";import m from"../cta/secondary/ButtonSecondary.js";import{Icon as h}from"../icons/index.js";import f from"../selector/simple/SelectorSecondary.js";import{Accordion as k}from"./Accordion.js";import{Header as b,H4 as x,ClearAll as v,MobileHeader as p,MobileIconsContainer as I,OptionContainer as g,FilterLink as C,SectionContent as j,MobileFooter as y,MobileClearContainer as T}from"./FiltersStyled.js";import{Tags as w}from"./Tags/Tags.js";var A=function(u){var A=u.values,U=u.onChange,B=u.tagsColor,S=void 0===B?"#fff6ef":B,O=u.filterByText,z=u.clearAllText,E=u.isMobile,$=u.filtersSelectText,D=u.showSelectedNumberInSection,F=void 0!==D&&D,H=u.applyText,R=u.mobileApplyButtonClick,V=u.mobileBackArrowClick,N=u.onResetValues,q=a(),G=c(A),J=G[0],K=G[1],P=c(function(){var e=[];return A.forEach((function(t,n){t.items.forEach((function(t,o){t.checked&&!t.blockUncheck&&e.push({sectionIndex:n,sectionTitle:t.label,itemIndex:o,label:t.label,translatedLabel:t.translatedLabel})}))})),e}()),Q=P[0],W=P[1],X=c(),Y=X[0],Z=X[1];l((function(){J.length&&Y&&U(J,Y)}),[Y,J,U]);var _=r((function(e){e.forEach((function(e){var t=e.sectionIndex,n=e.itemIndex;te({sectionIndex:t,itemIndex:n})}))}),[]),ee=r((function(n){var o=n.sectionIndex,i=n.itemIndex,c=n.checked;Z({sectionIndex:o,itemIndex:i,checked:c});var l=J[o],r=null==l?void 0:l.items[i];(null==r?void 0:r.isLinkItem)&&(null==r?void 0:r.link)?c&&window.location.assign(r.link):(W((function(t){return l.isMultiselect||t.length>0&&_([]),c?e(e([],l.isMultiselect?t:t.filter((function(e){return e.sectionIndex!==o})),!0),[{sectionIndex:o,itemIndex:i,label:J[o].items[i].label,translatedLabel:J[o].items[i].translatedLabel,sectionTitle:J[o].title}],!1):t.filter((function(e){return e.sectionIndex!==o||e.itemIndex!==i}))})),K((function(e){return e.map((function(e,n){return o!==n?e:t(t({},e),{items:e.items.map((function(n,o){return t(t({},n),{label:n.label,checked:i===o?c:!!e.isMultiselect&&n.checked})}))})}))})))}),[J,_]),te=function(e){var t=e.sectionIndex,n=e.itemIndex,o=document.getElementById("filter[".concat(t,",").concat(n,"]"));s(o)},ne=function(){_(Q),W([]),K((function(e){return e.map((function(e){return t(t({},e),{items:e.items.map((function(e){return t(t({},e),{checked:!!e.blockUncheck&&e.checked})}))})}))})),N()};return n(o,{children:[E?n(p,t({"data-testid":"MobileHeader"},{children:[i(I,t({onClick:V,"data-testid":"mobileBackArrow"},{children:i(h.Arrows.ChevronRightVariant,{fill:q.colors.shades[700].color},void 0)}),void 0),!!Q.length&&n(x,t({color:q.colors.shades[700].color},{children:[$," (",Q.length,")"]}),void 0)]}),void 0):i("div",t({"data-testid":"DesktopHeader"},{children:!!Q.length&&n(o,{children:[n(b,{children:[n(x,t({color:q.colors.shades[700].color},{children:[O," (",Q.length,")"]}),void 0),i(v,t({onClick:ne,color:q.colors.shades[700].color,"data-testid":"desktop-clear-all"},{children:z}),void 0)]},void 0),i(w,{color:S,items:Q.map((function(e){var t=e.translatedLabel||e.label;return"$75 And Above"===t?"+$75":t})),onCloseClick:function(e){return te(Q[e])}},void 0)]},void 0)}),void 0),J.filter((function(e){return e.isLinkOption})).map((function(e,n){return i(g,t({showInMobile:e.showInMobile,showInTablet:e.showInTablet,"data-testid":"linkOption"},{children:i(C,t({color:e.color||q.colors.shades[550].color,href:e.link},{children:e.translatedTitle||e.title}),void 0)}),"option-container-".concat(n))})),J.filter((function(e){return!e.isLinkOption})).map((function(e){var o=function(e){var t=0,n="";return F&&(n=(t=Q.filter((function(t){return t.sectionTitle==e.title})).length)>0&&F?"(".concat(t,")"):""),n}(e);return i(k,t({title:"".concat(e.translatedTitle||e.title," ").concat(o),isOpenByDefault:e.isOpenByDefault,showInMobile:e.showInMobile},{children:n(j,t({cols:e.columns},{children:["size"===e.type&&e.items.map((function(t,n){var o=J.findIndex((function(t){return t.title===e.title}));return i(f,{size:d.Medium,text:t.translatedLabel||t.label,active:t.checked,disabled:t.blockUncheck,onClick:function(){return ee({sectionIndex:o,itemIndex:n,checked:!t.checked})},width:"50px",id:"filter[".concat(o,",").concat(n,"]")},t.label)})),"color"===e.type&&e.items.map((function(t,n){var o;return i(L,{onChange:ee,text:t.translatedLabel||t.label,checked:t.checked,itemIndex:n,sectionIndex:J.findIndex((function(t){return t.title===e.title})),blockUncheck:t.blockUncheck,color:null!==(o=t.value)&&void 0!==o?o:"",backgroundImage:t.backgroundImage},"".concat(t.checked,"-").concat(t.label))})),!e.type&&e.items.map((function(t,n){return i(M,{onChange:ee,text:t.translatedLabel||("$75 And Above"===t.label?"+$75":t.label),checked:t.checked,itemIndex:n,sectionIndex:J.findIndex((function(t){return t.title===e.title})),blockUncheck:t.blockUncheck},"".concat(t.checked,"-").concat(t.label))}))]}),void 0)}),J.findIndex((function(t){return t.title===e.title})))})),E&&n(y,t({"data-testid":"MobileFooter"},{children:[n(T,t({onClick:ne},{children:[i(I,{children:i(h.Actions.Trash,{fill:q.colors.shades[700].color},void 0)},void 0),i(v,t({color:q.colors.shades[700].color},{children:z}),void 0)]}),void 0),i(m,{text:H,onClick:R},void 0)]}),void 0)]},void 0)},M=function(e){var t=e.sectionIndex,n=e.text,o=e.itemIndex,c=e.onChange,l=e.checked,a=e.blockUncheck,s=r((function(e){c({sectionIndex:t,itemIndex:o,checked:e})}),[c,t,o]);return i(u,{onChange:s,checked:l,text:n,id:"filter[".concat(t,",").concat(o,"]"),size:d.Small,variant:"secondary",blockUncheck:a},o)},L=function(e){var t=e.sectionIndex,n=e.text,o=e.itemIndex,c=e.onChange,l=e.checked,a=e.blockUncheck,s=e.color,m=e.backgroundImage,h=r((function(e){c({sectionIndex:t,itemIndex:o,checked:e})}),[c,t,o]);return i(u,{onChange:h,checked:l,text:n,id:"filter[".concat(t,",").concat(o,"]"),size:d.Medium,variant:"color",blockUncheck:a,backgroundColor:s,backgroundImage:m},o)};export{A as Filters};
|
|
2
2
|
//# sourceMappingURL=Filters.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{ImagePreviewList as a}from"./components/ImagePreviewList/ImagePreviewList.js";import{ImageProductSlide as d}from"./components/ImageProductSlide/ImageProductSlide.js";import{Container as n}from"./styled.js";var s=function(s){var v=s.images,m=s.selectedValue,l=s.topTag,u=s.topRightTag,p=s.bottomTag,c=s.productImageDataTestId,g=s.previewListDataTestId,w=s.thumbnailPosition,f=s.borderRadiusVariant,I=void 0!==f&&f,h=s.previewImgBorderColor,T=s.ctaText,P=s.ctaAction,b=s.hideCTA,A=void 0===b||b,R=s.hasOverflowArrows,V=void 0!==R&&R,y=s.withZoom,C=void 0===y||y,O=s.hasToPreserveOrder,x=void 0!==O&&O,S=s.isRatioSquare,j=s.itemsOnViewport,q=void 0===j?6:j,L=s.videoAutoplay,B=void 0!==L&&L,D=s.videoInPreview,Z=void 0!==D&&D,k=s.hideVideoControls,z=void 0!==k&&k,E=s.alwaysPlayInPreview,F=void 0!==E&&E,G=t(function(o,i){if(i){var e=o.indexOf(i);return e>-1?e:0}return 0}(v,m)),H=G[0],J=G[1];if(r((function(){if(m&&!x){var o=v.indexOf(m);o>-1&&J(o)}}),[m,x]),0===v.length)return null;var K=v[H];return i(n,o({thumbnailPosition:w},{children:[e(a,{images:v,selectedImage:K,dataTestId:g,onClick:function(o){J(o)},position:w,borderRadiusVariant:I,previewImgBorderColor:h,hasOverflowArrows:V,isRatioSquare:S,itemsOnViewport:q,videoInPreview:Z,alwaysPlayInPreview:F},void 0),e(d,{content:K,topTag:l,topRightTag:u,bottomTag:p,testId:c,position:w,borderRadiusVariant:I,ctaText:T,ctaAction:P,hideCTA:A,withZoom:C,isRatioSquare:S,videoAutoplay:B,hideVideoControls:z},void 0)]}),void 0)};export{s as ProductGallery};
|
|
2
2
|
//# sourceMappingURL=ProductGallery.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,Fragment as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{Video as a}from"../../../molecules/Video/Video.js";import t from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as n}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as l,Button as d,VideoContainer as s,ArrowsContainer as v,ArrowPrev as m,ArrowNext as u}from"./styled.js";var c=function(i,e){var o="eager";e&&(o=i<e?"eager":"lazy");return o},w=function(i,e){var o="auto";e&&(o=i<e?"sync":"async");return o},p=function(e){var o=e.item,t=e.index,l=e.selectedImage,v=e.onClick,m=e.borderRadiusVariant,u=e.previewImgBorderColor,p=e.isRatioSquare,g=e.itemsOnViewport,y=void 0===g?0:g,I=e.videoInPreview,f=void 0!==I&&I,h=e.alwaysPlayInPreview,C=void 0!==h&&h,P=e.isHorizontal,S=void 0!==P&&P,k=o.isVideo&&f&&(C||o.key===l.key);return r(d,i({onClick:function(){return v(t)}},{children:k?r(s,i({isRatioSquare:p,isHorizontal:S},{children:r(a,{source:o.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):r(n,{imageUrl:(null==o?void 0:o.alt.includes("-video"))?null==o?void 0:o.thumbnailUrl:null==o?void 0:o.url,alt:o.alt,selected:o.key===l.key,borderRadiusVariant:m,previewImgBorderColor:u,isRatioSquare:p,loading:c(t,y),decoding:w(t,y)},void 0)}),o.key)},g=function(a){var n=a.images,d=a.selectedImage,s=a.onClick,c=a.dataTestId,w=a.position,g=a.borderRadiusVariant,y=a.previewImgBorderColor,I=a.hasOverflowArrows,f=a.isRatioSquare,h=a.itemsOnViewport,C=void 0===h?0:h,P=a.videoInPreview,S=void 0!==P&&P,k=a.alwaysPlayInPreview,R=void 0!==k&&k;return e(o,{children:[r(l,i({role:"list","data-testid":c,position:w,className:I?"imageListContainer":w,hasOverflowArrows:I,isRatioSquare:f},{children:"horizontal"==w?r("div",i({style:{maxWidth:"360px"}},{children:r(t,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:n.map((function(i,e){return p({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):n.map((function(i,e){return p({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[r(m,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),r(u,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{g as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import{css as
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import o from"@emotion/styled";var i,r,e,a,d,l,s,p,g,u=t(i||(i=n(["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"],["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"]))),h=t(r||(r=n(["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"],["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"]))),c=o.div(e||(e=n(["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"],["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"])),(function(n){var t=n.isRatioSquare,o=n.theme;return t?"530px":"calc(530px / (".concat(o.component.gallery.aspectRatio,"))")}),(function(n){return"horizontal"==n.position?u:h}),(function(n){return n.hasOverflowArrows&&"\n scroll-behavior: smooth;\n &::-webkit-scrollbar {\n visibility: hidden;\n }\n "})),m=o.button(a||(a=n(["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"],["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"]))),b=o.div(d||(d=n(["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"],["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"]))),f=o.div(l||(l=n(["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"],["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"]))),x=o(f)(s||(s=n(["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"],["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"]))),w=o(f)(p||(p=n(["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"],["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"]))),v=o.div(g||(g=n(["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"],["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"])),(function(n){return n.theme.component.gallery.thumbnail.desktop.width}),(function(n){var t=n.isRatioSquare,o=n.theme;return t?o.component.gallery.thumbnail.desktop.width:o.component.gallery.thumbnail.desktop.height}),(function(n){return!n.isHorizontal&&"margin: 0 auto;"}));export{f as ArrowBaseStyles,w as ArrowNext,x as ArrowPrev,b as ArrowsContainer,m as Button,c as Container,v as VideoContainer};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as e}from"react/jsx-runtime";import{Video as d}from"../../../molecules/Video/Video.js";import{Container as r,InnerImageZoomStyled as a,ImageStyled as n,TopTagContainer as l,BottomTagContainer as s,TopRightTagWrapper as c,TopRightTagContainer as v,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var u=function(u){var m,p=u.content,g=u.topTag,b=u.topRightTag,y=u.bottomTag,R=u.testId,T=u.position,V=void 0===T?"vertical":T,f=u.borderRadiusVariant,j=u.ctaText,x=u.ctaAction,w=u.hideCTA,z=u.withZoom,A=u.isRatioSquare,C=u.videoAutoplay,S=void 0!==C&&C,q=u.hideVideoControls,P=void 0!==q&&q,k=null==p?void 0:p.url,F=null!==(m=null==p?void 0:p.isVideo)&&void 0!==m&&m,H=S||null==p?void 0:p.thumbnailUrl,B=P?{pointerEvents:"none"}:void 0;return i(r,o({"data-testid":R,className:"stylefor".concat(V),borderRadiusVariant:f,position:V},{children:[!F&&i(t,{children:[z?e(a,{src:k,zoomSrc:k,zoomType:"hover",imgAttributes:{alt:p.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==V?360:530,height:"horizontal"==V?480:720,hideHint:!0,isRatioSquare:A},void 0):e(n,{width:"horizontal"==V?"360px":"530px",height:"auto",src:k,alt:p.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:A},void 0),e(l,o({borderRadiusVariant:f},{children:g}),void 0),e(s,o({isCTAHidden:w},{children:y}),void 0),!!b&&e(c,{children:e(v,{children:b},void 0)},void 0)]},void 0),F&&e(d,{source:k,thumbnail:H,autoPlay:S,muted:!0,loop:!0,withProgressBar:!P,style:B,preload:"auto"},void 0),j&&x&&e("div",o({style:{display:w?"none":"block"}},{children:e(h,{wide:!0,onClick:x,text:j},void 0)}),void 0)]}),void 0)};export{u as ImageProductSlide};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from"tslib";import{jsxs as t,jsx as
|
|
1
|
+
import{__rest as o,__assign as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as i,useState as n}from"react";import"../../../core/theme/Theme.js";import"../../../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{Icon as a}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as u,PlayContainer as c,PlayIcon as d,PauseContainer as l,MuteButton as m,HTMLVideo as p}from"./styled.js";var f=function(f){var v,h,g=f.source,y=f.thumbnail,j=f.height,b=f.className,P=f.withProgressBar,C=void 0===P||P,L=f.hasAudioControl,I=f.muted,k=f.onLoadedData,D=o(f,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData"]),T=i(null),A=n(!0),B=A[0],N=A[1],w=n(!1),x=w[0],z=w[1],E=n(I),H=E[0],M=E[1],O=n(0),V=O[0],_=O[1],q=n(!1),F=q[0],S=q[1],U=V>0,G=(null===(v=T.current)||void 0===v?void 0:v.duration)?V/T.current.duration:0,J=V===(null===(h=null==T?void 0:T.current)||void 0===h?void 0:h.duration)||0===V,K=D.autoPlay?void 0:y;return t(u,r({className:b},{children:[!B&&C&&e(s,{progress:G,hide:J},void 0),x?e(l,{"data-testid":"pause",onClick:function(){T.current&&x&&(T.current.pause(),z(!1))}},void 0):e(c,r({"data-testid":"play",onClick:function(){T.current&&!F&&(S(!0),T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error playing video:",o)})).finally((function(){return S(!1)})))}},{children:U&&e(d,{},void 0)}),void 0),L&&t(m,r({onClick:function(){T.current&&M((function(o){return!o}))}},{children:[H&&e(a,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!H&&e(a,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),t(p,r({},D,{muted:H,"data-testid":"video",poster:K,playsInline:!0,ref:T,onTimeUpdate:function(){if(T.current){var o=T.current.currentTime;requestAnimationFrame((function(){return _(o)}))}},onCanPlay:function(){return N(!1)},onLoadedData:function(o){k&&k(o),N(!1),D.autoPlay&&T.current&&T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error auto-playing video:",o)}))},onPause:function(){return z(!1)},onPlaying:function(){return z(!0)},height:j||"auto"},{children:[e("track",{kind:"captions"},void 0),e("source",{src:g},void 0)]}),void 0)]}),void 0)};export{f as Video};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"../../cta/primary/ButtonPrimary.js";import i from"../../cta/secondary/ButtonSecondary.js";import"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../types/enums.js";import"../../cta/styled.js";import{OfferAtCartBenefits as l}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import"react";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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import{Text as a}from"../../text/Text.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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"../../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"../../
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"../../cta/primary/ButtonPrimary.js";import i from"../../cta/secondary/ButtonSecondary.js";import"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../types/enums.js";import"../../cta/styled.js";import{OfferAtCartBenefits as l}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import"react";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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import{Text as a}from"../../text/Text.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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"../../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"../../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"../../modal/Modal.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"../../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"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import{Container as m,SubscriptionContainer as p,SubscriptionHeader as d,Benefits as c}from"./AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.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"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";var n=function(t){return"string"==typeof t?o("div",{dangerouslySetInnerHTML:{__html:t}},void 0):t},j=function(j){var y,u,b=j.handleWithoutSavings,P=j.handleSavings,f=j.title,C=j.ctaText,g=j.ctaTextNoSavings,h=j.className,S=j.benefits,v=j.bottomCopy;return r(m,t({className:h},{children:[r(p,t({"data-testid":"subscription-container"},{children:[r(d,{children:[o(a,{variant:"label",dangerouslySetInnerHTML:{__html:null!=f?f:""}},void 0),o(e,{wide:!0,text:null!==(y=n(C))&&void 0!==y?y:"Yes, I want this offer",size:s.Small,onClick:function(){P()}},void 0)]},void 0),r(c,t({"data-testid":"benefits-component"},{children:[o(l,{benefits:S},void 0),v&&o(a,{variant:"label",dangerouslySetInnerHTML:{__html:v}},void 0)]}),void 0)]}),void 0),o(i,{wide:!0,text:null!==(u=n(g))&&void 0!==u?u:"Continue without more savings - ",size:s.Small,onClick:function(){b()}},void 0)]}),void 0)};export{j as AutoshipPdpCard};
|
|
2
2
|
//# sourceMappingURL=AutoshipPdpCard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{OfferAtCartBenefits as i}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as s}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as l}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import{ComponentSize as a}from"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import m from"../../../hooks/useDeviceType/useDeviceType.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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.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"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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 p from"../../cta/secondary/ButtonSecondary.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"../../
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{OfferAtCartBenefits as i}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as s}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as l}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import{ComponentSize as a}from"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import m from"../../../hooks/useDeviceType/useDeviceType.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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.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"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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 p from"../../cta/secondary/ButtonSecondary.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"../../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"../../modal/Modal.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"../../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"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import{getTitleProps as d}from"../OfferAtCart/OfferAtCart.js";import{renderBottomCopy as c}from"./components/DangerousHtmlRenders.js";import{SizeOptions as n}from"./components/SizeOptions.js";import{ActionsV2 as j,ContainerV2 as y,VariantType as u,BottomCopyWrapper as b}from"./styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.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"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import{Body as P,RightContent as f,Benefits as C}from"../OfferAtCart/styled.js";var g=function(g){var h=g.className,S=g.title,v=S.content,T=S.bold,V=g.image,A=g.benefits,G=g.ctaText,M=void 0===G?"Yes, I want this offer":G,w=g.sizeOptions,I=g.rating,B=g.onAddToCart,O=g.bottomCopy,L="mobile"===m(),z=e(!0),k=z[0],D=z[1],x=null!=V?V:{},R=x.src,F=x.alt,H=r(j,{children:k?r(p,{wide:!0,text:M,size:a.Small,onClick:function(){D(!1)}},void 0):w&&r(n,{sizeOptions:w,onAddToCart:B},void 0)},void 0);return o(y,t({className:h,variant:O?u.V2:u.V1},{children:[r(l,t({},d({content:v,bold:T})),void 0),o(P,{children:[R&&F&&r(s,{isMobile:L,src:R,alt:F,rating:I,width:L?"90px":"122px"},void 0),r(f,{children:r(C,{children:r(i,{benefits:A},void 0)},void 0)},void 0)]},void 0),r("div",{children:!L&&H},void 0),L&&H,O&&r(b,{children:c(O)},void 0)]}),void 0)};export{g as OfferAtCartV2};
|
|
2
2
|
//# sourceMappingURL=OfferAtCartV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useOfferAtCartForAutoshipCrossSell as i}from"../../../hooks/useOfferAtCartForAutoshipCrossSell/index.js";import{OfferAtCartBenefits as s}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as l}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as a}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"react";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.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"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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"../../
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useOfferAtCartForAutoshipCrossSell as i}from"../../../hooks/useOfferAtCartForAutoshipCrossSell/index.js";import{OfferAtCartBenefits as s}from"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.js";import{OfferAtCartImage as l}from"../../molecules/OfferAtCartImage/OfferAtCartImage.js";import{OfferAtCartTitle as a}from"../../molecules/OfferAtCartTitle/OfferAtCartTitle.js";import"react";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.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"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.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"../../buynowpaylater/BuyNowPayLater.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"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/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"../../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"../../modal/Modal.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"../../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"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import{getTitleProps as m,ActionsSection as p,ErrorMessage as d}from"../OfferAtCart/OfferAtCart.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import c from"./style.module.css.js";import{Container as n,TitleWrapper as j,Body as y,Benefits as u}from"./styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.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"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";import{RightContent as b}from"../OfferAtCart/styled.js";var P=function(P){var f=i(P),C=f.className,g=f.title,h=g.content,S=g.bold,T=f.image,V=f.benefits,v=f.ctaText,A=void 0===v?"Yes, I want this offer":v,M=f.sizeOptions,G=f.rating,w=f.bottomCopy,I=f.theme,O=f.setSelectedSize,B=f.setShowErrorMessage,L=f.isMobile,k=f.showErrorMessage,z=f.handleOnClick,x=function(){return p(M,O,B,A,z)};return r(n,t({className:C},{children:e(o,{children:[e(j,{children:[T&&r(l,{width:"66px",height:"66px",isMobile:L,src:T.src,alt:T.alt,rating:G},void 0),r(a,t({},m({content:h,bold:S})),void 0)]},void 0),e(y,t({height:L?"120px":"162px"},{children:[r("span",{children:"Includes:"},void 0),e(b,{children:[r(u,t({id:"benefits",className:c.benefits},{children:r(s,{benefits:V},void 0)}),void 0),!L&&x(),!L&&k&&d(I)]},void 0)]}),void 0),L&&x(),L&&k&&d(I),w&&r("span",{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0)}),void 0)};export{P as OfferAtCartV4};
|
|
2
2
|
//# sourceMappingURL=OfferAtCartV4.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as r}from"react/jsx-runtime";import e from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as p}from"../../../molecules/Video/Video.js";import{usePreventVerticalScroll as m}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as v}from"../../../icons/index.js";import{stopVideoCommand as h,playVideoCommand as f}from"../utils/sendCommandToIframe.js";var g,b,x,y,k,w,V=d.div(g||(g=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),T=d.div(b||(b=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),j=d.div(x||(x=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),C=d.div(y||(y=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),R=d.div(k||(k=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),z=d.button(w||(w=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),S={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},A=function(o,i,n){if(i){var t=o<i,r=t?"eager":"lazy",e=t?"sync":"async";n.loading=r,n.decoding=e}return n},P=function(o){var d=o.contents,g=o.customClick,b=void 0!==g&&g,x=o.topTag,y=o.topRightTag,k=o.bottomTag,w=o.testId,P=o.borderRadiusVariant,B=o.selectedValue,I=o.onChange,D=o.itemsOnViewport,G=void 0===D?0:D,L=o.videoAutoplay,M=void 0!==L&&L,N=o.hideVideoControls,O=void 0!==N&&N,E=o.videoMuted,U=void 0===E||E,W=o.videoLoop,q=void 0===W||W,F=l(null),H=l(null);m(H);var J=a((function(o){var i;null===(i=F.current)||void 0===i||i.slickGoTo(o)}),[F]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=F.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[b&&r("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return r(c,{onClick:function(){return J(i)},text:String(i+1),inline:!0},i)}))}),void 0),r(V,i({"data-testid":w,borderRadiusVariant:P,ref:H},{children:r(e,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?f():h(),null==I||I(o)}},S,{nextArrow:r(R,{children:r(z,{children:r(v.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r(R,{children:r(z,{children:r(v.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:F},{children:d.map((function(o,e){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s={alt:o.alt,width:"100%",height:"510px"};return r("div",{children:a?r(p,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:M,muted:U,loop:q,withProgressBar:!O,style:O?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[r(u,{src:l,zoomSrc:l,zoomType:"hover",imgAttributes:A(e,G,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0),r(T,i({borderRadiusVariant:P,"data-testid":"topTag"},{children:x}),void 0),r(C,i({"data-testid":"bottomTag"},{children:k}),void 0),!!y&&r(j,{children:y},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{z as Button,V as Container,R as NavButtonContainer,P as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useState as d}from"react";import r from"./ImageProductSlide.js";var n,a=e.div(n||(n=o(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"],["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"]))),l=function(o){var e=o.images,n=o.customClick,l=o.topTag,m=o.topRightTag,s=o.bottomTag,p=o.productImageDataTestId,v=o.borderRadiusVariant,c=void 0!==v&&v,u=o.selectedValue,g=o.hasToPreserveOrder,f=void 0!==g&&g,h=o.itemsOnViewport,x=void 0===h?1:h,T=o.videoAutoplay,V=void 0!==T&&T,b=o.hideVideoControls,y=void 0!==b&&b,C=o.videoMuted,w=void 0===C||C,I=o.videoLoop,R=void 0===I||I,O=d(0),j=O[0],k=O[1],A=f?null==e?void 0:e[j]:u;return i(a,t({"data-testid":"product-gallery-mobile-v1"},{children:i(r,{contents:e,customClick:n,topTag:l,topRightTag:m,bottomTag:s,testId:p,borderRadiusVariant:c,selectedValue:A,onChange:function(o){return k(o)},itemsOnViewport:x,videoAutoplay:V,hideVideoControls:y,videoMuted:w,videoLoop:R},void 0)}),void 0)};export{l as ProductGalleryMobile};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobile.js.map
|