@trafilea/afrodita-components 7.1.22 → 7.3.0
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/atoms/PriceLabel/PriceLabel.js +1 -1
- package/build/es/components/atoms/PriceLabelV2/PriceLabelV2.js +1 -1
- package/build/es/components/autoship/styled.js +1 -1
- package/build/es/components/autoshipV2/styled.js +1 -1
- package/build/es/components/bundle/minimalistic/Minimalistic.js +1 -1
- package/build/es/components/bundle/simple/Simple.js +1 -1
- package/build/es/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/es/components/collection/product/mobile/styled.js +1 -1
- package/build/es/components/collection/product/truekind/ProductItemTK.js +1 -1
- package/build/es/components/collection/product/truekind/styled.js +2 -0
- package/build/es/components/collection/product/truekind/styled.js.map +1 -0
- package/build/es/components/molecules/BenefitsList/BenefitsList.js +1 -1
- package/build/es/components/molecules/CouponCard/CouponCard.js +1 -1
- package/build/es/components/molecules/LikeButton/LikeButton.js +1 -1
- package/build/es/components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.js +1 -1
- package/build/es/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
- package/build/es/components/organisms/ClubOfferSelector/styled.js +1 -1
- package/build/es/components/organisms/ClubOfferSelector2/styled.js +1 -1
- package/build/es/components/organisms/OfferAtCart/OfferAtCart.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/OfferAtPDP/OfferAtPDP.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.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/SubscriptionPlanSelector/styled.js +1 -1
- package/build/es/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/build/es/components/pricing/discount/DiscountTag.js +1 -1
- package/build/es/components/pricing/discount/styled.js +2 -0
- package/build/es/components/pricing/discount/styled.js.map +1 -0
- package/build/es/components/product/order/item/SimpleOrderItem.js +1 -1
- package/build/es/components/search-bar/SearchBar.js +1 -1
- package/build/es/components/search-bar/components/ProductItem/ProductItem.js +1 -1
- package/build/index.d.ts +6 -3
- package/build/lib/components/atoms/PriceLabel/PriceLabel.js +1 -1
- package/build/lib/components/atoms/PriceLabelV2/PriceLabelV2.js +1 -1
- package/build/lib/components/autoship/styled.js +1 -1
- package/build/lib/components/autoshipV2/styled.js +1 -1
- package/build/lib/components/bundle/minimalistic/Minimalistic.js +1 -1
- package/build/lib/components/bundle/simple/Simple.js +1 -1
- package/build/lib/components/collection/product/mobile/ProductItemMobile.js +1 -1
- package/build/lib/components/collection/product/mobile/styled.js +1 -1
- package/build/lib/components/collection/product/truekind/ProductItemTK.js +1 -1
- package/build/lib/components/collection/product/truekind/styled.js +2 -0
- package/build/lib/components/collection/product/truekind/styled.js.map +1 -0
- package/build/lib/components/molecules/BenefitsList/BenefitsList.js +1 -1
- package/build/lib/components/molecules/CouponCard/CouponCard.js +1 -1
- package/build/lib/components/molecules/LikeButton/LikeButton.js +1 -1
- package/build/lib/components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.js +1 -1
- package/build/lib/components/organisms/AutoshipPdpCard/AutoshipPdpCard.js +1 -1
- package/build/lib/components/organisms/ClubOfferSelector/styled.js +1 -1
- package/build/lib/components/organisms/ClubOfferSelector2/styled.js +1 -1
- package/build/lib/components/organisms/OfferAtCart/OfferAtCart.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/OfferAtPDP/OfferAtPDP.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ImageProductSlideV3.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/SubscriptionPlanSelector/styled.js +1 -1
- package/build/lib/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/build/lib/components/pricing/discount/DiscountTag.js +1 -1
- package/build/lib/components/pricing/discount/styled.js +2 -0
- package/build/lib/components/pricing/discount/styled.js.map +1 -0
- package/build/lib/components/product/order/item/SimpleOrderItem.js +1 -1
- package/build/lib/components/search-bar/SearchBar.js +1 -1
- package/build/lib/components/search-bar/components/ProductItem/ProductItem.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"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{debounce as p}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as d}from"../../../../atoms/Image/Image.js";import"../../../../atoms/Toggle/toggle.styled.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"../../../../pricing/discount/DiscountTag.js";import"../../../../pricing/styles.js";import"../../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.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"@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"../../../../collection/product/truekind/ProductItemTK.js";import"../../../../collection/grid/WithProductGrid.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/Drawer.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"../../../../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{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Error.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/QuantityPicker.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"../../../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"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../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/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"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},P=function(P){var g,C,h,v=P.contents,S=P.topTag,T=P.topRightTag,V=P.bottomTag,w=P.containerRef,A=s(null),I=s(null),L=l(null!==(g=f(w))&&void 0!==g?g:1),B=L[0],k=L[1],G=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[G]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;k(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:B,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{P as MainGallery};
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"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{debounce as p}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as d}from"../../../../atoms/Image/Image.js";import"../../../../atoms/Toggle/toggle.styled.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"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.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"@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"../../../../collection/product/truekind/styled.js";import"../../../../collection/grid/WithProductGrid.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/Drawer.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"../../../../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{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Error.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/QuantityPicker.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"../../../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"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../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/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"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},P=function(P){var g,C,h,v=P.contents,S=P.topTag,T=P.topRightTag,V=P.bottomTag,w=P.containerRef,A=s(null),I=s(null),L=l(null!==(g=f(w))&&void 0!==g?g:1),B=L[0],k=L[1],G=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[G]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;k(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:B,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{P as MainGallery};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as i,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as r,useEffect as s,useCallback as l,useMemo as c,Children as a,isValidElement as n,cloneElement as d}from"react";import{ComponentSize as m}from"../../../types/enums.js";import"../../../utils/constants/offerAtCart.js";import{decimalFormat as p}from"../../../utils/decimalParser/decimalParser.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import{Text as u}from"../../text/Text.js";import{Icon as b}from"../../icons/index.js";import{RadioInput as j}from"../../radio/input/radio.js";import{Tooltip as y}from"../../tooltip/Tooltip.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../core/theme/Theme.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/DiscountTag.js";import"../../pricing/styles.js";import"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.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"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/Toggle/toggle.styled.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"../../collection/product/truekind/ProductItemTK.js";import"../../collection/grid/WithProductGrid.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/Drawer.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"../../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/IconButton.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Error.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/QuantityPicker.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"../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{Container as h,SubscriptionContainer as P,DiscountTag as f,SubscriptionHeader as g,FlexContainer as C,TooltipWrapper as T,StyledPrice as v,BenefitsContainer as k,SinglePurchaseContainer as S}from"./styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import{AutoshipFrequencyDropdown as V}from"../../molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js";import{BenefitsList as A}from"../../molecules/BenefitsList/BenefitsList.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 G=function(G){var M=G.children,w=G.benefits,I=G.tooltip,B=G.pricing,L=G.frequency,z=G.onChange,x=G.className,O=G.discountTagClassName,D=G.closeIcon,F=G.currencySymbol,N=G.discountLabel,R=G.radios,q=G.termsAndConditions,W=r({oneTime:R.oneTime,subscription:R.subscription}),H=W[0],$=W[1];s((function(){$((function(i){return e(e({},i),{oneTime:e(e({},i.oneTime),{checked:!i.oneTime.disabled&&i.oneTime.checked}),subscription:e(e({},i.subscription),{checked:!i.subscription.disabled&&i.subscription.checked})})}))}),[H.oneTime.disabled,H.subscription.disabled]);var E=r(null==L?void 0:L.values[0]),Q=E[0],J=E[1],K=B.listPrice,U=B.discountedPrice,_=B.subscriptionDiscountPercentage,X=Number((U-U*(_/100)).toFixed(2)),Y=Math.floor(K-X),Z=Y/K*100,ee=5*Math.round(Z/5),ie=l((function(){return H.subscription.checked?Number((U-U*(_/100)).toFixed(2)):U}),[U,H.subscription.checked,_]),te=c((function(){return{subscriptionPeriod:Q,withSubscription:H.subscription.checked,originalPrice:K,discountedPrice:ie()}}),[Q,H.subscription.checked,K,ie]);s((function(){te&&z(te)}),[te,z]);var oe=function(i){var t;"subscription"===(t=i)&&H.subscription.disabled||"oneTime"===t&&H.oneTime.disabled||($((function(t){return e(e({},t),{oneTime:e(e({},t.oneTime),{checked:"oneTime"===i}),subscription:e(e({},t.subscription),{checked:"subscription"===i})})})),"oneTime"===i?J(void 0):"subscription"===i&&L&&J(L.values[0]))};return i(h,e({className:x},{children:[i(P,e({highlighted:H.subscription.checked,onClick:function(){return oe("subscription")},"data-testid":"subscription-purchase-block",disabled:H.subscription.disabled},{children:[t(f,e({className:O,selected:H.subscription.checked},{children:null!=N?N:"".concat(ee,"% OFF - SAVE ").concat(F).concat(Y.toFixed(2))}),void 0),i(g,e({showBorder:H.subscription.checked},{children:[i(C,e({"data-testid":"subscription-block",onClick:function(){return oe("subscription")}},{children:[t(j,{label:R.subscription.label,icon:R.subscription.icon,name:"subscription",id:"subscription",value:"subscription",size:m.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){$((function(i){return{subscription:e(e({},i.subscription),{checked:!0}),oneTime:e(e({},i.oneTime),{checked:!1})}}))},checked:!H.subscription.disabled&&H.subscription.checked,disabled:H.subscription.disabled},void 0),I&&t(T,{children:t(y,e({position:0,content:I.content,header:I.header,maxWidth:"248px",showCloseIcon:D,closeBtnSize:.7},{children:t(b.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]}),void 0),t(v,{testId:"subscription",finalPrice:"$".concat(p(Number(X))),disabled:H.subscription.disabled,highlighted:!H.subscription.disabled&&H.subscription.highlighted,size:m.Large,originalPrice:"$".concat(p(Number(K)))},void 0)]}),void 0),H.subscription.checked&&i(o,{children:[t(k,e({disabled:H.subscription.disabled},{children:function(){var i=H.subscription.disabled;if(M){var o=i?{opacity:.5,pointerEvents:"none"}:{};return a.map(M,(function(i){return n(i)?d(i,{style:e(e({},i.props.style),o)}):i}))}return w?t(A,{benefits:w,disabled:i},void 0):null}()}),void 0),q&&t(u,e({variant:"link",underline:!0,href:q.url,size:"regular",target:"_blank"},{children:q.text}),void 0),(null==L?void 0:L.showFrequencyText)&&t(V,{frequency:L,onChange:function(e){J(H.subscription.checked?e.value:void 0)}},void 0)]},void 0)]}),void 0),i(S,e({"data-testid":"single-purchase-block",highlighted:H.oneTime.checked,disabled:H.oneTime.disabled,onClick:function(){return oe("oneTime")}},{children:[t(j,{label:R.oneTime.label,icon:R.oneTime.icon,name:"oneTime",id:"oneTime",value:"oneTime",size:m.Medium,onChange:function(){$((function(i){return{subscription:e(e({},i.subscription),{checked:!1}),oneTime:e(e({},i.oneTime),{checked:!0})}}))},useV2Style:!0,checked:!H.oneTime.disabled&&H.oneTime.checked,disabled:H.oneTime.disabled},void 0),t(v,{testId:"single-purchase",finalPrice:"$".concat(p(Number(U))),disabled:H.oneTime.disabled,highlighted:!H.oneTime.disabled&&H.oneTime.highlighted,size:m.Large,originalPrice:"$".concat(p(Number(K)))},void 0)]}),void 0)]}),void 0)};export{G as SubscriptionPlanSelector};
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as i,jsx as t,Fragment as r}from"react/jsx-runtime";import{useState as o,useEffect as s,useCallback as l,useMemo as c,Children as a,isValidElement as n,cloneElement as d}from"react";import{ComponentSize as m}from"../../../types/enums.js";import"../../../utils/constants/offerAtCart.js";import{decimalFormat as p}from"../../../utils/decimalParser/decimalParser.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import{Text as u}from"../../text/Text.js";import{Icon as b}from"../../icons/index.js";import{RadioInput as j}from"../../radio/input/radio.js";import{Tooltip as y}from"../../tooltip/Tooltip.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"../../../core/theme/Theme.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.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"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/Toggle/toggle.styled.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"../../collection/product/truekind/styled.js";import"../../collection/grid/WithProductGrid.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/Drawer.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"../../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/IconButton.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Error.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/QuantityPicker.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"../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{Container as h,SubscriptionContainer as P,DiscountTag as f,SubscriptionHeader as g,FlexContainer as C,TooltipWrapper as T,StyledPrice as v,BenefitsContainer as k,SinglePurchaseContainer as S}from"./styled.js";import"../TwoCtasAtCart/Greeting.styled.js";import"../TwoCtasAtCart/Card.styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import{AutoshipFrequencyDropdown as V}from"../../molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js";import{BenefitsList as A}from"../../molecules/BenefitsList/BenefitsList.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 G=function(G){var M=G.children,w=G.benefits,I=G.tooltip,B=G.pricing,L=G.frequency,z=G.onChange,x=G.className,O=G.discountTagClassName,D=G.closeIcon,F=G.currencySymbol,N=G.discountLabel,R=G.radios,q=G.termsAndConditions,W=o({oneTime:R.oneTime,subscription:R.subscription}),H=W[0],$=W[1];s((function(){$((function(i){return e(e({},i),{oneTime:e(e({},i.oneTime),{checked:!i.oneTime.disabled&&i.oneTime.checked}),subscription:e(e({},i.subscription),{checked:!i.subscription.disabled&&i.subscription.checked})})}))}),[H.oneTime.disabled,H.subscription.disabled]);var E=o(null==L?void 0:L.values[0]),Q=E[0],J=E[1],U=B.listPrice,_=B.discountedPrice,K=B.subscriptionDiscountPercentage,X=Number((_-_*(K/100)).toFixed(2)),Y=Math.floor(U-X),Z=Y/U*100,ee=5*Math.round(Z/5),ie=l((function(){return H.subscription.checked?Number((_-_*(K/100)).toFixed(2)):_}),[_,H.subscription.checked,K]),te=c((function(){return{subscriptionPeriod:Q,withSubscription:H.subscription.checked,originalPrice:U,discountedPrice:ie()}}),[Q,H.subscription.checked,U,ie]);s((function(){te&&z(te)}),[te,z]);var re=function(i){var t;"subscription"===(t=i)&&H.subscription.disabled||"oneTime"===t&&H.oneTime.disabled||($((function(t){return e(e({},t),{oneTime:e(e({},t.oneTime),{checked:"oneTime"===i}),subscription:e(e({},t.subscription),{checked:"subscription"===i})})})),"oneTime"===i?J(void 0):"subscription"===i&&L&&J(L.values[0]))};return i(h,e({className:x},{children:[i(P,e({highlighted:H.subscription.checked,onClick:function(){return re("subscription")},"data-testid":"subscription-purchase-block",disabled:H.subscription.disabled},{children:[t(f,e({className:O,selected:H.subscription.checked},{children:null!=N?N:"".concat(ee,"% OFF - SAVE ").concat(F).concat(Y.toFixed(2))}),void 0),i(g,e({showBorder:H.subscription.checked},{children:[i(C,e({"data-testid":"subscription-block",onClick:function(){return re("subscription")}},{children:[t(j,{label:R.subscription.label,icon:R.subscription.icon,name:"subscription",id:"subscription",value:"subscription",size:m.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){$((function(i){return{subscription:e(e({},i.subscription),{checked:!0}),oneTime:e(e({},i.oneTime),{checked:!1})}}))},checked:!H.subscription.disabled&&H.subscription.checked,disabled:H.subscription.disabled},void 0),I&&t(T,{children:t(y,e({position:0,content:I.content,header:I.header,maxWidth:"248px",showCloseIcon:D,closeBtnSize:.7},{children:t(b.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]}),void 0),t(v,{testId:"subscription",finalPrice:"$".concat(p(Number(X))),disabled:H.subscription.disabled,highlighted:!H.subscription.disabled&&H.subscription.highlighted,size:m.Large,originalPrice:"$".concat(p(Number(U)))},void 0)]}),void 0),H.subscription.checked&&i(r,{children:[t(k,e({disabled:H.subscription.disabled},{children:function(){var i=H.subscription.disabled;if(M){var r=i?{opacity:.5,pointerEvents:"none"}:{};return a.map(M,(function(i){return n(i)?d(i,{style:e(e({},i.props.style),r)}):i}))}return w?t(A,{benefits:w,disabled:i},void 0):null}()}),void 0),q&&t(u,e({variant:"link",underline:!0,href:q.url,size:"regular",target:"_blank"},{children:q.text}),void 0),(null==L?void 0:L.showFrequencyText)&&t(V,{frequency:L,onChange:function(e){J(H.subscription.checked?e.value:void 0)}},void 0)]},void 0)]}),void 0),i(S,e({"data-testid":"single-purchase-block",highlighted:H.oneTime.checked,disabled:H.oneTime.disabled,onClick:function(){return re("oneTime")}},{children:[t(j,{label:R.oneTime.label,icon:R.oneTime.icon,name:"oneTime",id:"oneTime",value:"oneTime",size:m.Medium,onChange:function(){$((function(i){return{subscription:e(e({},i.subscription),{checked:!1}),oneTime:e(e({},i.oneTime),{checked:!0})}}))},useV2Style:!0,checked:!H.oneTime.disabled&&H.oneTime.checked,disabled:H.oneTime.disabled},void 0),t(v,{testId:"single-purchase",finalPrice:"$".concat(p(Number(_))),disabled:H.oneTime.disabled,highlighted:!H.oneTime.disabled&&H.oneTime.highlighted,size:m.Large,originalPrice:"$".concat(p(Number(U)))},void 0)]}),void 0)]}),void 0)};export{G as SubscriptionPlanSelector};
|
|
2
2
|
//# sourceMappingURL=SubscriptionPlanSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../pricing/clubOffer/ClubOfferTag.js";import"
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../pricing/clubOffer/ClubOfferTag.js";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/discount/styled.js";import"react";import"../../pricing/styles.js";import{PriceLabelV2 as r}from"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";var e,t,i,p,c,a,d,s,l,u,m=o.div(e||(e=n(["\n display: flex;\n\n ","\n"],["\n display: flex;\n\n ","\n"])),(function(n){return"TheSpaDr"===n.theme.name&&"\n [data-testid='subscription-frequency'] {\n border: 0;\n padding-left: 0 !important;\n padding-right: 32px !important;\n }\n\n [role='listbox']{\n margin-left: -20px;\n }\n "})),b=o.div(t||(t=n(["\n position: absolute;\n top: -24px;\n right: 18px;\n background-color: ",";\n color: white;\n padding: 5px 10px;\n font-size: 12px;\n font-weight: bold;\n line-height: 14px;\n border-radius: ",";\n"],["\n position: absolute;\n top: -24px;\n right: 18px;\n background-color: ",";\n color: white;\n padding: 5px 10px;\n font-size: 12px;\n font-weight: bold;\n line-height: 14px;\n border-radius: ",";\n"])),(function(n){var o=n.theme;return n.selected?o.component.autoship.discountTag.backgroundColor:o.colors.shades[350].color}),(function(n){var o=n.theme;return"".concat(o.component.autoship.discountTag.borderRadius," \n ").concat(o.component.autoship.discountTag.borderRadius," 0 0")})),h=o.div(i||(i=n(["\n border-radius: 8px;\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"],["\n border-radius: 8px;\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"])),(function(n){var o=n.disabled,r=n.highlighted,e=n.theme;return o?"1px solid ".concat(e.colors.shades[200].color):r?function(n){var o=n.name,r=n.colors;return"TheSpaDr"===o?"2px solid ".concat(r.pallete.primary.color):"1.5px solid ".concat(r.shades[700].color)}(e):"1.5px solid ".concat(e.colors.shades[150].color)}),(function(n){return n.disabled?"":"& label {\n font-weight: 700;\n }"}),(function(n){return n.theme.colors.pallete.primary.color})),g=o(h)(p||(p=n(["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n\n ","\n"],["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n\n ","\n"])),(function(n){return n.onClick?"cursor: pointer;":""})),x=o(h)(c||(c=n(["\n padding: 16px;\n margin-bottom: 8px;\n position: relative;\n"],["\n padding: 16px;\n margin-bottom: 8px;\n position: relative;\n"]))),f=o.div(a||(a=n(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ",";\n margin-bottom: ",";\n cursor: pointer;\n border-bottom: ",";\n\n & input:checked + div {\n border-color: ",";\n }\n"],["\n display: flex;\n justify-content: space-between;\n padding-bottom: ",";\n margin-bottom: ",";\n cursor: pointer;\n border-bottom: ",";\n\n & input:checked + div {\n border-color: ",";\n }\n"])),(function(n){var o=n.showBorder;return void 0===o||o?"10px":""}),(function(n){var o=n.showBorder;return void 0===o||o?"8px":"0"}),(function(n){var o=n.showBorder,r=void 0===o||o,e=n.theme;return r?"1px solid ".concat(e.colors.shades[200].color):"none"}),(function(n){return n.theme.colors.pallete.primary.color})),v=o.div(d||(d=n(["\n margin-bottom: 5px;\n\n p {\n color: ",";\n }\n"],["\n margin-bottom: 5px;\n\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"var(--colors-shades-250-color)":"inherit"})),y=o(r)(s||(s=n(["\n div p {\n color: ",";\n }\n"],["\n div p {\n color: ",";\n }\n"])),(function(n){var o=n.disabled,r=n.highlighted,e=n.theme.colors,t=e.shades,i=e.semantic;return o?t[250].color:r?i.urgent.color:t[700].color})),j=o.div(l||(l=n(["\n margin-top: 20px;\n"],["\n margin-top: 20px;\n"]))),w=o.div(u||(u=n(["\n margin: ",";\n"],["\n margin: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.margin}));export{v as BenefitsContainer,j as Container,h as ContainerBase,b as DiscountTag,m as FlexContainer,g as SinglePurchaseContainer,y as StyledPrice,x as SubscriptionContainer,f as SubscriptionHeader,w as TooltipWrapper};
|
|
2
2
|
//# sourceMappingURL=styled.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"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/Toggle/toggle.styled.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"../../pricing/discount/
|
|
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"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/Toggle/toggle.styled.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"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.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"../../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"../../collection/product/truekind/styled.js";import"../../collection/grid/WithProductGrid.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/Drawer.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"../../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/IconButton.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Error.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/QuantityPicker.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"../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"./Greeting.styled.js";import{Container as i,TitleWrapper as s,BodyContainer as l,GridContainer as a,BottomCopyWrapper as m,OutLineButtonContainer as p,SaveLessLinkButton as d,BtnOutlineWrapper as c}from"./Card.styled.js";import{DescriptionItem as n}from"./DescriptionItem.js";import{BottomButtonVersionsTypes as j}from"./types.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"../../molecules/LikeButton/styled.js";import{ScarcityTag as y}from"../../molecules/ScarcityTag/ScarcityTag.js";function u(u){var b=u.title,P=u.saveLessButtonAction,C=u.saveLessButtonLabel,f=u.saveMoreButtonAction,g=u.saveMoreButtonLabel,h=u.descriptions,S=u.version,v=u.bottomCopy,V=u.titleBackgroundColor,T=u.scarcityText,G=u.scarcityTextColor;return r(i,t({id:"twoCtasAtCart"},{children:[o(s,t({id:"twoCtasAtCartTitle",backgroundColor:null!=V?V:void 0},{children:b}),void 0),o(e,{onClick:f,text:g,wide:!0},void 0),T&&o(y,{text:T,color:G},void 0),r(l,{children:[o(a,{children:h.map((function(t,r){return o(n,{text:t.text,smallerText:t.smallerText,iconName:null==t?void 0:t.iconName,type:null==t?void 0:t.type,link:null==t?void 0:t.link},"".concat(t.text,"-").concat(r))}))},void 0),v&&o(m,{dangerouslySetInnerHTML:{__html:v}},void 0)]},void 0),o(p,{children:S===j.link?o(d,t({href:"#",onClick:P},{children:C}),void 0):o(c,{wide:!0,onClick:P,text:C},void 0)},void 0)]}),void 0)}export{u as TwoCtasAtCart};
|
|
2
2
|
//# sourceMappingURL=TwoCtasAtCart.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useTheme as s}from"../../../core/theme/Theme.js";import{ComponentSize as d}from"../../../types/enums.js";import{Container as i,IconContainer as t,H3 as n}from"./styled.js";var c=function(c){var l=c.discount,a=c.offText,m=c.savings,f=c.showSavings,v=void 0!==f&&f,h=c.disabled,u=c.backgroundColor,p=void 0===u?"#fff":u,b=c.borderColor,C=void 0===b?"transparent":b,x=c.textColor,y=void 0===x?"#fff":x,g=c.size,j=void 0===g?d.Medium:g,w=c.style,z=c.bordersRounded,k=void 0!==z&&z,R=c.icon,S=s();return r(i,o({backgroundColor:h?S.colors.shades[50].color:p,borderColor:h?S.colors.shades[50].color:C,size:j,"data-testid":"discount-container",style:w,bordersRounded:k},{children:[R&&e(t,{children:R},void 0),r(n,o({textColor:h?S.colors.shades[250].color:y,size:j,style:o(o({},w),{whiteSpace:"nowrap"}),theme:S},{children:[l,"% ",a," ",v&&m&&"- ".concat(m)]}),void 0)]}),void 0)};export{c as DiscountTag};
|
|
2
2
|
//# sourceMappingURL=DiscountTag.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";import{ComponentSize as i}from"../../../types/enums.js";var r,o,t,d=function(n,e,r){var o,t,d;switch(n){case i.Large:return{borderRadius:e?"18px":"0.375rem",padding:"0 0.75rem",fontSize:(null===(o=null==r?void 0:r.component.pricing.priceLabel.price.discountFontSize)||void 0===o?void 0:o.large)||"0.875rem",lineHeight:"1.125rem",height:"1.75rem"};case i.Medium:return{borderRadius:e?"18px":"0.25rem",padding:"0 0.5rem",fontSize:(null===(t=null==r?void 0:r.component.pricing.priceLabel.price.discountFontSize)||void 0===t?void 0:t.medium)||"14px",lineHeight:"1rem",height:"1.375rem"};case i.Small:return{borderRadius:e?"20px":"0.25rem",padding:"0",fontSize:(null===(d=null==r?void 0:r.component.pricing.priceLabel.price.discountFontSize)||void 0===d?void 0:d.small)||"0.625rem",lineHeight:"0.75rem",height:"2rem"}}},l=e.div(r||(r=n(["\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n padding: ",";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n text-align: center;\n cursor: default;\n"],["\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n padding: ",";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n text-align: center;\n cursor: default;\n"])),(function(n){return n.backgroundColor}),(function(n){return n.borderColor}),(function(n){var e,i=n.size,r=n.bordersRounded;return null===(e=d(i,r))||void 0===e?void 0:e.borderRadius}),(function(n){var e,i=n.size;return null===(e=d(i))||void 0===e?void 0:e.padding}),(function(n){return n.size===i.Small?"2rem":"unset"}),(function(n){var e,i=n.size;return null===(e=d(i))||void 0===e?void 0:e.height})),u=e.span(o||(o=n(["\n margin-right: 4px;\n display: flex;\n align-items: center;\n"],["\n margin-right: 4px;\n display: flex;\n align-items: center;\n"]))),a=e.h3(t||(t=n(["\n color: ",";\n font-weight: bold;\n margin: 0;\n font-size: ",";\n line-height: ",";\n"],["\n color: ",";\n font-weight: bold;\n margin: 0;\n font-size: ",";\n line-height: ",";\n"])),(function(n){return n.textColor}),(function(n){var e,i=n.size,r=n.theme;return null===(e=d(i,!1,r))||void 0===e?void 0:e.fontSize}),(function(n){var e,i=n.size;return null===(e=d(i))||void 0===e?void 0:e.lineHeight}));export{l as Container,a as H3,u as IconContainer};
|
|
2
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{useTheme as r}from"../../../../core/theme/Theme.js";import{mediaQueries as l}from"../../../../utils/media.js";import{ClubPriceMemberLabel as c}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../../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";import"../../../atoms/Toggle/toggle.styled.js";import{OfferBanner as s}from"../../../offer-banner/OfferBanner.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/
|
|
1
|
+
import{__makeTemplateObject as i,__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{useTheme as r}from"../../../../core/theme/Theme.js";import{mediaQueries as l}from"../../../../utils/media.js";import{ClubPriceMemberLabel as c}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../../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";import"../../../atoms/Toggle/toggle.styled.js";import{OfferBanner as s}from"../../../offer-banner/OfferBanner.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../types/enums.js";import"../../../pricing/discount/styled.js";import{PriceLabel as m}from"../../../pricing/price/PriceLabel.js";import"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";var p,h,f,g,u,v,b,x=t.div(p||(p=i(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),y=t.div(h||(h=i(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),j=t.div(f||(f=i(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),l({paddingLeft:["0.938rem","1.875rem"]}),"63px"),w=t.h2((function(i){return{fontWeight:600,fontSize:"1rem",lineHeight:"1.5rem",color:i.color,margin:"0.063rem 0"}})),P=t.h3((function(i){var e=i.color,n=i.fontSize,o=i.lineHeight;return{fontWeight:i.fontWeight,fontSize:n,lineHeight:o,color:e,margin:i.margin}})),L=t.div(g||(g=i(["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"],["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"])),(function(i){var e=i.withTag;return i.theme,e?l({justifyContent:["space-between","end"],flexDirection:["row","column"]}):"justify-content: end"})),z=t.div(u||(u=i(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"]))),C=t.span(v||(v=i(["\n display: block;\n transform: translateY(1px);\n"],["\n display: block;\n transform: translateY(1px);\n"]))),k=t.span(b||(b=i(["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"],["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"])),(function(i){return i.theme.colors.semantic.urgent.color})),S=function(i){var t,l,p,h,f,g,u,v,b=i.title,S=i.className,T=i.subtitle,V=i.midElement,H=i.image,I=i.price,O=i.tag,W=i.quantity,D=i.finalPriceStyle,q=i.isGift,F=i.isClub,G=r();return n(x,e({className:S},{children:[n(y,{children:[o(d,{src:H.src,alt:H.alt,width:"4.063rem",height:"5.375rem",objectFit:"cover",objectPosition:"center"},void 0),W?o(z,e({"data-testid":"order-item-quantity"},{children:o(C,{children:W},void 0)}),void 0):null]},void 0),n(j,e({"data-testid":"order-item-description-container",theme:G},{children:[o(w,e({color:G.colors.shades[700].color,"data-testid":"product-title"},{children:b}),void 0),T&&o(P,e({color:(null===(l=null===(t=G.component.pricing)||void 0===t?void 0:t.subtitle)||void 0===l?void 0:l.color)||G.colors.shades[700].color,fontSize:(null===(h=null===(p=G.component.pricing)||void 0===p?void 0:p.subtitle)||void 0===h?void 0:h.fontSize)||"0.75rem",lineHeight:(null===(g=null===(f=G.component.pricing)||void 0===f?void 0:f.subtitle)||void 0===g?void 0:g.lineHeight)||"1rem",fontWeight:(null===(v=null===(u=G.component.pricing)||void 0===u?void 0:u.subtitle)||void 0===v?void 0:v.fontWeight)||"normal","data-testid":"product-variant-title",margin:"0.5rem 0 0 0"},{children:T}),void 0),V,q&&o(k,{children:"Limited Time Only"},void 0),n(L,e({"data-testid":"order-item-price-container",withTag:!!O,theme:G},{children:[O&&o(s,{discountAppliedText:null==O?void 0:O.text,backgroundColor:null==O?void 0:O.backgroundColor},void 0),q?o(k,{children:"GIFT"},void 0):F?o(c,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,isCollections:!1,isClubOffer:!0,isClub:!0,icon:o(a,{name:"other/club_filled",height:"21px",width:"52px"},void 0),style:{gap:8}},void 0):o(m,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,color:I.color||G.colors.shades[700].color,size:G.component.pricing.priceLabel.price.size,finalPriceStyle:D,originalPriceStyled:!0},void 0)]}),void 0)]}),void 0)]}),void 0)};export{S as default};
|
|
2
2
|
//# sourceMappingURL=SimpleOrderItem.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useReducer as r,useRef as i,useEffect as n}from"react";import a from"../../hooks/click-outside.js";import"../../types/enums.js";import{useTheme as l}from"../../core/theme/Theme.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/Toggle/toggle.styled.js";import"./components/ClearButton/styled.js";import"../text/Text.js";import"./components/Footer/styled.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useReducer as r,useRef as i,useEffect as n}from"react";import a from"../../hooks/click-outside.js";import"../../types/enums.js";import{useTheme as l}from"../../core/theme/Theme.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/Toggle/toggle.styled.js";import"./components/ClearButton/styled.js";import"../text/Text.js";import"./components/Footer/styled.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/styled.js";import"../pricing/styles.js";import"../pricing/priceLabelV2/PriceLabelV2.js";import"../pricing/priceLabelV3/PriceLabelV3.js";import"../pricing/priceLabelV5/PriceLabelV5.styled.js";import"./components/ProductItem/styled.js";import{ResultsPanel as s}from"./components/ResultsPanel/ResultsPanel.js";import{SearchControl as p}from"./components/SearchControl/SearchControl.js";import{Container as c,Input as m}from"./styled.js";var u={selectedOption:void 0,open:!1,term:""},d=function(o,t){switch(t.type){case"UPDATE_TERM":return e(e({},o),{term:t.payload.term});case"CLEAR":return e(e({},o),{term:"",open:!1});case"TOGGLE_PANEL":return e(e({},o),{open:t.payload.open})}},f=function(f){var h=f.suggestions,v=f.resultOptions,y=f.onChange,b=f.onSearch,j=f.onClose,g=f.resultsPanelDataTestId,L=f.allResults,P=f.initialTerm,C=f.shouldClear,T=void 0!==C&&C,E=f.isBlogSearchBar,V=void 0!==E&&E,S=f.ariaLabel,A=void 0===S?"Search for products":S,D=f.placeholder,I=void 0===D?"Search for products":D,O=f.id,R=void 0===O?"search":O,G=f.autoComplete,w=void 0===G?"off":G,M=l();P&&(u.term=P);var _=r(d,u),x=_[0],k=_[1],B=i(null),N=function(){return 0===v.length&&h.length>0&&!x.term};a(B,(function(){return k({type:"TOGGLE_PANEL",payload:{open:!1}})})),n((function(){var e=setTimeout((function(){y(x.term)}),500);return function(){return clearTimeout(e)}}),[y,x.term]);var z=v&&v.length>0?v:N()?h:[];return o("form",e({role:"search",onSubmit:function(e){e.cancelable&&e.preventDefault()},ref:B,style:{position:"relative"}},{children:[o(c,e({theme:M},{children:[t(m,{value:x.term,placeholder:I,onChange:function(e){return k({type:"UPDATE_TERM",payload:{term:e.target.value}})},onFocus:function(){return k({type:"TOGGLE_PANEL",payload:{open:!0}})},id:R,autoComplete:w,theme:M,"aria-label":A,onKeyDown:function(e){"Enter"===e.key&&(e.cancelable&&e.preventDefault(),e.stopPropagation(),b(x.term))}},void 0),t(p,{showSearchIcon:V,open:x.open,onClose:function(){T?k({type:"CLEAR",payload:{}}):j()},onSearch:function(){return b(x.term)}},void 0)]}),void 0),x.open&&!!z.length&&t(s,{testId:g,options:z,header:N()?"Most popular products":void 0,footer:L?"View all results (".concat(L,")"):void 0,onViewAll:function(){return b(x.term)}},void 0)]}),void 0)};export{f as SearchBar};
|
|
2
2
|
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from"tslib";import{jsxs as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as t}from"../../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../../types/enums.js";import{Image as m}from"../../../atoms/Image/Image.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import{PriceLabel as l}from"../../../pricing/price/PriceLabel.js";import"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{Text as c}from"../../../text/Text.js";import{Container as p,Description as s}from"./styled.js";var a=function(a){var n,d=a.src,f=a.title,g=a.price,b=t();return e(p,r({theme:b},{children:[i(m,{src:d,alt:f,width:"4.063rem",height:"5.375rem"},void 0),e(s,{children:[i(c,{variant:"body",weight:"regular",size:"regular",testId:"search-product-title",dangerouslySetInnerHTML:{__html:f}},void 0),i(l,{finalPrice:g,color:null===(n=b.colors.pallete.brickRed)||void 0===n?void 0:n.color,size:o.Small},void 0)]},void 0)]}),void 0)};export{a as ProductItem};
|
|
2
2
|
//# sourceMappingURL=ProductItem.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { FC,
|
|
3
|
+
import react__default, { FC, ReactNode, SVGProps, CSSProperties, ElementType, ReactElement, ReactFragment, DetailedHTMLProps, VideoHTMLAttributes, MouseEvent as MouseEvent$1, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
|
|
4
4
|
import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
|
|
5
5
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
6
6
|
import { TextProps as TextProps$1 } from 'src/components/text/Text';
|
|
@@ -97,8 +97,9 @@ interface DiscountTagProps$1 {
|
|
|
97
97
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
98
98
|
style?: react__default.CSSProperties;
|
|
99
99
|
bordersRounded?: boolean;
|
|
100
|
+
icon?: ReactNode;
|
|
100
101
|
}
|
|
101
|
-
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps$1) => JSX.Element;
|
|
102
|
+
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, icon, }: DiscountTagProps$1) => JSX.Element;
|
|
102
103
|
|
|
103
104
|
interface PriceLabelProps {
|
|
104
105
|
finalPrice: string | number;
|
|
@@ -2712,6 +2713,7 @@ interface ProductItemSmallMobileProps$1 extends ProductItemProps {
|
|
|
2712
2713
|
clubPrice?: string;
|
|
2713
2714
|
showClubPriceLabel?: boolean;
|
|
2714
2715
|
isOnViewport?: boolean;
|
|
2716
|
+
discountTag?: DiscountTagProps$1;
|
|
2715
2717
|
}
|
|
2716
2718
|
|
|
2717
2719
|
declare type OfferAtCartBenefitProps = {
|
|
@@ -3046,6 +3048,7 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
3046
3048
|
showDivider?: boolean;
|
|
3047
3049
|
invertPriceDirection?: boolean;
|
|
3048
3050
|
priceAndReviewInOneLine?: boolean;
|
|
3051
|
+
priceAndDiscountTagInOneLine?: boolean;
|
|
3049
3052
|
}
|
|
3050
3053
|
|
|
3051
3054
|
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
@@ -3056,7 +3059,7 @@ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponen
|
|
|
3056
3059
|
declare const Collection: {
|
|
3057
3060
|
ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
|
|
3058
3061
|
withProductGrid: typeof withProductGrid;
|
|
3059
|
-
ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, topRightTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, isOnViewport, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
3062
|
+
ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, topRightTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, isOnViewport, discountTag, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
3060
3063
|
};
|
|
3061
3064
|
|
|
3062
3065
|
/** @jsxImportSource @emotion/react */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@emotion/styled"),l=require("../../../core/theme/Theme.js"),n=require("../../../types/enums.js");require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@emotion/styled"),l=require("../../../core/theme/Theme.js"),n=require("../../../types/enums.js");require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js");var s=require("../../pricing/price/PriceLabel.js");require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js");var t=require("../../pricing/styles.js"),c=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,d=o(r).default.div(a||(a=e.__makeTemplateObject(["\n display: flex;\n margin-left: -5px;\n"],["\n display: flex;\n margin-left: -5px;\n"])));exports.PriceLabel=function(r){var o,a=r.finalPrice,p=r.originalPrice,u=r.color,g=r.testId,f=r.originalPriceStyled,m=void 0!==f&&f,y=r.originalPriceUnderlined,P=void 0===y||y,j=r.size,v=void 0===j?n.ComponentSize.Small:j,b=r.isClubOffer,_=void 0!==b&&b,x=e.__rest(r,["finalPrice","originalPrice","color","testId","originalPriceStyled","originalPriceUnderlined","size","isClubOffer"]),S=l.useTheme(),q=p&&p!==a,h="$";"string"==typeof a&&(h=c.getCurrencySymbol(a));var C="string"==typeof a&&a.includes(".")&&a.includes(h)?a.split(h)[1].split("."):["",""],z={size:n.ComponentSize.Small,color:u||S.colors.pallete.secondary.color,weight:700};return i.jsxs(t.Container,e.__assign({},x,{children:[q&&!_&&i.jsx((function(){return i.jsx(t.Price,e.__assign({size:m?v:n.ComponentSize.Small,color:S.component.pricing.priceLabel.price.originalPriceColor||S.colors.shades[300].color,margin:!0,underlined:P,"data-testid":s.getTestId(g,"original-product-price")},{children:p}),void 0)}),{},void 0),i.jsxs(d,e.__assign({"data-testid":s.getTestId(g,"final-product-price")},{children:[i.jsx(t.Price,e.__assign({margin:!0,finalPriceStyledSmall:!0,style:{marginTop:"-5px"}},z,{size:v},{children:h}),void 0),i.jsx(t.Price,e.__assign({finalPriceStyled:!0},z,{size:v,"data-testid":"test-price-final-product-price'"},{children:C[0]?C[0]:null===(o="".concat(a))||void 0===o?void 0:o.split(h)[1]}),void 0),i.jsx(t.Price,e.__assign({finalPriceStyledSmall:!0,style:{marginTop:"-6px"}},z,{size:v},{children:C[1]?C[1]:"00"}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@emotion/styled"),l=require("../../../core/theme/Theme.js"),n=require("../../../types/enums.js");require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@emotion/styled"),l=require("../../../core/theme/Theme.js"),n=require("../../../types/enums.js");require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js");var s=require("../../pricing/price/PriceLabel.js");require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js");var t=require("../../pricing/styles.js"),c=require("../../../utils/getCurrencySymbol/getCurrencySimbol.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,d=o(r).default.div(a||(a=e.__makeTemplateObject(["\n display: flex;\n margin-left: -5px;\n"],["\n display: flex;\n margin-left: -5px;\n"])));exports.PriceLabelV2=function(r){var o,a=r.finalPrice,u=r.originalPrice,p=r.color,g=r.testId,f=r.originalPriceStyled,m=void 0!==f&&f,y=r.originalPriceUnderlined,b=void 0===y||y,j=r.size,v=void 0===j?n.ComponentSize.Small:j,P=r.isClubOffer,_=void 0!==P&&P,x=e.__rest(r,["finalPrice","originalPrice","color","testId","originalPriceStyled","originalPriceUnderlined","size","isClubOffer"]),S=l.useTheme(),q=u&&u!==a,h="$";"string"==typeof a&&(h=c.getCurrencySymbol(a));var C="string"==typeof a&&a.includes(".")&&a.includes(h)?a.split(h)[1].split("."):["",""],L={size:n.ComponentSize.Small,color:p||S.colors.pallete.secondary.color,weight:700},z=C[0]?C[0]:null===(o="".concat(a))||void 0===o?void 0:o.split(h)[1];return i.jsxs(t.Container,e.__assign({},x,{children:[q&&!_&&i.jsx((function(){return i.jsx(t.Price,e.__assign({style:{marginRight:"10px"},size:m?v:n.ComponentSize.Small,color:S.component.pricing.priceLabel.price.originalPriceColor||S.colors.shades[300].color,margin:!0,underlined:b,"data-testid":s.getTestId(g,"original-product-price")},{children:u}),void 0)}),{},void 0),i.jsxs(d,e.__assign({"data-testid":s.getTestId(g,"final-product-price"),style:{marginLeft:"-3px"}},{children:[i.jsxs(t.Price,e.__assign({finalPriceStyled:!0},L,{size:v},{children:[h,z]}),void 0),i.jsx(t.Price,e.__assign({finalPriceStyledSmall:!0},L,{size:v},{children:C[1]?C[1]:"00"}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../pricing/clubOffer/ClubOfferTag.js"),require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../pricing/clubOffer/ClubOfferTag.js"),require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../../types/enums.js"),require("../pricing/discount/styled.js"),require("react"),require("../pricing/styles.js");var t=require("../pricing/priceLabelV2/PriceLabelV2.js");require("../pricing/priceLabelV3/PriceLabelV3.js"),require("../pricing/priceLabelV5/PriceLabelV5.styled.js");var r=require("../text/Text.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,a,l,p,c,s,d,u,x,m,b,f,g,h=i(n),j=h.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),_=h.default.div(a||(a=e.__makeTemplateObject(["\n border-radius: 8px;\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"],["\n border-radius: 8px;\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"])),(function(e){var n=e.selected,t=e.theme;return n?"2px solid ".concat(t.colors.pallete.primary.color):"1px solid ".concat(t.colors.shades[200].color)}),(function(e){return e.selected?"& label {\n font-weight: 700;\n }":""}),(function(e){return e.theme.colors.pallete.primary.color})),v=h.default(_)(l||(l=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n margin-bottom: 8px;\n\n ","\n"],["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n margin-bottom: 8px;\n\n ","\n"])),(function(e){return e.onClick?"cursor: pointer;":""})),y=h.default(_)(p||(p=e.__makeTemplateObject(["\n padding: 16px;\n"],["\n padding: 16px;\n"]))),T=h.default.div(c||(c=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ",";\n padding-bottom: 10px;\n margin-bottom: 8px;\n cursor: pointer;\n\n & input:checked + div {\n border-color: ",";\n }\n"],["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ",";\n padding-bottom: 10px;\n margin-bottom: 8px;\n cursor: pointer;\n\n & input:checked + div {\n border-color: ",";\n }\n"])),(function(e){return e.theme.colors.shades[200].color}),(function(e){return e.theme.colors.pallete.primary.color})),k=h.default.div(s||(s=e.__makeTemplateObject(["\n margin-bottom: 5px;\n"],["\n margin-bottom: 5px;\n"]))),O=h.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n padding: 8px 0px;\n svg {\n overflow: visible;\n }\n"],["\n display: flex;\n padding: 8px 0px;\n svg {\n overflow: visible;\n }\n"]))),q=h.default(r.Text)(u||(u=e.__makeTemplateObject(["\n line-height: 20px;\n margin-left: 9px;\n"],["\n line-height: 20px;\n margin-left: 9px;\n"]))),C=h.default(r.Text)(x||(x=e.__makeTemplateObject(["\n font-size: 16px;\n margin-right: 7px;\n"],["\n font-size: 16px;\n margin-right: 7px;\n"]))),L=h.default.div(m||(m=e.__makeTemplateObject(["\n margin-top: 18px;\n display: flex;\n"],["\n margin-top: 18px;\n display: flex;\n"]))),w=h.default(r.Text)(b||(b=e.__makeTemplateObject(["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"],["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"]))),P=h.default(t.PriceLabelV2)(f||(f=e.__makeTemplateObject(["\n div p {\n color: ",";\n }\n"],["\n div p {\n color: ",";\n }\n"])),(function(e){var n=e.selected,t=e.theme;return n?t.colors.shades[700].color:t.colors.shades[200].color})),V=h.default.div(g||(g=e.__makeTemplateObject([""],[""])));exports.Benefit=O,exports.BenefitText=q,exports.BenefitsContainer=k,exports.Container=V,exports.ContainerBase=_,exports.DeliveryFrequencyLabel=w,exports.FlexContainer=j,exports.SinglePurchaseContainer=v,exports.StyledPrice=P,exports.SubscriptionContainer=y,exports.SubscriptionDetails=C,exports.SubscriptionDetailsContainer=L,exports.SubscriptionHeader=T;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../pricing/clubOffer/ClubOfferTag.js"),require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../pricing/clubOffer/ClubOfferTag.js"),require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../../types/enums.js"),require("../pricing/discount/styled.js"),require("react"),require("../pricing/styles.js");var t=require("../pricing/priceLabelV2/PriceLabelV2.js");require("../pricing/priceLabelV3/PriceLabelV3.js"),require("../pricing/priceLabelV5/PriceLabelV5.styled.js");var r=require("../text/Text.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,a,p,l,c,s,d,u,m,x,b,f,g,h,v=o(n),j=v.default.div(i||(i=e.__makeTemplateObject(["\n display: flex;\n\n ","\n"],["\n display: flex;\n\n ","\n"])),(function(e){return"TheSpaDr"===e.theme.name&&"\n [data-testid='subscription-frequency'] {\n border: 0;\n padding-left: 0 !important;\n padding-right: 32px !important;\n }\n\n [role='listbox']{\n margin-left: -20px;\n }\n "})),_=v.default.div(a||(a=e.__makeTemplateObject(["\n position: absolute;\n top: -24px;\n right: 18px;\n background-color: ",";\n color: white;\n padding: 5px 10px;\n font-size: 12px;\n font-weight: bold;\n line-height: 14px;\n border-radius: ",";\n"],["\n position: absolute;\n top: -24px;\n right: 18px;\n background-color: ",";\n color: white;\n padding: 5px 10px;\n font-size: 12px;\n font-weight: bold;\n line-height: 14px;\n border-radius: ",";\n"])),(function(e){var n=e.theme;return e.isSelected?n.component.autoship.discountTag.backgroundColor:n.colors.shades[350].color}),(function(e){var n=e.theme;return"".concat(n.component.autoship.discountTag.borderRadius," \n ").concat(n.component.autoship.discountTag.borderRadius," 0 0")})),T=v.default.div(p||(p=e.__makeTemplateObject(["\n border-radius: ",";\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"],["\n border-radius: ",";\n\n border: ",";\n\n ","\n\n & input:checked + div {\n border-color: ",";\n }\n\n & label {\n cursor: pointer;\n }\n"])),(function(e){var n=e.borderRadiusValue;return null!=n?n:"8px"}),(function(e){var n=e.selected,t=e.theme;return n?function(e){var n=e.name,t=e.colors;return"TheSpaDr"===n?"2px solid ".concat(t.pallete.primary.color):"1.5px solid ".concat(t.shades[700].color)}(t):"1px solid ".concat(t.colors.shades[200].color)}),(function(e){return e.selected?"& label {\n font-weight: 700;\n }":""}),(function(e){return e.theme.colors.pallete.primary.color})),y=v.default(T)(l||(l=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n\n ","\n"],["\n display: flex;\n justify-content: space-between;\n padding: 16px;\n\n ","\n"])),(function(e){return e.onClick?"cursor: pointer;":""})),k=v.default(T)(c||(c=e.__makeTemplateObject(["\n padding: 16px;\n margin-bottom: 8px;\n position: relative;\n"],["\n padding: 16px;\n margin-bottom: 8px;\n position: relative;\n"]))),O=v.default.div(s||(s=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ",";\n padding-bottom: 10px;\n margin-bottom: 8px;\n cursor: pointer;\n\n & input:checked + div {\n border-color: ",";\n }\n"],["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ",";\n padding-bottom: 10px;\n margin-bottom: 8px;\n cursor: pointer;\n\n & input:checked + div {\n border-color: ",";\n }\n"])),(function(e){return e.theme.colors.shades[200].color}),(function(e){return e.theme.colors.pallete.primary.color})),q=v.default.div(d||(d=e.__makeTemplateObject(["\n margin-bottom: 5px;\n"],["\n margin-bottom: 5px;\n"]))),w=v.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n padding: 8px 0;\n svg {\n overflow: visible;\n }\n"],["\n display: flex;\n padding: 8px 0;\n svg {\n overflow: visible;\n }\n"]))),C=v.default(r.Text)(m||(m=e.__makeTemplateObject(["\n line-height: 20px;\n"],["\n line-height: 20px;\n"]))),L=v.default(r.Text)(x||(x=e.__makeTemplateObject(["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"],["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"]))),V=v.default(t.PriceLabelV2)(b||(b=e.__makeTemplateObject(["\n div p {\n color: ",";\n }\n"],["\n div p {\n color: ",";\n }\n"])),(function(e){var n=e.selected,t=e.theme;return n?t.colors.shades[700].color:t.colors.shades[200].color})),P=v.default.div(f||(f=e.__makeTemplateObject(["\n margin-top: 20px;\n"],["\n margin-top: 20px;\n"]))),S=v.default.div(g||(g=e.__makeTemplateObject(["\n margin: ",";\n"],["\n margin: ",";\n"])),(function(e){return e.theme.component.autoship.tooltip.margin})),B=v.default.div(h||(h=e.__makeTemplateObject(["\n margin-right: 9px;\n"],["\n margin-right: 9px;\n"])));exports.Benefit=w,exports.BenefitText=C,exports.BenefitsContainer=q,exports.BulletIconWrapper=B,exports.Container=P,exports.ContainerBase=T,exports.DeliveryFrequencyLabel=L,exports.DiscountTag=_,exports.FlexContainer=j,exports.SinglePurchaseContainer=y,exports.StyledPrice=V,exports.SubscriptionContainer=k,exports.SubscriptionHeader=O,exports.TooltipWrapper=S;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../../core/theme/Theme.js"),s=require("../../../types/enums.js");require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js");var o=require("../../pricing/price/PriceLabel.js");require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js");var t=require("../../shared/card/Card.js"),a=require("./styled.js");exports.Minimalistic=function(l){var d=l.backgroundColor,c=void 0===d?"#FFF6EF":d,n=l.borderColor,u=void 0===n?"#E7C9B2":n,g=l.originalPrice,v=l.price,b=l.savingPrice,p=l.getMorePayLessText,j=l.youAreSavingText,x=l.getQtyForText,h=l.discount,m=l.offText,y=l.widthAuto,_=void 0!==y&&y,q=l.testId,C=void 0===q?"minimalistic":q,L=i.useTheme();return r.jsx(t,e.__assign({backgroundColor:c,widthAuto:_,border:{borderColor:u,borderWidth:"0.063rem"},flex:!1},{children:r.jsxs(a.StyledWrapper,{children:[r.jsxs(a.StyledContainer,e.__assign({"data-testid":"".concat(C,"-section")},{children:[r.jsx(a.StyledContainer,{children:r.jsx(a.TextLabel,e.__assign({variant:"body",weight:"demi",size:"small"},{children:p}),void 0)},void 0),r.jsx(o.PriceLabel,{finalPrice:v,originalPrice:g,color:L.colors.pallete.secondary.color,size:s.ComponentSize.Small,testId:C},void 0)]}),void 0),r.jsxs(a.StyledContainer,e.__assign({"data-testid":"".concat(C,"-section-bottom")},{children:[r.jsxs(a.TextLabel,e.__assign({variant:"body",weight:"demi",size:"small",color:"var(--colors-pallete-red-color)"},{children:[x," ",h,"% ",m.toLocaleUpperCase()]}),void 0),r.jsxs(a.YouAreSaving,e.__assign({variant:"body",weight:"regular",size:"small"},{children:[j,": ",b]}),void 0)]}),void 0)]},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Minimalistic.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("@emotion/styled"),i=require("../../shared/card/Card.js");require("../../pricing/clubOffer/ClubOfferTag.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("@emotion/styled"),i=require("../../shared/card/Card.js");require("../../pricing/clubOffer/ClubOfferTag.js");var t=require("../../../core/theme/Theme.js"),l=require("../../../types/enums.js");require("../../pricing/discount/styled.js");var o=require("../../pricing/price/PriceLabel.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js");var c,s,d,m,u=a(r),g=u.default.div(c||(c=e.__makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"],["\n padding: 0.625rem 1.5rem;\n"]))),p=u.default.h1(s||(s=e.__makeTemplateObject(["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ",";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"],["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ",";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"])),(function(e){return e.color})),f=u.default.span(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ",";\n"],["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ",";\n"])),(function(e){return e.color})),h=u.default.span(m||(m=e.__makeTemplateObject(["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"],["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"])));exports.Simple=function(r){var a=r.title,c=r.freeShippingText,s=r.price,d=r.anyQtyForText,m=r.backgroundColor,u=r.widthAuto,j=void 0!==u&&u,b=t.useTheme();return n.jsx(i,e.__assign({backgroundColor:m,widthAuto:j},{children:n.jsxs(g,{children:[n.jsx(p,e.__assign({color:b.colors.pallete.secondary.color,"data-testid":"Title"},{children:a}),void 0),n.jsxs(f,e.__assign({color:b.colors.pallete.secondary.color,"data-testid":"Details"},{children:[d,n.jsx(h,e.__assign({"data-testid":"Price"},{children:n.jsx(o.PriceLabel,{finalPrice:s,color:"var(--colors-pallete-red-color)",size:l.ComponentSize.Small},void 0)}),void 0),"+ ",c]}),void 0)]},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Simple.js.map
|