@trafilea/afrodita-components 7.24.0 → 7.24.2
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/color/ColorRadioGroup.js +1 -1
- package/build/es/components/color/MultiColorPicker.js +1 -1
- package/build/es/components/color/SingleColorPicker.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/es/components/molecules/Video/Video.js +1 -1
- package/build/es/components/organisms/ModalZoom/VideoDisplay.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/es/components/pricing/discount/DiscountTag.js +1 -1
- package/build/es/components/pricing/price/PriceLabel.js +1 -1
- package/build/es/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/es/components/pricing/priceLabelV6/utils/priceLabelAria.js +2 -0
- package/build/es/components/pricing/priceLabelV6/utils/priceLabelAria.js.map +1 -0
- package/build/es/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/es/components/rating/Rating.js +1 -1
- package/build/es/components/rating/starList/StarList.js +1 -1
- package/build/es/components/selector/simple/SelectorSecondary.js +1 -1
- package/build/es/components/selector/simple/SimpleSelector.js +1 -1
- package/build/es/components/shared/button/BaseButton.js +1 -1
- package/build/es/components/size/selector/SizeSelector.js +1 -1
- package/build/es/index.css +1 -1
- package/build/index.d.ts +17 -2
- package/build/lib/components/color/ColorRadioGroup.js +1 -1
- package/build/lib/components/color/MultiColorPicker.js +1 -1
- package/build/lib/components/color/SingleColorPicker.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/lib/components/gallery/components/ImageProductSlide/ImageProductSlide.js +1 -1
- package/build/lib/components/molecules/Video/Video.js +1 -1
- package/build/lib/components/organisms/ModalZoom/VideoDisplay.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/lib/components/pricing/discount/DiscountTag.js +1 -1
- package/build/lib/components/pricing/price/PriceLabel.js +1 -1
- package/build/lib/components/pricing/priceLabelV2/PriceLabelV2.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/utils/priceLabelAria.js +2 -0
- package/build/lib/components/pricing/priceLabelV6/utils/priceLabelAria.js.map +1 -0
- package/build/lib/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/lib/components/rating/Rating.js +1 -1
- package/build/lib/components/rating/starList/StarList.js +1 -1
- package/build/lib/components/selector/simple/SelectorSecondary.js +1 -1
- package/build/lib/components/selector/simple/SimpleSelector.js +1 -1
- package/build/lib/components/shared/button/BaseButton.js +1 -1
- package/build/lib/components/size/selector/SizeSelector.js +1 -1
- package/build/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n,__assign as e}from"tslib";import{
|
|
1
|
+
import{__makeTemplateObject as n,__assign as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"@emotion/styled";import{RadioGroup as l}from"@headlessui/react";import{Text as t}from"../text/Text.js";var o,s,d,m,p,c=a(l)(o||(o=n(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),f=a(l.Label)(s||(s=n(["\n font-size: 0.88rem;\n"],["\n font-size: 0.88rem;\n"]))),u=a(l.Option)(d||(d=n(["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"],["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"]))),v=a.span(m||(m=n(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),g=a.div(p||(p=n(["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"],["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"]))),h=Object.assign((function(n){var i=n.value,a=n.onChange,l=n.children,t=n.className;return r(c,e({value:i,onChange:a,className:t},{children:l}),void 0)}),{Label:function(n){var a=n.label,l=n.values;return r(f,{children:i(t,e({variant:"body",weight:"regular",size:"small",asSpan:!0},{children:[a," ",r(v,{children:l},void 0)]}),void 0)},void 0)},Option:function(n){var i=n.value,a=n.children,l=n.disabled,t=n["aria-label"];return r(u,e({value:i,disabled:l,"aria-label":t},{children:a}),void 0)},OptionsContainer:g});export{h as default};
|
|
2
2
|
//# sourceMappingURL=ColorRadioGroup.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{useState as r,useEffect as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import n from"./ColorRadioGroup.js";import{ColorSelector as a}from"./selector/ColorSelector.js";import{OutOfStock as i}from"./selector/OutOfStock.js";import{PatternSelector as c}from"./selector/PatternSelector.js";var u=function(o,r){return null==r||0===r.length?t(i,{title:"out of stock color"},void 0):r.map((function(r){return t(n.Option,e({value:r,"aria-label":r.label},{children:r.meta.color?t(a,{color:r.meta.color,selected:o.has(r),testId:"".concat(r.label,"-selector")},void 0):r.meta.pattern?t(c,{url:r.meta.pattern.url,selected:o.has(r)},void 0):null}),r.label)}))},s=function(a){var i=a.options,c=void 0===i?[]:i,s=a.label,m=a.selectedValue,d=a.onChange,f=function(e,o){return o&&e.includes(o)?[o]:o&&e.length>0?[e[0]]:void 0}(c,m),p=r(new Set(f)),v=p[0],h=p[1];l((function(){d(v)}),[d,v]);var b=Array.from(v).map((function(e){return e.label})).join(" | ");return o(n,e({value:v,onChange:function(e){h((function(o){var t=new Set(o);return o.has(e)?t.delete(e):t.add(e),t}))}},{children:[t(n.Label,{label:s,values:b},void 0),t(n.OptionsContainer,{children:u(v,c)},void 0)]}),void 0)};export{s as default};
|
|
2
2
|
//# sourceMappingURL=MultiColorPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import l from"./ColorRadioGroup.js";import{ColorSelector as r}from"./selector/ColorSelector.js";import{OutOfStock as n}from"./selector/OutOfStock.js";import{PatternSelector as i}from"./selector/PatternSelector.js";var a=function(e,a,s,c){return void 0===a&&(a=!1),0===(null==e?void 0:e.length)?t(n,{title:"out of stock color"},void 0):null==e?void 0:e.map((function(e){var n;return t(l.Option,o({value:e,"aria-label":null!==(n=null==c?void 0:c[e.label])&&void 0!==n?n:e.label},{children:function(o){var l=o.checked;return e.meta.color?t(r,{color:e.meta.color,selected:l,testId:"".concat(e.label.split(" ").join("-").toLowerCase(),"-selector"),noStock:e.noStock,showCross:a,dimension:s},void 0):e.meta.pattern?t(i,{url:e.meta.pattern.url,selected:l,noStock:e.noStock,dimension:s},void 0):null}}),e.label)}))},s=function(r){var n,i=r.options,s=r.selectedValue,c=r.label,d=r.onChange,m=r.inline,u=void 0!==m&&m,v=r.showCross,p=void 0!==v&&v,f=r.dimension,b=r.translatedLabels,h=s?null!==(n=null==b?void 0:b[s.label])&&void 0!==n?n:s.label:void 0;return e(l,o({value:s,onChange:d,css:{flexDirection:u?"row":"column",alignItems:u?"center":"start"}},{children:[t(l.Label,{label:c,values:h&&!u?h:void 0},void 0),t(l.OptionsContainer,o({css:{marginTop:u?"0":"0.5rem",marginLeft:u?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:a(i,p,f,b)}),void 0)]}),void 0)};export{s as default,a as renderOptions};
|
|
2
2
|
//# sourceMappingURL=SingleColorPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var y=function(i,e){var r="eager";e&&(r=i<e?"eager":"lazy");return r},g=function(i,e){var r="auto";e&&(r=i<e?"sync":"async");return r},h=function(e){var r=e.item,t=e.index,n=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,f=e.itemsOnViewport,h=void 0===f?0:f,p=e.videoInPreview,I=void 0!==p&&p,C=e.alwaysPlayInPreview,P=void 0!==C&&C,b=e.isHorizontal,k=void 0!==b&&b,S=r.isVideo&&I&&(P||r.key===n.key);return o(u,i({role:"listitem"},{children:o(m,i({onClick:function(){return l(t)}},{children:S?o(c,i({isRatioSquare:w,isHorizontal:k},{children:o(a,{source:r.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:P||r.key===n.key,lazyLoad:!1},void 0)}),void 0):o(d,{imageUrl:(null==r?void 0:r.alt.includes("-video"))?null==r?void 0:r.thumbnailUrl:(null==r?void 0:r.thumbnailUrl)||(null==r?void 0:r.url),alt:r.alt,selected:r.key===n.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:y(t,h),decoding:g(t,h)},void 0)}),void 0)}),r.key)},p=function(a){var d=a.images,u=a.selectedImage,m=a.onClick,c=a.dataTestId,y=a.position,g=a.borderRadiusVariant,p=a.previewImgBorderColor,I=a.hasOverflowArrows,C=a.isRatioSquare,P=a.itemsOnViewport,b=void 0===P?0:P,k=a.videoInPreview,S=void 0!==k&&k,V=a.alwaysPlayInPreview,R=void 0!==V&&V;!function(i){var e=t(new Set);n((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var r=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(r)}}}),[i])}(d);return e(r,{children:[o(s,i({role:"list","data-testid":c,position:y,className:I?"imageListContainer":y,hasOverflowArrows:I,isRatioSquare:C},{children:"horizontal"==y?o("div",i({style:{maxWidth:"360px"}},{children:o(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:C,itemsOnViewport:b,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:C,itemsOnViewport:b,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[o(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),o(f,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{p as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as e}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as l}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as h,ButtonSecondaryOutlineWrapper as u}from"./styled.js";var p=function(p){var g,z=p.content,y=p.topTag,b=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,A=p.ctaText,R=p.ctaAction,T=p.hideCTA,Z=p.withZoom,w=p.isRatioSquare,x=p.videoAutoplay,C=void 0!==x&&x,k=p.hideVideoControls,P=void 0!==k&&k,S=p.zoomOptions,q=p.isActive,B=void 0===q||q,F=null==z?void 0:z.url,H=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,O=C||null==z?void 0:z.thumbnailUrl,U=P?{pointerEvents:"none"}:void 0,E=e((null==S?void 0:S.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!H&&i(t,{children:[Z?d(n,{src:F,zoomSrc:(null==z?void 0:z.zoomUrl)||F,zoomType:(null==S?void 0:S.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:w,afterZoomIn:(null==S?void 0:S.zoomModalId)?E:void 0},void 0):d(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:F,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:w,fetchPriority:"high"},void 0),d(m,o({borderRadiusVariant:V},{children:y}),void 0),d(v,o({isCTAHidden:T},{children:f}),void 0),!!b&&d(c,{children:d(h,{children:b},void 0)},void 0)]},void 0),H&&d(r,{source:F,thumbnail:O,autoPlay:C,muted:!0,loop:!0,withProgressBar:!P,style:U,isActive:B,lazyLoad:!1},void 0),A&&R&&d("div",o({style:{display:T?"none":"block"}},{children:d(u,{wide:!0,onClick:R,text:A},void 0)}),void 0),Boolean(null==S?void 0:S.zoomModalId)&&d(l,{modalId:(null==S?void 0:S.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==S?void 0:S.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PlayContainer as l,PlayIcon as m,PauseContainer as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,
|
|
1
|
+
import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PlayContainer as l,PlayIcon as m,PauseContainer as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,L=h.className,C=h.withProgressBar,A=void 0===C||C,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,z=h.lazyLoad,B=void 0!==z&&z,x=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=n(!0),M=H[0],O=H[1],V=n(!1),_=V[0],q=V[1],F=n(!!D||I),S=F[0],U=F[1],G=n(0),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=n(!1),Y=X[0],Z=X[1],$=n(!1),oo=$[0],to=$[1],ro=n(!B||w),no=ro[0],eo=ro[1],io=J>0,ao=(null===(y=E.current)||void 0===y?void 0:y.duration)?J/E.current.duration:0,uo=J===(null===(g=null==E?void 0:E.current)||void 0===g?void 0:g.duration)||0===J,co=!B||no,so=D&&co?void 0:P;e((function(){to(!1)}),[j]),e((function(){w&&!no&&eo(!0)}),[w,no]),e((function(){var o=E.current;o&&o.load()}),[j,so]),e((function(){var o=E.current;if(o)if(w&&D&&oo){o.muted=!0,U(!0);var t=o.play();void 0!==t&&t.then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)}))}else w||(o.pause(),q(!1))}),[w,D,oo]);return a(d,t({className:L},{children:[!M&&A&&u(s,{progress:ao,hide:uo},void 0),_?u(f,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(l,t({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.play().then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)})).finally((function(){return W(!1)})))}},{children:io&&u(m,{},void 0)}),void 0),k&&a(p,t({onClick:function(){E.current&&U((function(o){return!o}))}},{children:[S&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!S&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},x,{key:"".concat(j,"-").concat(so||"no-poster"),autoPlay:D&&w,muted:S,"data-testid":"video",poster:so,playsInline:!0,controls:Y,ref:E,onTimeUpdate:function(){if(E.current){var o=E.current.currentTime;requestAnimationFrame((function(){return K(o)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(){return to(!0)},onLoadedData:function(o){T&&T(o),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:b||"auto",preload:co?"metadata":"none"}),u("track",{kind:"captions"},void 0),co&&u("source",{src:j},void 0))]}),void 0)};export{h as Video};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../modal/Modal.js";import{VideoContainer as r}from"./zoomModal.styled.js";import"./ZoomModalV2.styled.js";import{Video as o}from"../../molecules/Video/Video.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../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"../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"../../timerV2/styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";var e=function(e){var i=e.content,s=e.videoAutoplay,l=void 0===s||s,a=e.videoMuted,m=void 0===a||a,p=e.videoLoop,d=void 0===p||p,c=e.hideVideoControls,n=void 0===c||c,j=e.sizes;return t(r,{children:t(o,{source:i.url,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:l,muted:m,loop:d,withProgressBar:!n,style:n?{pointerEvents:"none"}:void 0,
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"tslib";import"react";import"../../../types/enums.js";import"../../../core/theme/Theme.js";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../icon-button/IconButton.js";import"../../tag/variants/product/styled.js";import"../../collection/product/truekind/styled.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../cta/styled.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/style.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../input/base/Error.js";import"../../shared/select/BaseSelect.js";import"../../dropdown/variants/smart/styled.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"@ant-design/react-slick";import"react-zoom-pan-pinch";import"../../modal/Modal.js";import{VideoContainer as r}from"./zoomModal.styled.js";import"./ZoomModalV2.styled.js";import{Video as o}from"../../molecules/Video/Video.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/styled.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../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"../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"../../timerV2/styled.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import"../../molecules/ScarcityTag/ScarcityTag.styled.js";var e=function(e){var i=e.content,s=e.videoAutoplay,l=void 0===s||s,a=e.videoMuted,m=void 0===a||a,p=e.videoLoop,d=void 0===p||p,c=e.hideVideoControls,n=void 0===c||c,j=e.sizes;return t(r,{children:t(o,{source:i.url,thumbnail:null==i?void 0:i.thumbnailUrl,autoPlay:l,muted:m,loop:d,withProgressBar:!n,style:n?{pointerEvents:"none"}:void 0,isActive:!0,lazyLoad:!1,height:null==j?void 0:j.height,width:null==j?void 0:j.width},i.key)},void 0)};export{e as VideoDisplay};
|
|
2
2
|
//# sourceMappingURL=VideoDisplay.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as r}from"react/jsx-runtime";import e from"@ant-design/react-slick";import d from"@emotion/styled";import{useMemo as l,useRef as a,useState as u,useCallback as s,useEffect as m}from"react";import c from"react-inner-image-zoom";import v from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as p}from"../../../molecules/Video/Video.js";import{ZoomModalComponent as h}from"../../ModalZoom/index.js";import{useZoom as f}from"../../ModalZoom/useZoom.js";import{Image as g}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as b}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as x}from"../../../icons/index.js";import{stopVideoCommand as y,playVideoCommand as k}from"../utils/sendCommandToIframe.js";import{VideoDisplay as z}from"../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as V}from"../../ModalZoom/ZoomButton.js";var j,w,I,M,T,C,R,S=d.div(j||(j=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),Z=d.div(w||(w=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),A=d.div(I||(I=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),P=d.div(M||(M=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),B=d.div(T||(T=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),D=d.button(C||(C=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),
|
|
1
|
+
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as r}from"react/jsx-runtime";import e from"@ant-design/react-slick";import d from"@emotion/styled";import{useMemo as l,useRef as a,useState as u,useCallback as s,useEffect as m}from"react";import c from"react-inner-image-zoom";import v from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as p}from"../../../molecules/Video/Video.js";import{ZoomModalComponent as h}from"../../ModalZoom/index.js";import{useZoom as f}from"../../ModalZoom/useZoom.js";import{Image as g}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as b}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as x}from"../../../icons/index.js";import{stopVideoCommand as y,playVideoCommand as k}from"../utils/sendCommandToIframe.js";import{VideoDisplay as z}from"../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as V}from"../../ModalZoom/ZoomButton.js";var j,w,I,M,T,C,R,S=d.div(j||(j=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),Z=d.div(w||(w=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),A=d.div(I||(I=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),P=d.div(M||(M=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),B=d.div(T||(T=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),D=d.button(C||(C=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),L={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1},O=function(o,i){return o.loading=i?"eager":"lazy",o.decoding=i?"sync":"async",o.fetchpriority=i?"high":"auto",o},G=d.div(R||(R=o(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),N=function(o){var d=o.contents,j=o.customClick,w=void 0!==j&&j,I=o.topTag,M=o.topRightTag,T=o.bottomTag,C=o.testId,R=o.borderRadiusVariant,N=o.selectedValue,U=o.onChange,E=o.videoAutoplay,W=void 0!==E&&E,q=o.hideVideoControls,F=void 0!==q&&q,H=o.videoMuted,J=void 0===H||H,K=o.videoLoop,Q=void 0===K||K,X=o.enableZoom,Y=void 0===X||X,$=o.zoomOptions,_=l((function(){if(!N||!(null==d?void 0:d.length))return 0;var o=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));return Math.max(0,o)}),[d,N]),oo=a(null),io=a(null),no=u(_),to=no[0],ro=no[1],eo=f((null==$?void 0:$.zoomModalId)||"zoom-modal-v1").handleZoomClick,lo=Boolean(null==$?void 0:$.zoomModalId),ao=Y&&!lo;b(io);var uo=s((function(o){var i;null===(i=oo.current)||void 0===i||i.slickGoTo(o)}),[oo]),so=a(!0);return m((function(){var o;if(so.current)so.current=!1;else if(N){var i=d.findIndex((function(o){return o.url===N.url||o.key===N.key}));-1!==i&&(null===(o=oo.current)||void 0===o||o.slickGoTo(i))}}),[d,N]),n(t,{children:[w&&r("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return r(v,{onClick:function(){return uo(i)},text:String(i+1),inline:!0},i)}))}),void 0),r(S,i({"data-testid":C,borderRadiusVariant:R,ref:io},{children:r(e,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?k():y(),ro(o),null==U||U(o)}},L,{initialSlide:_,nextArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronRight,{height:2.125,width:1.25},void 0)},void 0)},void 0),prevArrow:r(B,{children:r(D,{children:r(x.Arrows.ChevronLeft,{height:2.125,width:1.25},void 0)},void 0)},void 0),ref:oo},{children:d.map((function(o,e){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,u=o.url===(null==N?void 0:N.url)||o.key===(null==N?void 0:N.key),s=e===to,m={alt:o.alt,width:"100%",height:"510px"},v=function(){if(ao)return r(c,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:O(m,u),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0);var i=O(m,u);return r(g,{src:l,alt:o.alt,width:"100%",height:"510px",loading:i.loading,decoding:i.decoding,fetchPriority:u?"high":"auto"},void 0)};return r(lo?G:"div",i({},lo?{onClick:eo}:{},{children:a?lo?r(z,{content:o},void 0):r(p,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:W,muted:J,loop:Q,withProgressBar:!F,style:F?{pointerEvents:"none"}:void 0,isActive:s,lazyLoad:!0},void 0):n(t,{children:[v(),r(Z,i({borderRadiusVariant:R,"data-testid":"topTag"},{children:I}),void 0),r(P,i({"data-testid":"bottomTag"},{children:T}),void 0),!!M&&r(A,{children:M},void 0),lo&&r(V,{modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==$?void 0:$.zoomVersion)},void 0)]},void 0)}),o.key)}))}),void 0)}),void 0),lo&&r(h,{version:null==$?void 0:$.zoomVersion,modalId:(null==$?void 0:$.zoomModalId)||"zoom-modal-v1",contents:d,initialSlide:to,fade:null==$?void 0:$.fade},void 0)]},void 0)};export{D as Button,S as Container,B as NavButtonContainer,N as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as r,jsx as i,Fragment as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as r,jsx as i,Fragment as t}from"react/jsx-runtime";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as e}from"../../../types/enums.js";import{Container as s,IconContainer as c,H3 as a}from"./styled.js";var d=function(o){var r=o.discount,n=o.offText,e=o.savings,s=o.showSavings,c=void 0!==s&&s,a=o.showOnlySavings;if(void 0!==a&&a&&e)return i(t,{children:e},void 0);var d="".concat(r,"% ").concat(n),l=c&&e?" - ".concat(e):"";return i(t,{children:"".concat(d).concat(l).trim()},void 0)},l=function(t){var l=t.discount,v=t.offText,f=t.savings,m=t.showSavings,h=void 0!==m&&m,u=t.showOnlySavings,g=void 0!==u&&u,b=t.disabled,p=t.backgroundColor,w=void 0===p?"#fff":p,y=t.borderColor,x=void 0===y?"transparent":y,S=t.textColor,C=void 0===S?"#fff":S,j=t.size,T=void 0===j?e.Medium:j,z=t.style,O=t.bordersRounded,k=void 0!==O&&O,R=t.icon,L=t.ariaLabel,M=n(),q="".concat(l,"% ").concat(v).trim(),A=h&&f?", ".concat(f):"",B=null!=L?L:g&&f?f:"".concat(q).concat(A).trim();return r(s,o({backgroundColor:b?M.colors.shades[50].color:w,borderColor:b?M.colors.shades[50].color:x,size:T,"data-testid":"discount-container",style:z,bordersRounded:k,"aria-label":B},{children:[R&&i(c,{children:R},void 0),i(a,o({textColor:b?M.colors.shades[250].color:C,size:T,style:o(o({},z),{whiteSpace:"nowrap"}),theme:M},{children:i(d,{discount:l,offText:v,savings:f,showSavings:h,showOnlySavings:g},void 0)}),void 0)]}),void 0)};export{l as DiscountTag,d as SavingsText};
|
|
2
2
|
//# sourceMappingURL=DiscountTag.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import{useTheme as
|
|
1
|
+
import{__rest as i,__assign as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import{useTheme as n}from"../../../core/theme/Theme.js";import{useWindowDimensions as o}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{Container as t,TagContainer as d,PriceContainer as p,Price as m}from"../styles.js";var v=function(i,e){var l,r,n,o,c,t,d,p;switch(i){case a.Large:return{finalPricefontSize:(null===(l=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===l?void 0:l.large)||"20px",finalPricefontSizeSmall:(null===(r=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===r?void 0:r.large)||"14px",margin:"0 0 0 0.75rem",lineHeight:"2rem"};case a.Medium:return{fontSize:(null===(n=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===n?void 0:n.medium)||"1.125rem",finalPricefontSize:(null===(o=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===o?void 0:o.medium)||"20px",finalPricefontSizeSmall:(null===(c=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===c?void 0:c.medium)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"};case a.Small:return{fontSize:(null===(t=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===t?void 0:t.small)||"14px",finalPricefontSize:(null===(d=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===d?void 0:d.small)||"20px",finalPricefontSizeSmall:(null===(p=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===p?void 0:p.small)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"}}},s=function(i,e,l,r){var n,o,a;return l?null===(n=v(i,e))||void 0===n?void 0:n.finalPricefontSize:r?null===(o=v(i,e))||void 0===o?void 0:o.finalPricefontSizeSmall:null===(a=v(i,e))||void 0===a?void 0:a.fontSize};function u(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join("-")}var f=function(v){var s=v.finalPrice,f=v.originalPrice,g=v.discount,S=v.color,P=v.originalPriceColor,z=v.testId,b=v.finalPriceStyled,h=void 0!==b&&b,L=v.finalPriceStyle,y=v.originalPriceStyled,x=void 0!==y&&y,F=v.originalPriceUnderlined,j=void 0===F||F,w=v.finalPriceAriaLabel,A=v.originalPriceAriaLabel,D=v.discountAriaLabel,T=v.size,C=void 0===T?a.Medium:T,H=v.clubStyle,M=void 0!==H&&H,E=v.invertDirection,I=void 0!==E&&E,U=v.isPrincingStyleTestEnabled,k=void 0!==U&&U,B=i(v,["finalPrice","originalPrice","discount","color","originalPriceColor","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel","size","clubStyle","invertDirection","isPrincingStyleTestEnabled"]),O=n(),W=o().isMobile,X="".concat(s),q=null==f?"":"".concat(f),G=null!=w?w:f?"Sale price ".concat(X):"Price ".concat(X),J=null!=A?A:"Original price ".concat(q),K={size:h?a.Small:C,color:S||O.colors.pallete.secondary.color,weight:700},N=function(){var i=W?a.Small:a.XSmall,l=x?C:a.Small;return r(m,e({size:M?i:l,color:P||O.component.pricing.priceLabel.price.originalPriceColor,underlined:j,"data-testid":u(z,"original-product-price"),"data-nosnippet":!0,"aria-label":J,theme:O},{children:f}),void 0)};return l(t,e({},B,{id:"priceLabel"},{children:[l(p,k?e({flexDirection:"column",gap:"0.25rem"},{children:[!!f&&r(N,{},void 0),r(m,e({"data-testid":u(z,"final-product-price")},K,{style:L,size:C,weight:400,"aria-label":G},{children:s}),void 0)]}):e({flexDirection:I?"row-reverse":"row"},M?{children:[!!f&&r(N,{},void 0),r(m,e({"data-testid":u(z,"final-product-price")},K,{style:L,size:C,"aria-label":G},{children:s}),void 0)]}:{children:[r(m,e({"data-testid":u(z,"final-product-price")},K,{style:L,size:C,"aria-label":G},{children:s}),void 0),!!f&&r(N,{},void 0)]}),void 0),g&&r(d,e({size:C},{children:r(c,e({},g,{size:C,ariaLabel:D}),void 0)}),void 0)]}),void 0)};export{f as PriceLabel,s as getFontSize,v as getStylesBySize,u as getTestId};
|
|
2
2
|
//# sourceMappingURL=PriceLabel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as a}from"../../../hooks/WindowDimensions.js";import{getCurrencySymbol as t}from"../../../utils/getCurrencySymbol/getCurrencySimbol.js";import{ComponentSize as n}from"../../../types/enums.js";import{ClubOfferTag as s}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{getTestId as d}from"../price/PriceLabel.js";import{getPriceLabelAriaTexts as p}from"../priceLabelV6/utils/priceLabelAria.js";import{VerticalContainer as u,PriceDiscountRow as m,HorizontalVariantContainer as f,HorizontalVariantRow as v,Container as b,FinalPriceStyledContainer as y,Price as P,TagContainer as h}from"../styles.js";import{PriceLabelTooltip as g}from"./PriceLabelTooltip.js";var S=function(i){var l,a=i.testId,t=i.priceCommonProps,s=i.size,c=i.currencySymbol,p=i.finalPriceArray,u=i.productFinalPrice,m=i.showDecimals,f=i.pricePerItem,v=i.theme,b=i.isHorizontalLayout,h=void 0!==b&&b,g=i.isVerticalLayout,S=void 0!==g&&g,L=i.ariaLabel,z=h?o(o({},t),{size:n.Small,style:{fontSize:"14px"}}):t,x=S?o(o({},t),{size:n.Small,style:{fontSize:"16px"}}):t,D=h?z:S?x:t;return e(y,o({"data-testid":d(a,"final-product-price"),"aria-label":L},{children:[r(P,o({margin:!0,finalPriceStyledSmall:!h&&!S},D,{size:h||S?n.Small:s,"aria-hidden":"true"},{children:c}),void 0),r(P,o({finalPriceStyled:!h&&!S},D,{size:h||S?n.Small:s,"aria-hidden":"true"},{children:p[0]?p[0]:null===(l="".concat(u))||void 0===l?void 0:l.split(c)[1]}),void 0),m&&e(P,o({finalPriceStyledSmall:!h&&!S,style:h?{fontSize:"14px"}:S?{fontSize:"16px"}:{marginTop:"-6px"}},D,{size:h||S?n.Small:s,"aria-hidden":"true"},{children:[(h||S)&&".",p[1]?p[1]:"00"]}),void 0),f&&r(P,o({size:n.Small,color:v.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},L=function(i){var e=i.isDiscount,l=i.discount,a=i.bordersRounded,t=i.savingsDisplay,s=i.currencySymbol,d=i.savetoString,p=i.isHorizontalLayout,u=void 0!==p&&p,m=i.ariaLabel;return e?r(h,o({size:n.Small},{children:l&&r(c,o({},l,{size:n.Medium,style:o({letterSpacing:"-0.05rem"},u&&{fontSize:"12px"}),bordersRounded:a,savings:t?"Save ".concat(s).concat(d):void 0,ariaLabel:m}),void 0)}),void 0):null},z=function(i){var e=i.isClubOffer,l=i.clubOffer;return e?r(h,o({size:n.Medium},{children:l&&r(s,o({},l,{size:n.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0):null},x=function(s){var c=s.finalPrice,y=s.originalPrice,h=s.discount,x=s.clubOffer,D=s.color,I=s.testId,O=s.originalPriceStyled,A=void 0!==O&&O,C=s.originalPriceUnderlined,j=void 0===C||C,H=s.size,w=void 0===H?n.Small:H,R=s.bordersRounded,T=void 0!==R&&R,V=s.savingsDisplay,M=void 0===V||V,F=s.pricePerItem,N=s.hasRoundedSavings,U=void 0===N||N,k=s.showDecimals,W=void 0===k||k,$=s.tooltipText,q=s.tooltipIcon,B=s.tooltipPosition,E=s.hasVerticalLayout,G=void 0!==E&&E,J=s.hasHorizontalLayout,K=void 0!==J&&J,Q=s.isMobile,X=void 0!==Q&&Q,Y=s.finalPriceAriaLabel,Z=s.originalPriceAriaLabel,_=s.discountAriaLabel,ii=i(s,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","hasVerticalLayout","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),oi=l(),ei=a().isMobile,ri=F||c,li=y!==ri,ai=y&&li,ti=!(!h||!li),ni=!(!x||!li),si="$";"string"==typeof ri&&(si=t(ri));var ci,di,pi="string"==typeof ri&&ri.includes(".")&&ri.includes(si)?ri.split(si)[1].split("."):["",""],ui={size:n.Small,color:ni?"var(--colors-pallete-wine-color)":D||oi.colors.pallete.secondary.color,weight:700};"string"==typeof y&&"string"==typeof ri?(ci=Number(y.replace(si,"")),di=Number(ri.replace(si,""))):(ci="number"==typeof y?y:0,di="number"==typeof ri?ri:0);var mi=ci-di;if(U){var fi=Number((mi-Math.floor(mi)).toFixed(2));fi>=.01&&fi<.5?mi=Math.floor(mi)+0:fi>=.51&&fi<1&&(mi=Math.floor(mi)+.5)}var vi=mi.toFixed(2),bi=p({productFinalPrice:ri,originalPrice:y,currencySymbol:si,isOriginalPrice:!!ai,finalPriceAriaLabel:Y,originalPriceAriaLabel:Z}),yi=bi.computedFinalPriceLabel,Pi=bi.computedOriginalPriceLabel,hi=function(){return r(P,o({size:A?w:n.Small,color:oi.component.pricing.priceLabel.price.originalPriceColor||oi.colors.shades[300].color,margin:!G,underlined:j,"data-testid":d(I,"original-product-price"),"data-nosnippet":!0,style:K?{fontSize:"12px"}:void 0,"aria-label":Pi},{children:y}),void 0)};return G?e(u,o({},ii,{id:"priceLabelV2"},{children:[$&&r(g,{tooltipText:$,tooltipIcon:q,tooltipPosition:B,isMobile:null!=X?X:ei},void 0),ai&&r(hi,{},void 0),e(m,{children:[r(L,{isDiscount:ti,discount:h,bordersRounded:T,savingsDisplay:M,currencySymbol:si,savetoString:vi,isHorizontalLayout:K,ariaLabel:_},void 0),r(z,{isClubOffer:ni,clubOffer:x},void 0),r(S,{testId:I,priceCommonProps:ui,size:w,currencySymbol:si,finalPriceArray:pi,productFinalPrice:ri,showDecimals:W,pricePerItem:F,theme:oi,isHorizontalLayout:K,isVerticalLayout:G,ariaLabel:yi},void 0)]},void 0)]}),void 0):K?r(f,o({},ii,{id:"priceLabelV2"},{children:e(v,{children:[$&&r(g,{tooltipText:$,tooltipIcon:q,tooltipPosition:B},void 0),r(S,{testId:I,priceCommonProps:ui,size:w,currencySymbol:si,finalPriceArray:pi,productFinalPrice:ri,showDecimals:W,pricePerItem:F,theme:oi,isHorizontalLayout:K,isVerticalLayout:G,ariaLabel:yi},void 0),ai&&r(hi,{},void 0),r(L,{isDiscount:ti,discount:h,bordersRounded:T,savingsDisplay:M,currencySymbol:si,savetoString:vi,isHorizontalLayout:K,ariaLabel:_},void 0),r(z,{isClubOffer:ni,clubOffer:x},void 0)]},void 0)}),void 0):e(b,o({},ii,{id:"priceLabelV2"},{children:[$&&r(g,{tooltipText:$,tooltipIcon:q,tooltipPosition:B},void 0),ai&&r(hi,{},void 0),r(S,{testId:I,priceCommonProps:ui,size:w,currencySymbol:si,finalPriceArray:pi,productFinalPrice:ri,showDecimals:W,pricePerItem:F,theme:oi,isHorizontalLayout:K,isVerticalLayout:G,ariaLabel:yi},void 0),r(L,{isDiscount:ti,discount:h,bordersRounded:T,savingsDisplay:M,currencySymbol:si,savetoString:vi,isHorizontalLayout:K,ariaLabel:_},void 0),r(z,{isClubOffer:ni,clubOffer:x},void 0)]}),void 0)};export{x as PriceLabelV2};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsx as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as t}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{HorizontalVariantContainer as n,HorizontalVariantRow as s,Container as c}from"../styles.js";import{PriceSection as d,OriginalPriceSection as m,TooltipSection as p,TagsSection as u}from"./PriceLabelV6Components.js";import{extractCurrencySymbol as b,splitPriceIntoParts as P,calculateSavings as v}from"./utils/priceParsing.js";import{getPriceLabelAriaTexts as y}from"./utils/priceLabelAria.js";import{applyRoundedSavings as f,formatSavingsToString as g}from"./utils/savingsRounding.js";var L=function(L){var h=L.finalPrice,z=L.originalPrice,S=L.discount,I=L.clubOffer,A=L.color,D=L.testId,j=L.originalPriceStyled,w=void 0!==j&&j,H=L.originalPriceUnderlined,O=void 0===H||H,R=L.size,x=void 0===R?a.Small:R,C=L.bordersRounded,M=void 0!==C&&C,T=L.savingsDisplay,F=void 0===T||T,U=L.pricePerItem,V=L.hasRoundedSavings,k=void 0===V||V,W=L.showDecimals,q=void 0===W||W,B=L.tooltipText,E=L.tooltipIcon,G=L.tooltipPosition,J=L.hasHorizontalLayout,K=void 0!==J&&J,N=L.isMobile,Q=void 0!==N&&N,X=L.finalPriceAriaLabel,Y=L.originalPriceAriaLabel,Z=L.discountAriaLabel,$=i(L,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),_=l(),ii=t().isMobile,oi=U||h,ri=z!==oi,ei=z&&ri,li=!(!S||!ri),ti=!(!I||!ri),ai=b(oi),ni=P("string"==typeof oi?oi:"",ai),si={size:a.Small,color:ti?"var(--colors-pallete-wine-color)":A||_.colors.pallete.secondary.color,weight:700},ci=v(z||0,oi,ai),di=f(ci,k),mi=g(di),pi=y({productFinalPrice:oi,originalPrice:z,currencySymbol:ai,isOriginalPrice:!!ei,finalPriceAriaLabel:X,originalPriceAriaLabel:Y}),ui=pi.computedFinalPriceLabel,bi=pi.computedOriginalPriceLabel;return K?r(n,o({},$,{id:"priceLabelV6"},{children:e(s,o({"data-testid":"horizontal-variant-row"},{children:[r(d,{testId:D,priceCommonProps:si,size:x,currencySymbol:ai,finalPriceArray:ni,productFinalPrice:oi,showDecimals:q,pricePerItem:U,theme:_,isHorizontalLayout:K,ariaLabel:ui},void 0),ei&&r(m,{originalPrice:z,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:_,hasHorizontalLayout:K,ariaLabel:bi},void 0),r(p,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=Q?Q:ii},void 0),r(u,{isDiscount:li,discount:S,bordersRounded:M,savingsDisplay:F,currencySymbol:ai,savetoString:mi,isHorizontalLayout:K,isClubOffer:ti,clubOffer:I,discountAriaLabel:Z},void 0)]}),void 0)}),void 0):e(c,o({},$,{id:"priceLabelV6"},{children:[ei&&r(m,{originalPrice:z,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:_,hasHorizontalLayout:K,ariaLabel:bi},void 0),r(p,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=Q?Q:ii},void 0),r(d,{testId:D,priceCommonProps:si,size:x,currencySymbol:ai,finalPriceArray:ni,productFinalPrice:oi,showDecimals:q,pricePerItem:U,theme:_,isHorizontalLayout:K,ariaLabel:ui},void 0),r(u,{isDiscount:li,discount:S,bordersRounded:M,savingsDisplay:F,currencySymbol:ai,savetoString:mi,isHorizontalLayout:K,isClubOffer:ti,clubOffer:I,discountAriaLabel:Z},void 0)]}),void 0)};export{L as PriceLabelV6};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsx as e,jsxs as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as a}from"../discount/DiscountTag.js";import{getTestId as n}from"../price/PriceLabel.js";import{Price as d,FinalPriceStyledContainer as s,TagContainer as c}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(r){var o=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,s=r.size,c=r.testId,p=r.theme,m=r.hasHorizontalLayout,u=r.ariaLabel;return e(d,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":n(c,"original-product-price"),"data-nosnippet":!0,style:m?{fontSize:"12px"}:void 0,"aria-label":u},{children:o}),void 0)},v=function(o){var l=o.testId,a=o.priceCommonProps,c=o.size,p=o.currencySymbol,m=o.finalPriceArray,u=o.productFinalPrice,f=o.showDecimals,v=o.pricePerItem,h=o.theme,S=o.isHorizontalLayout,b=void 0!==S&&S,y=o.ariaLabel,g=b?i(i({},a),{size:t.Small,style:{fontSize:"14px"}}):a;return r(s,i({"data-testid":n(l,"final-product-price"),"aria-label":y},{children:[e(d,i({margin:!0,finalPriceStyledSmall:!b},g,{size:b?t.Small:c,"aria-hidden":"true"},{children:p}),void 0),e(d,i({finalPriceStyled:!b},g,{size:b?t.Small:c,"aria-hidden":"true"},{children:m[0]||("string"==typeof u&&u.includes(p)?"".concat(u).split(p)[1]:"".concat(u))}),void 0),f&&r(d,i({finalPriceStyledSmall:!b,style:b?{fontSize:"14px"}:{marginTop:"-6px"}},g,{size:b?t.Small:c,"aria-hidden":"true"},{children:[b&&".",m[1]?m[1]:"00"]}),void 0),v&&e(d,i({size:t.Small,color:h.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},h=function(n){var d=n.isDiscount,s=n.discount,p=n.bordersRounded,m=n.savingsDisplay,u=n.currencySymbol,f=n.savetoString,v=n.isHorizontalLayout,h=void 0!==v&&v,S=n.isClubOffer,b=n.clubOffer,y=n.discountAriaLabel;return r(o,{children:[d&&e(c,i({size:t.Small},{children:s&&e(a,i({},s,{size:t.Medium,style:i({letterSpacing:"-0.05rem"},h&&{fontSize:"12px"}),bordersRounded:p,savings:m?"Save ".concat(u).concat(f):void 0,ariaLabel:y}),void 0)}),void 0),S&&e(c,i({size:t.Medium},{children:b&&e(l,i({},b,{size:t.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},S=function(r){var o=r.tooltipText,t=r.tooltipIcon,l=r.tooltipPosition,a=r.isMobile;if(!o)return null;var n=u();return e(p,i({"data-testid":"PriceLabelV6-TooltipWrapper"},n,{children:e(m,{tooltipText:o,tooltipIcon:t,tooltipPosition:l,isMobile:a},void 0)}),void 0)};export{f as OriginalPriceSection,v as PriceSection,h as TagsSection,S as TooltipSection};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Components.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{createStopPropagationHandlers as r}from"./utils/eventHandlers.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var n=m.tooltipText,a=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.borderColor,b=void 0===d?"#EAEAEA":d,j=r();return t(e,o({"data-testid":"tooltip-container"},j,{children:t("div",o({},j,{children:t(l,o({showCloseIcon:!0,withArrow:!0,content:{text:n},position:null!=p?p:i.BottomRight,closeBtnSize:.7,borderColor:b,"data-testid":"tooltip"},{children:t(s,{name:null!=a?a:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)}),void 0)};export{m as PriceLabelV6Tooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var c=function(c){var i=c.productFinalPrice,r=c.originalPrice,a=c.currencySymbol,e=c.isOriginalPrice,n=c.finalPriceAriaLabel,l=c.originalPriceAriaLabel,o="number"==typeof i?"".concat(a).concat(i):"".concat(i),t="number"==typeof r?"".concat(a).concat(r):"".concat(r),u=null==r?"":t;return{finalPriceText:o,originalPriceText:u,computedFinalPriceLabel:null!=n?n:e?"Sale price ".concat(o):"Price ".concat(o),computedOriginalPriceLabel:null!=l?l:"Original price ".concat(u)}};export{c as getPriceLabelAriaTexts};
|
|
2
|
+
//# sourceMappingURL=priceLabelAria.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"priceLabelAria.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as t,useCallback as i}from"react";import{useTheme as a}from"../../core/theme/Theme.js";import{Container as c,IncreaseDecrease as u,NumberContainer as l}from"./styled.js";var d=function(d){var s=d.initialValue,b=void 0===s?0:s,f=d.maxValue,m=void 0===f?99:f,v=d.value,y=d.testId,h=void 0===y?"quantity-picker":y,p=d.onChange,k=d.isOutlined,q=void 0!==k&&k,x=d.increaseIcon,C=d.decreaseIcon,I=d.increaseAriaLabel,R=d.decreaseAriaLabel,D=d.quantityAriaLabel,O=a(),j=o(null!=v?v:b),A=j[0],L=j[1],M="".concat(h,"-value"),P=(null!=v?v:A)>=m,w=function(r,e){"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),e())};t((function(){p&&p(A)}),[p,A]);var K=i((function(r){return Math.max(Math.min(r,m),b)}),[m,b]);return t((function(){L((function(r){return null==v?r:K(v)}))}),[v,K]),e(c,r({borderColor:O.colors.shades[200].color,color:O.colors.shades[700].color,"data-testid":h,borderRadius:O.component.qtyPicker.borderRadius,isOutlined:q},{children:[n(u,r({"data-testid":"".concat(h,"-minus"),onClick:function(){return L((function(r){return K(r-1)}))},isOutlined:q,borderColor:O.colors.shades[200].color,borderRadius:O.component.qtyPicker.borderRadius,role:"button",tabIndex:0,onKeyDown:function(r){return w(r,(function(){return L((function(r){return K(r-1)}))}))},"aria-label":null!=R?R:"Decrease quantity","aria-controls":M,"aria-describedby":M},{children:q?C:"-"}),void 0),n(l,r({id:M,"aria-live":"polite","aria-atomic":"true","aria-label":null!=D?D:"Current quantity"},{children:A}),void 0),n(u,r({isMaxSelected:P,"data-testid":"".concat(h,"-plus"),onClick:function(){return L((function(r){return K(r+1)}))},isOutlined:q,borderColor:O.colors.shades[200].color,borderRadius:O.component.qtyPicker.borderRadius,isIncrease:!0,role:"button",tabIndex:P?-1:0,onKeyDown:function(r){return w(r,(function(){return L((function(r){return K(r+1)}))}))},"aria-label":null!=I?I:"Increase quantity","aria-controls":M,"aria-describedby":M,"aria-disabled":P},{children:q?x:"+"}),void 0)]}),void 0)};export{d as QuantityPicker};
|
|
2
2
|
//# sourceMappingURL=QuantityPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,jsx as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as i}from"../../types/enums.js";import{STARTS_NUMBER as a}from"./constants.js";import{StarList as n}from"./starList/StarList.js";import{Container as s,RatingLabel as l,CustomLabel as c}from"./styles.js";var d=function(d){var m=d.size,v=void 0===m?i.Medium:m,u=d.reviews,f=d.reviewsText,h=d.rating,p=d.showRatingText,w=void 0!==p&&p,b=d.wrapWithParenthesis,j=void 0!==b&&b,C=d.underline,g=void 0!==C&&C,x=d.reviewsContainerId,L=d.additionalContent;var y,z=r(),T=null!=u;if(T){var I=1===u?"review":"reviews";y="".concat(u," ").concat(I)}var P=y||f,R=P?", ".concat(P):"",S="".concat(h," out of ").concat(a," stars").concat(R),W=[T?"".concat(u):"",null!=f?f:""].filter(Boolean).join(" ");return t(s,e({as:x?"a":"div"},x?{href:x}:{},{"data-testid":"Container",onClick:function(e){var t;e.cancelable&&e.preventDefault(),x&&(null===(t=document.querySelector(x))||void 0===t||t.scrollIntoView({behavior:"smooth"}))},"aria-label":S},{children:[w&&o(l,e({color:z.colors.shades[700].color,"data-testid":"RatingLabel"},{children:h}),void 0),o(n,{rating:h,size:v,starsNumber:a,fill:z.component.stars.element.color},void 0),(u||f)&&o(c,e({theme:z,size:v,wrapWithParenthesis:j,underline:g,"data-testid":"CustomLabel"},{children:W}),void 0),L]}),void 0)};export{d as Rating};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as t,
|
|
1
|
+
import{__makeTemplateObject as t,__assign as r}from"tslib";import{jsx as i}from"react/jsx-runtime";import e from"@emotion/styled";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../types/enums.js";import{Icon as m}from"../../icons/index.js";import{Container as a}from"./styles.js";var s,l=e.div(s||(s=t(["\n display: flex;\n margin-right: ",";\n"],["\n display: flex;\n margin-right: ",";\n"])),(function(t){return t.marginRight})),d=function(t){var e=t.rating,s=t.starsNumber,d=t.fill,h=t.size,f=void 0===h?o.Medium:h,p=n(),c={fill:d,width:p.component.stars.element[f].width,height:p.component.stars.element[f].height};return i(a,r({"aria-hidden":"true",role:"presentation"},{children:Array.from({length:s},(function(t,n){return i(l,r({"data-testid":"star-container",marginRight:p.component.stars.element[f].marginRight},{children:n<Math.floor(e)?i(m.PDP.Star,r({},c),void 0):n===Math.floor(e)&&e%1!=0?i(m.PDP.StarHalf,r({},c),void 0):i(m.PDP.StarEmpty,r({},c),void 0)}),"star-container-".concat(n))}))}),void 0)};export{d as StarList};
|
|
2
2
|
//# sourceMappingURL=StarList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__rest as o,__assign as e}from"tslib";import{jsx as t}from"@emotion/react/jsx-runtime";import{useTheme as r}from"../../../core/theme/Theme.js";import c from"./SimpleSelector.js";var n=function(n){var l=n.text,d=n.size,s=n.disabled,a=n.active,i=n.className,m=n.testId,b=n.width,p=n.onClick,h=n.showNoStockStyles,k=n.id,u=o(n,["text","size","disabled","active","className","testId","width","onClick","showNoStockStyles","id"]),f=r(),g=a?{background:f.component.selector.hover.background,color:f.component.selector.hover.color,border:f.component.selector.hover.border,fontWeight:f.component.selector.hover.fontWeight}:{background:"".concat(f.component.selector.default.background," !important"),color:"".concat(f.component.selector.default.color," !important"),border:"".concat(f.component.selector.default.border," !important"),fontWeight:f.component.selector.default.fontWeight};return h&&(g={background:f.component.selector.noStock.background,color:f.component.selector.noStock.color,border:f.component.selector.noStock.border,fontWeight:f.component.selector.noStock.fontWeight}),t(c,e({text:l,size:d,onClick:p,className:i,disabled:s,testId:m,width:b},u,{css:e(e({},g),{whiteSpace:"nowrap","&:hover":{background:h?"":f.component.selector.hover.background,color:h?"":f.component.selector.hover.color},"&:disabled":{border:f.component.selector.disabled.border,background:f.colors.background.disabled,color:f.colors.text.disabled}}),id:k}),void 0)};export{n as default};
|
|
2
2
|
//# sourceMappingURL=SelectorSecondary.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as o}from"@emotion/react/jsx-runtime";import{useTheme as t}from"../../../core/theme/Theme.js";import{ComponentSize as i}from"../../../types/enums.js";import r from"../../shared/button/BaseButton.js";var
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o}from"@emotion/react/jsx-runtime";import{useTheme as t}from"../../../core/theme/Theme.js";import{ComponentSize as i}from"../../../types/enums.js";import r from"../../shared/button/BaseButton.js";var a=function(a){var d=a.text,s=a.className,n=a.disabled,l=void 0!==n&&n,c=a.size,m=void 0===c?i.Medium:c,b=a.active,u=void 0!==b&&b,p=a.testId,h=void 0===p?"base-button":p,f=a.width,v=void 0===f?"":f,g=a.onClick,z=a.id,x=a.role,y=a.tabIndex,W=a["aria-label"],j=a["aria-checked"],k=a["aria-controls"],w=a["aria-describedby"],I=a["aria-labelledby"],R=t(),S=function(e,o){switch(e){case i.Medium:return{padding:o.component.selector.size.medium.padding,borderRadius:o.component.selector.size.medium.borderRadius};case i.Small:return{padding:o.component.selector.size.small.padding,borderRadius:o.component.selector.size.small.borderRadius}}}(m,R),B=u?{fontWeight:R.component.selector.hover.fontWeight}:{fontWeight:R.component.selector.default.fontWeight};return o(r,e({onClick:g,disabled:l,className:s,type:"button",testId:h,role:x,tabIndex:y,"aria-label":W,"aria-checked":j,"aria-controls":k,"aria-describedby":w,"aria-labelledby":I,css:e(e(e({},S),B),{width:v,boxSizing:"border-box",fontSize:R.component.selector.fontSize,"&:hover":{fontWeight:R.component.selector.hover.fontWeight},"&:disabled":{color:R.colors.shades[250].color,cursor:"not-allowed"}}),id:z},{children:d}),void 0)};export{a as default};
|
|
2
2
|
//# sourceMappingURL=SimpleSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as a}from"@emotion/react/jsx-runtime";var r=function(r){var i=r.children,t=r.renderLeading,n=r.renderTrailing,d=r.disabled,o=r.type,l=void 0===o?"button":o,s=r.onClick,c=r.className,b=r.inline,m=r.uppercase,p=void 0===m||m,u=r.testId,x=void 0===u?"base-button":u,f=r.id,y=r.role,v=r.tabIndex,g=r["aria-label"],h=r["aria-checked"],k=r["aria-controls"],I=r["aria-describedby"],C=r["aria-labelledby"];return a("button",e({onClick:s,disabled:d,className:c,type:l,"data-testid":x,css:{display:b?"inline-flex":"flex",justifyContent:"center",alignItems:"center",padding:"0.75rem 2rem",textDecoration:"none",textTransform:p?"uppercase":"unset",boxSizing:"border-box",cursor:"pointer"},id:f,role:y,tabIndex:v,"aria-label":g,"aria-checked":h,"aria-controls":k,"aria-describedby":I,"aria-labelledby":C},{children:[t,i,n]}),void 0)};export{r as default};
|
|
2
2
|
//# sourceMappingURL=BaseButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as l}from"@emotion/react/jsx-runtime";import{Icon as t}from"../../icons/index.js";import{ComponentSize as o}from"../../../types/enums.js";import
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as l}from"@emotion/react/jsx-runtime";import{useRef as r}from"react";import{Icon as t}from"../../icons/index.js";import{ComponentSize as o}from"../../../types/enums.js";import n from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{Row as s,ButtonsContainer as c,BottomSizeTipRow as m}from"./styled.js";var u=0,v=function(v){var p,h,b=v.label,f=v.sizes,g=v.selectedValue,z=v.onChange,w=v.onClickSizeTip,S=v.inline,y=void 0!==S&&S,x=v.width,j=v.hasSizeGuide,k=void 0!==j&&j,C=v.sizeTipReferences,T=v.hasSizeTipBelowSelector,I=void 0!==T&&T,A=r(null);null!==(p=A.current)&&void 0!==p||(A.current="afrodita-size-selector-".concat(++u));var G="".concat(A.current,"-label"),F=k?null==C?void 0:C.find((function(i){return(null==i?void 0:i.size)===(null==g?void 0:g.label)})):null;return e("div",i({css:{display:"flex",flexDirection:y?"row":"column",alignItems:y?"center":"start"}},{children:[e(a,i({variant:"body",weight:"regular",size:"small",css:{alignSelf:y?"start":"inherit",padding:y?"0.75rem 0":"0"},id:G},{children:[b,!y&&l(a,i({variant:"label",weight:"demi",size:"regular"},{children:null==g?void 0:g.description}),void 0)]}),void 0),k&&!I&&e(s,i({"data-testid":"sizing-tip"},{children:[l(t.Actions.CircleInfo,{width:1.2},void 0),l(a,i({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),l(a,i({variant:"body",weight:"regular",size:"small"},{children:null==F?void 0:F.tip}),void 0),w&&l(d,{hideIcon:!0,onClick:w,title:null!==(h=null==F?void 0:F.cta)&&void 0!==h?h:"Size and Fit Guide"},void 0)]}),void 0),l(c,i({inline:y,role:"radiogroup","aria-labelledby":G},{children:null==f?void 0:f.map((function(i){var e,r=i.label===g.label,t=!i.disabled&&r,a=(e=i.label,"".concat(A.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())),d=i.description?"".concat(i.label,", ").concat(i.description):i.label;return l(n,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:o.Medium,text:i.label,active:t,disabled:i.disabled,onClick:function(){return z(i)},testId:"size-variant-".concat(i.label.split("/")[0]),width:x,showNoStockStyles:i.noStock,id:a,role:"radio","aria-checked":r,"aria-label":d},i.label)}))}),void 0),k&&I&&l(m,i({"data-testid":"sizing-tip-below-selector"},{children:l(a,i({variant:"body",weight:"regular",size:"small"},{children:null==F?void 0:F.tip}),void 0)}),void 0)]}),void 0)};export{v as default};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
package/build/es/index.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:0.063rem;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:0.063rem solid transparent;}.slick-arrow.slick-hidden{display:none;}
|
|
3
3
|
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:1.25rem;height:1.25rem;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:1.25rem;line-height:1;opacity:0.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-1.5rem;}[dir='rtl'] .slick-prev{right:-1.5rem;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-1.5rem;}[dir='rtl'] .slick-next{right:auto;left:-1.5rem;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:1.875rem;}.slick-dots{position:absolute;bottom:-1.5rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0 0.313rem;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:1.25rem;height:1.25rem;padding:0.313rem;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:0.375rem;line-height:1.25rem;position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;content:'•';text-align:center;opacity:0.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:0.75;color:black;}
|
|
4
4
|
|
|
5
|
-
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
|
|
5
|
+
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.gallery-nav-arrow{fill:#292929;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list>.slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz>div{height:auto;}}
|
package/build/index.d.ts
CHANGED
|
@@ -1414,8 +1414,9 @@ interface DiscountTagProps$1 {
|
|
|
1414
1414
|
style?: react__default.CSSProperties;
|
|
1415
1415
|
bordersRounded?: boolean;
|
|
1416
1416
|
icon?: ReactNode;
|
|
1417
|
+
ariaLabel?: string;
|
|
1417
1418
|
}
|
|
1418
|
-
declare const DiscountTag: ({ discount, offText, savings, showSavings, showOnlySavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, icon, }: DiscountTagProps$1) => JSX.Element;
|
|
1419
|
+
declare const DiscountTag: ({ discount, offText, savings, showSavings, showOnlySavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, icon, ariaLabel, }: DiscountTagProps$1) => JSX.Element;
|
|
1419
1420
|
|
|
1420
1421
|
interface ProductTagProps {
|
|
1421
1422
|
text: string;
|
|
@@ -1455,6 +1456,9 @@ interface PriceLabelProps {
|
|
|
1455
1456
|
finalPriceStyle?: react__default.CSSProperties;
|
|
1456
1457
|
originalPriceStyled?: boolean;
|
|
1457
1458
|
originalPriceUnderlined?: boolean;
|
|
1459
|
+
finalPriceAriaLabel?: string;
|
|
1460
|
+
originalPriceAriaLabel?: string;
|
|
1461
|
+
discountAriaLabel?: string;
|
|
1458
1462
|
testId?: string;
|
|
1459
1463
|
clubStyle?: boolean;
|
|
1460
1464
|
bordersRounded?: boolean;
|
|
@@ -3023,6 +3027,8 @@ declare type VideoProps = {
|
|
|
3023
3027
|
withProgressBar?: boolean;
|
|
3024
3028
|
/** Whether this video's slide is currently visible/active. Defaults to true. */
|
|
3025
3029
|
isActive?: boolean;
|
|
3030
|
+
/** Whether to defer loading until isActive becomes true. Defaults to true for CWV optimization. */
|
|
3031
|
+
lazyLoad?: boolean;
|
|
3026
3032
|
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
3027
3033
|
declare const Video: React.FC<VideoProps>;
|
|
3028
3034
|
|
|
@@ -3773,8 +3779,11 @@ declare type QuantityPickerProps = {
|
|
|
3773
3779
|
isOutlined?: boolean;
|
|
3774
3780
|
increaseIcon?: React.ReactNode;
|
|
3775
3781
|
decreaseIcon?: React.ReactNode;
|
|
3782
|
+
increaseAriaLabel?: string;
|
|
3783
|
+
decreaseAriaLabel?: string;
|
|
3784
|
+
quantityAriaLabel?: string;
|
|
3776
3785
|
} & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
|
|
3777
|
-
declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, isOutlined, increaseIcon, decreaseIcon, }: QuantityPickerProps) => JSX.Element;
|
|
3786
|
+
declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, isOutlined, increaseIcon, decreaseIcon, increaseAriaLabel, decreaseAriaLabel, quantityAriaLabel, }: QuantityPickerProps) => JSX.Element;
|
|
3778
3787
|
|
|
3779
3788
|
interface RadioProps$1 {
|
|
3780
3789
|
name: string;
|
|
@@ -4149,7 +4158,13 @@ interface BaseButtonProps {
|
|
|
4149
4158
|
uppercase?: boolean;
|
|
4150
4159
|
testId?: string;
|
|
4151
4160
|
id?: string;
|
|
4161
|
+
role?: react__default.AriaRole;
|
|
4162
|
+
tabIndex?: number;
|
|
4163
|
+
'aria-label'?: string;
|
|
4164
|
+
'aria-checked'?: boolean;
|
|
4165
|
+
'aria-controls'?: string;
|
|
4152
4166
|
'aria-describedby'?: string;
|
|
4167
|
+
'aria-labelledby'?: string;
|
|
4153
4168
|
}
|
|
4154
4169
|
|
|
4155
4170
|
declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick' | 'testId'>;
|