@trafilea/afrodita-components 7.24.5 → 7.24.7
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/dropdown/base/BaseDropdownButton.js +1 -1
- package/build/es/components/dropdown/base/BaseDropdownOption.js +1 -1
- package/build/es/components/molecules/Video/Video.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV1/ProductCard.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/es/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/es/components/organisms/ProductCard/utils.js +2 -0
- package/build/es/components/organisms/ProductCard/utils.js.map +1 -0
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/es/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/es/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/es/components/tooltip/Styled.js +1 -1
- package/build/es/components/tooltip/Tooltip.js +1 -1
- package/build/index.d.ts +8 -3
- package/build/lib/components/dropdown/base/BaseDropdownButton.js +1 -1
- package/build/lib/components/dropdown/base/BaseDropdownOption.js +1 -1
- package/build/lib/components/molecules/Video/Video.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV1/ProductCard.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV2/ProductCardV2.js +1 -1
- package/build/lib/components/organisms/ProductCard/ProductCardV3/ProductCardV3.js +1 -1
- package/build/lib/components/organisms/ProductCard/utils.js +2 -0
- package/build/lib/components/organisms/ProductCard/utils.js.map +1 -0
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Components.js +1 -1
- package/build/lib/components/pricing/priceLabelV6/PriceLabelV6Tooltip.js +1 -1
- package/build/lib/components/quantityPicker/QuantityPicker.js +1 -1
- package/build/lib/components/tooltip/Styled.js +1 -1
- package/build/lib/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__makeTemplateObject as o,__assign as e}from"tslib";import{jsx as r,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import i from"@emotion/styled";import l,{Fragment as d}from"react";import{useTheme as s}from"../../../core/theme/Theme.js";import c from"../../shared/select/BaseSelect.js";var a,m=i.button((function(o){var e=o.theme,r=o.wide,n=o.isSortOrFilter;return{border:"0.063rem solid ".concat(n?e.colors.shades[100].color:e.colors.shades[200].color),boxSizing:"border-box",borderRadius:e.component.dropdown.borderRadius,display:"flex",flexDirection:"row",alignItems:"center",background:n?e.colors.shades[10].color:e.colors.shades.white.color,cursor:"pointer",fontWeight:600,fontSize:e.component.dropdown.fontSize,padding:e.component.dropdown.padding,fontFamily:e.fonts.config[0].family,color:e.component.dropdown.color,fill:e.component.dropdown.fill,width:r?"100%":"auto",height:r?"100%":"auto",justifyContent:r?"space-between":"center",svg:{marginLeft:"0.75rem"},"&:disabled":{borderColor:e.colors.shades[200].color,color:e.colors.shades[250].color,cursor:"not-allowed",backgroundColor:e.colors.shades.white.color,"*":{color:e.colors.shades[250].color,fill:e.colors.shades[250].color,cursor:"not-allowed"}},"&:focus-visible":{outline:"0.125rem solid ".concat(e.colors.pallete.secondary.color),outlineOffset:"0.125rem"}}})),h=i.span(a||(a=o(["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"],["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"])),(function(o){return o.open&&'\n [data-testid="CloseIcon"] {\n display: block;\n }\n [data-testid="OpenIcon"] {\n display: none;\n }\n'})),p=l.memo((function(o){var i=o.OpenIcon,l=o.CloseIcon,a=o.label,p=o.wide,f=o.children,u=o.isSortOrFilter,w=o.testId,g=s();return r(c.Button,e({as:d},{children:function(o){var d=o.open;return n(m,e({theme:g,wide:p,"data-testid":w,isSortOrFilter:u},{children:[a?n("div",e({css:{display:"flex",flexDirection:"column",alignItems:"flex-start",whiteSpace:"nowrap",overflowX:"hidden"}},{children:[r("div",e({css:{fontSize:"0.75rem",fontWeight:400,margin:"0.125rem 0"}},{children:a}),void 0),f]}),void 0):r(t,{children:f},void 0),n(h,e({open:d},{children:[r(l,{testId:"CloseIcon",height:.875,width:.875,fill:"inherit"},void 0),r(i,{testId:"OpenIcon",height:.875,width:.875,fill:"inherit"},void 0)]}),void 0)]}),void 0)}}),void 0)}));export{p as default};
|
|
2
2
|
//# sourceMappingURL=BaseDropdownButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"@emotion/styled";import{Fragment as i}from"react";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"@emotion/styled";import{Fragment as i}from"react";import{useTheme as n}from"../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../types/enums.js";import{Checkbox as a}from"../../checkbox/Checkbox.js";import d from"../../shared/select/BaseSelect.js";var c=t.li((function(e){var o=e.theme,r=e.selected,t=e.active;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e.hasImage?"center":"flex-start",margin:0,cursor:"pointer",padding:o.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:o.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontWeight:r?600:"inherit",backgroundColor:t?o.component.dropdown.options.backgroundColor||o.colors.shades[10].color:"inherit","&:focus-visible":{outline:"0.125rem solid ".concat(o.colors.pallete.secondary.color),outlineOffset:"-0.125rem"}}}));function l(t){var l=t.value,m=t.disabled,p=t.children,h=t.hasCheckbox,f=void 0!==h&&h,u=t.isSelected,v=t.hasImage,b=void 0!==v&&v,g=n();return o(d.Option,e({value:l,disabled:m,as:i},{children:function(t){var i=t.selected,n=t.active;return r(c,e({theme:g,selected:u||i,active:n,hasImage:b},{children:[f&&o(a,{checked:u||i,text:"",id:l.key,onChange:console.log,size:s.Small,variant:"primary"},void 0),p]}),void 0)}}),void 0)}export{l as default};
|
|
2
2
|
//# sourceMappingURL=BaseDropdownOption.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as t,__assign as o}from"tslib";import{useRef as r,useState as e,useEffect as n,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,PauseContainer as l,PlayContainer as m,PlayIcon as p,MuteButton as f,HTMLVideo as v}from"./styled.js";var y=function(y){var h,b,g=y.source,P=y.thumbnail,j=y.height,L=y.className,C=y.withProgressBar,A=void 0===C||C,k=y.hasAudioControl,T=y.muted,I=y.onLoadedData,D=y.autoPlay,z=y.isActive,B=void 0===z||z,N=y.lazyLoad,w=void 0!==N&&N,x=t(y,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=e(!0),M=H[0],O=H[1],V=e(!1),_=V[0],q=V[1],F=e(!!D||T),S=F[0],U=F[1],G=e(0),J=G[0],K=G[1],Q=e(!1),R=Q[0],W=Q[1],X=e(!1),Y=X[0],Z=X[1],$=e(!w||B),tt=$[0],ot=$[1],rt=r(null),et=r(!1),nt=J>0,it=(null===(h=E.current)||void 0===h?void 0:h.duration)?J/E.current.duration:0,at=J===(null===(b=null==E?void 0:E.current)||void 0===b?void 0:b.duration)||0===J,ut=!w||B||tt,ct=!D||!ut?P:void 0;n((function(){B&&!tt&&ot(!0)}),[B,tt]),n((function(){var t=E.current;t&&ut&&rt.current!==g&&(rt.current=g,et.current=!1,Z(!1),O(!0),t.load())}),[g,ut]),n((function(){var t=E.current;t&&(B&&D&&Y?t.paused&&!et.current&&(et.current=!0,t.muted=!0,U(!0),t.play().then((function(){q(!0)})).catch((function(t){"AbortError"!==t.name&&console.debug("Autoplay blocked, user can tap to play")}))):B||(et.current=!1,t.pause(),q(!1)))}),[B,D,Y]);return a(d,o({className:L},{children:[!M&&A&&u(s,{progress:it,hide:at},void 0),_?u(l,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(m,o({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.muted=!0,U(!0),E.current.play().then((function(){q(!0)})).catch((function(t){console.debug("Play failed:",t.name)})).finally((function(){return W(!1)})))}},{children:nt&&u(p,{},void 0)}),void 0),k&&a(f,o({onClick:function(){E.current&&U((function(t){return!t}))}},{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,o({},x,{key:g,autoPlay:D&&B&&ut,muted:!!D||S,"data-testid":"video",poster:ct,playsInline:!0,controls:!1,ref:E,onTimeUpdate:function(){if(E.current){var t=E.current.currentTime;requestAnimationFrame((function(){return K(t)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(t){if(Z(!0),D&&B&&!et.current){et.current=!0;var o=t.currentTarget;o.muted=!0,o.play().catch((function(t){"AbortError"!==t.name&&console.debug("Autoplay blocked, user can tap to play")}))}},onLoadedData:function(t){I&&I(t),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:j||"auto",preload:ut?D?"auto":"metadata":"none"}),u("track",{kind:"captions"},void 0),ut&&u("source",{src:g},void 0))]}),void 0)};export{y as Video};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__assign as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useMemo as
|
|
1
|
+
import{__makeTemplateObject as i,__assign as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useMemo as a}from"react";import n from"../../../SkeletonBox/SkeletonBox.js";import{useTheme as l}from"../../../../core/theme/Theme.js";import{ComponentSize as s}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as d}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Spacing as m}from"../../../shared/spacing/Spacing.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as c}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{getProductCardImageAlts as g}from"../utils.js";import{PriceLabelDisplay as h}from"./PriceLabelDisplay.js";import{RatingDisplay as p}from"./RatingDisplay.js";import{ProdCardContainer as v,Container as u,ImageContainer as f,BottomTagContainer as j,ImageHoverContainer as w,Title as b}from"./styled.js";var x,y=r.div(x||(x=i(["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"])),(function(i){return i.style.width})),S=function(i){var r=i.title,x=i.image,S=i.imageHover,L=i.price,z=i.rating,C=i.ratingPos,A=i.size,H=i.alignName,P=void 0===H?"center":H,T=i.url,k=i.className,N=i.topTag,I=i.bottomTag,D=i.onClick,M=i.priceLoading,R=i.noFollow,B=void 0!==R&&R,F=i.isRatingLoading,O=i.discountTag,V=l(),_=function(i){switch(i){case s.Small:return{width:"167px",height:"223px"};case s.Large:return{width:"262px",height:"350px"};case s.Medium:default:return{width:"205px",height:"274px"}}}(A),q=g({imageAlt:x.alt,imageHoverAlt:null==S?void 0:S.alt,title:r}),E=q.imageAlt,G=q.imageHoverAlt,J=q.imageAriaHidden,K=q.imageHoverAriaHidden,Q=a((function(){var i;return(i={},i[s.Large]=8,i[s.Medium]=4,i[s.Small]=2,i)[A]}),[A]);return e(v,t({className:k,"data-testid":"product-card-container-div"},{children:[e(u,t({as:T?"a":"div",href:T,rel:B?"nofollow":"",className:"picContainer",onClick:D},{children:[N||I?e(f,t({width:null==_?void 0:_.width,height:null==_?void 0:_.height,"data-testid":"tags-image-container"},{children:[o(d,{src:x.src,srcSet:c(x.src,180,360,720,960),alt:E,"aria-hidden":J,width:"100%",height:"100%"},void 0),o(y,t({style:{width:"inherit"}},{children:N}),void 0),o(j,t({style:{width:"inherit"}},{children:I}),void 0)]}),void 0):o(d,{src:x.src,srcSet:c(x.src,180,360,720,960),alt:E,"aria-hidden":J,width:null==_?void 0:_.width,height:null==_?void 0:_.height},void 0),S?o(w,{className:"hover__image",src:S.src,srcSet:c(S.src,180,360,720,960),loading:"lazy",alt:G,"aria-hidden":K,width:null==_?void 0:_.width,height:null==_?void 0:_.height},void 0):null]}),void 0),e(u,t({as:T?"a":"div",href:T,rel:B?"nofollow":"",onClick:D,className:"textContainer",style:{alignItems:"".concat(A===s.Small?"start":"center")}},{children:[o(m,{size:Q},void 0),"bottom"!==C&&o(p,{rating:z,size:A,isRatingLoading:F},void 0),o(m,{size:Q},void 0),o(b,t({theme:V,align:P},{children:r}),void 0),o(m,{size:Q},void 0),M?o(n,{height:"20px",width:"140px"},void 0):o(h,{price:L,discountTag:O},void 0),o(m,{size:Q},void 0),"bottom"===C&&o(p,{rating:z,size:A,isRatingLoading:F},void 0)]}),void 0)]}),void 0)};export{S as ProductCard};
|
|
2
2
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import l from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as a}from"../../../shared/spacing/Spacing.js";import{useTheme as s}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as n}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as h}from"../../../text/Text.js";import{getProductCardImageAlts as g}from"../utils.js";import{ProdCardContainer as v,Container as u,ImageContainer as f,TopTagContainer as x,BottomTagContainer as w,ImageHoverContainer as y,Title as j,DiscountLabel as b}from"./styled.js";var S=function(S){var C=S.title,L=S.image,k=S.imageHover,P=S.price,z=S.rating,A=S.size,H=S.alignName,T=void 0===H?"center":H,I=S.url,N=S.className,M=S.topTag,q=S.bottomTag,D=S.onClick,F=S.onClickEye,R=S.priceLoading,B=S.noFollow,O=void 0!==B&&B,V=S.isRatingLoading,_=S.colorsCopy,E=S.discountTag,W=S.sellingFast,X=s(),G=function(i){switch(i){case d.Medium:return{width:"205px",height:"371px"};case d.Small:return{width:"183px",height:"223px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(A),J=g({imageAlt:L.alt,imageHoverAlt:null==k?void 0:k.alt,title:C}),K=J.imageAlt,Q=J.imageHoverAlt,U=J.imageAriaHidden,Y=J.imageHoverAriaHidden,Z=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[A]}),[A]);return e(v,i({className:N,"data-testid":"product-card-container-div"},{children:[e(u,i({as:I?"a":"div",href:I,rel:O?"nofollow":"",className:"picContainer",onClick:D},{children:[M||q?e(f,i({width:null==G?void 0:G.width,height:null==G?void 0:G.height,"data-testid":"tags-image-container"},{children:[t(c,{src:L.src,srcSet:n(L.src,180,360,720,960),alt:K,"aria-hidden":U,width:"100%",height:"100%"},void 0),t(x,i({style:{width:"inherit"}},{children:M}),void 0),t(w,i({"data-testid":"bottom-tag-container",style:{width:"inherit"}},{children:q}),void 0)]}),void 0):t(c,{src:L.src,srcSet:n(L.src,180,360,720,960),alt:K,"aria-hidden":U,width:null==G?void 0:G.width,height:null==G?void 0:G.height},void 0),k?t(y,{className:"hover__image",src:k.src,srcSet:n(k.src,180,360,720,960),loading:"lazy",alt:Q,"aria-hidden":Y,width:null==G?void 0:G.width,height:null==G?void 0:G.height},void 0):null]}),void 0),e(u,i({as:I?"a":"div",href:I,rel:O?"nofollow":"",onClick:D,className:"textContainer"},{children:[t(a,{size:Z},void 0),t(a,{size:Z},void 0),t(a,{size:Z},void 0),t(h,i({variant:"link",underline:!0},{children:_}),void 0),t(a,{size:Z},void 0),t(a,{size:Z},void 0),t((function(){return V?t(l,{height:"20px",width:"80px"},void 0):z.reviews?t(p,{size:A===d.Large?d.Small:d.XSmall,rating:z.rating,reviews:z.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0),t(a,{size:Z},void 0),t(j,i({theme:X,align:T},{children:C}),void 0),e("div",i({style:{display:"flex",alignItems:"flex-start",gap:"5px",margin:"3px 0 5px -5px"}},{children:[E&&t(b,i({style:{marginLeft:"5px"}},{children:E}),void 0),W&&t(c,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:"selling-fast-copy",width:"77px",height:"22px"},void 0)]}),void 0),R?t(l,{height:"20px",width:"140px"},void 0):e("div",i({style:{display:"flex",justifyContent:"space-between",marginLeft:"-5px"}},{children:[t(m,{finalPrice:P.finalPrice,originalPrice:P.originalPrice,finalPriceStyled:!1,color:P.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0),t("button",i({"data-testid":"quick-eye-button",style:{marginLeft:"30px",backgroundColor:"transparent",border:"none",cursor:"pointer"},onClick:function(i){i.stopPropagation(),i.preventDefault(),F&&F()}},{children:t(c,{alt:"quick-view-eye",src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"28px",height:"28px",borderRadius:"1px"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)};export{S as ProductCardV2};
|
|
2
2
|
//# sourceMappingURL=ProductCardV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as o}from"react";import a from"../../../SkeletonBox/SkeletonBox.js";import{Spacing as l}from"../../../shared/spacing/Spacing.js";import{useTheme as s}from"../../../../core/theme/Theme.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as n}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as d}from"../../../../types/enums.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../pricing/discount/styled.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import{Image as c}from"../../../atoms/Image/Image.js";import{PriceLabelV2 as m}from"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import{Rating as p}from"../../../rating/Rating.js";import{Text as g}from"../../../text/Text.js";import{getProductCardImageAlts as v}from"../utils.js";import{ProdCardContainer as h,Container as u,Title as f,DiscountLabel as x}from"./styled.js";var j=function(j){var y=j.title,w=j.image;j.imageHover;var b=j.price,S=j.rating,C=j.size,k=j.alignName,P=void 0===k?"center":k,z=j.url,L=j.className;j.topTag,j.bottomTag;var T=j.onClick,A=j.onClickEye,I=j.priceLoading,N=j.noFollow,H=void 0!==N&&N,M=j.isRatingLoading,R=j.colorsCopy,q=j.discountTag,D=s(),B=function(i){switch(i){case d.Medium:return{width:"205px",height:"274px"};case d.Small:return{width:"93px",height:"124px"};case d.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(C),F=v({imageAlt:w.alt,title:y}),O=F.imageAlt,V=F.imageAriaHidden,E=o((function(){var i;return(i={},i[d.Large]=8,i[d.Medium]=4,i[d.Small]=2,i)[C]}),[C]);return e(h,i({className:L,"data-testid":"product-card-container-div"},{children:[t(u,i({"data-testid":"first-image-div",as:z?"a":"div",href:z,rel:H?"nofollow":"",className:"picContainer",onClick:T,style:{marginRight:"-90px"}},{children:t(c,{src:w.src,srcSet:n(w.src,180,360,720,960),alt:O,"aria-hidden":V,width:null==B?void 0:B.width,height:null==B?void 0:B.height},void 0)}),void 0),e(u,i({as:z?"a":"div",href:z,rel:H?"nofollow":"",onClick:T,className:"textContainer"},{children:[e("div",i({style:{display:"flex",justifyContent:"space-between"}},{children:[t(f,i({theme:D,align:P,style:{fontSize:"14px"}},{children:y}),void 0),t("button",i({"data-testid":"quick-eye-button",style:{margin:"5x 0 0 45px",backgroundColor:"transparent",border:"none",cursor:"pointer"},onClick:function(i){i.stopPropagation(),i.preventDefault(),A&&A()}},{children:t(c,{alt:"quick-view-eye",src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"32px",height:"32px",borderRadius:"1px"},void 0)}),void 0)]}),void 0),t(g,i({variant:"link",underline:!0,style:{fontSize:"12px"}},{children:R}),void 0),t(l,{size:E},void 0),I?t(a,{height:"20px",width:"140px"},void 0):t("div",i({style:{display:"flex"}},{children:t(m,{finalPrice:b.finalPrice,originalPrice:b.originalPrice,finalPriceStyled:!1,color:b.color,size:d.Small,testId:"volume-discount",clubStyle:!1},void 0)}),void 0),t(l,{size:E},void 0),t(x,i({style:{marginLeft:"5px"}},{children:q}),void 0),t(l,{size:E},void 0),t(l,{size:E},void 0),t(l,{size:E},void 0),t((function(){return M?t(a,{height:"20px",width:"80px"},void 0):S.reviews?t(p,{size:C===d.Large?d.Small:d.XSmall,rating:S.rating,reviews:S.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):t(r,{},void 0)}),{},void 0)]}),void 0)]}),void 0)};export{j as ProductCardV3};
|
|
2
2
|
//# sourceMappingURL=ProductCardV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as t}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{HorizontalVariantContainer as n,HorizontalVariantRow as s,Container as c}from"../styles.js";import{PriceSection as d,OriginalPriceSection as
|
|
1
|
+
import{__rest as i,__assign as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as l}from"../../../core/theme/Theme.js";import"react";import{useWindowDimensions as t}from"../../../hooks/WindowDimensions.js";import{ComponentSize as a}from"../../../types/enums.js";import{HorizontalVariantContainer as n,HorizontalVariantRow as s,Container as c}from"../styles.js";import{PriceSection as d,OriginalPriceSection as p,TooltipSection as m,TagsSection as u}from"./PriceLabelV6Components.js";import{extractCurrencySymbol as b,splitPriceIntoParts as P,calculateSavings as v}from"./utils/priceParsing.js";import{getPriceLabelAriaTexts as y}from"./utils/priceLabelAria.js";import{applyRoundedSavings as L,formatSavingsToString as f}from"./utils/savingsRounding.js";var g=function(g){var h=g.finalPrice,A=g.originalPrice,z=g.discount,S=g.clubOffer,I=g.color,D=g.testId,j=g.originalPriceStyled,w=void 0!==j&&j,H=g.originalPriceUnderlined,O=void 0===H||H,R=g.size,x=void 0===R?a.Small:R,C=g.bordersRounded,M=void 0!==C&&C,T=g.savingsDisplay,F=void 0===T||T,U=g.pricePerItem,V=g.hasRoundedSavings,k=void 0===V||V,W=g.showDecimals,q=void 0===W||W,B=g.tooltipText,E=g.tooltipIcon,G=g.tooltipPosition,J=g.tooltipAriaLabel,K=g.hasHorizontalLayout,N=void 0!==K&&K,Q=g.isMobile,X=void 0!==Q&&Q,Y=g.finalPriceAriaLabel,Z=g.originalPriceAriaLabel,$=g.discountAriaLabel,_=i(g,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),ii=l(),oi=t().isMobile,ri=U||h,ei=A!==ri,li=A&&ei,ti=!(!z||!ei),ai=!(!S||!ei),ni=b(ri),si=P("string"==typeof ri?ri:"",ni),ci={size:a.Small,color:ai?"var(--colors-pallete-wine-color)":I||ii.colors.pallete.secondary.color,weight:700},di=v(A||0,ri,ni),pi=L(di,k),mi=f(pi),ui=y({productFinalPrice:ri,originalPrice:A,currencySymbol:ni,isOriginalPrice:!!li,finalPriceAriaLabel:Y,originalPriceAriaLabel:Z}),bi=ui.computedFinalPriceLabel,Pi=ui.computedOriginalPriceLabel;return N?r(n,o({},_,{id:"priceLabelV6"},{children:e(s,o({"data-testid":"horizontal-variant-row"},{children:[r(d,{testId:D,priceCommonProps:ci,size:x,currencySymbol:ni,finalPriceArray:si,productFinalPrice:ri,showDecimals:q,pricePerItem:U,theme:ii,isHorizontalLayout:N,ariaLabel:bi},void 0),li&&r(p,{originalPrice:A,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:ii,hasHorizontalLayout:N,ariaLabel:Pi},void 0),r(m,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=X?X:oi,tooltipAriaLabel:J},void 0),r(u,{isDiscount:ti,discount:z,bordersRounded:M,savingsDisplay:F,currencySymbol:ni,savetoString:mi,isHorizontalLayout:N,isClubOffer:ai,clubOffer:S,discountAriaLabel:$},void 0)]}),void 0)}),void 0):e(c,o({},_,{id:"priceLabelV6"},{children:[li&&r(p,{originalPrice:A,originalPriceStyled:w,originalPriceUnderlined:O,size:x,testId:D,theme:ii,hasHorizontalLayout:N,ariaLabel:Pi},void 0),r(m,{tooltipText:B,tooltipIcon:E,tooltipPosition:G,isMobile:null!=X?X:oi,tooltipAriaLabel:J},void 0),r(d,{testId:D,priceCommonProps:ci,size:x,currencySymbol:ni,finalPriceArray:si,productFinalPrice:ri,showDecimals:q,pricePerItem:U,theme:ii,isHorizontalLayout:N,ariaLabel:bi},void 0),r(u,{isDiscount:ti,discount:z,bordersRounded:M,savingsDisplay:F,currencySymbol:ni,savetoString:mi,isHorizontalLayout:N,isClubOffer:ai,clubOffer:S,discountAriaLabel:$},void 0)]}),void 0)};export{g as PriceLabelV6};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as a}from"../discount/DiscountTag.js";import{getTestId as n}from"../price/PriceLabel.js";import{Price as d,FinalPriceStyledContainer as s,TagContainer as c}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(r){var o=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,s=r.size,c=r.testId,p=r.theme,m=r.hasHorizontalLayout,u=r.ariaLabel;return e(d,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":n(c,"original-product-price"),"data-nosnippet":!0,style:m?{fontSize:"12px"}:void 0,"aria-label":u},{children:o}),void 0)},v=function(o){var l=o.testId,a=o.priceCommonProps,c=o.size,p=o.currencySymbol,m=o.finalPriceArray,u=o.productFinalPrice,f=o.showDecimals,v=o.pricePerItem,
|
|
1
|
+
import{__assign as i}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{ComponentSize as t}from"../../../types/enums.js";import{ClubOfferTag as l}from"../clubOffer/ClubOfferTag.js";import{DiscountTag as a}from"../discount/DiscountTag.js";import{getTestId as n}from"../price/PriceLabel.js";import{Price as d,FinalPriceStyledContainer as s,TagContainer as c}from"../styles.js";import{TooltipWrapper as p}from"./PriceLabelV6.styled.js";import{PriceLabelV6Tooltip as m}from"./PriceLabelV6Tooltip.js";import{createStopPropagationHandlers as u}from"./utils/eventHandlers.js";var f=function(r){var o=r.originalPrice,l=r.originalPriceStyled,a=r.originalPriceUnderlined,s=r.size,c=r.testId,p=r.theme,m=r.hasHorizontalLayout,u=r.ariaLabel;return e(d,i({size:l?s:t.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:a,"data-testid":n(c,"original-product-price"),"data-nosnippet":!0,style:m?{fontSize:"12px"}:void 0,"aria-label":u},{children:o}),void 0)},v=function(o){var l=o.testId,a=o.priceCommonProps,c=o.size,p=o.currencySymbol,m=o.finalPriceArray,u=o.productFinalPrice,f=o.showDecimals,v=o.pricePerItem,b=o.theme,h=o.isHorizontalLayout,S=void 0!==h&&h,y=o.ariaLabel,g=S?i(i({},a),{size:t.Small,style:{fontSize:"14px"}}):a;return r(s,i({"data-testid":n(l,"final-product-price"),"aria-label":y},{children:[e(d,i({margin:!0,finalPriceStyledSmall:!S},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:p}),void 0),e(d,i({finalPriceStyled:!S},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:m[0]||("string"==typeof u&&u.includes(p)?"".concat(u).split(p)[1]:"".concat(u))}),void 0),f&&r(d,i({finalPriceStyledSmall:!S,style:S?{fontSize:"14px"}:{marginTop:"-6px"}},g,{size:S?t.Small:c,"aria-hidden":"true"},{children:[S&&".",m[1]?m[1]:"00"]}),void 0),v&&e(d,i({size:t.Small,color:b.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},b=function(n){var d=n.isDiscount,s=n.discount,p=n.bordersRounded,m=n.savingsDisplay,u=n.currencySymbol,f=n.savetoString,v=n.isHorizontalLayout,b=void 0!==v&&v,h=n.isClubOffer,S=n.clubOffer,y=n.discountAriaLabel;return r(o,{children:[d&&e(c,i({size:t.Small},{children:s&&e(a,i({},s,{size:t.Medium,style:i({letterSpacing:"-0.05rem"},b&&{fontSize:"12px"}),bordersRounded:p,savings:m?"Save ".concat(u).concat(f):void 0,ariaLabel:y}),void 0)}),void 0),h&&e(c,i({size:t.Medium},{children:S&&e(l,i({},S,{size:t.Small,style:{borderRadius:"8px",width:"107px",height:"28px",alignItems:"center",padding:"3px 8px 3px 8px",fontSize:"14px",lineHeight:"22px"}}),void 0)}),void 0)]},void 0)},h=function(r){var o=r.tooltipText,t=r.tooltipIcon,l=r.tooltipPosition,a=r.isMobile,n=r.tooltipAriaLabel;if(!o)return null;var d=u();return e(p,i({"data-testid":"PriceLabelV6-TooltipWrapper"},d,{children:e(m,{tooltipText:o,tooltipIcon:t,tooltipPosition:l,isMobile:a,tooltipAriaLabel:n},void 0)}),void 0)};export{f as OriginalPriceSection,v as PriceSection,b as TagsSection,h as TooltipSection};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Components.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{createStopPropagationHandlers as r}from"./utils/eventHandlers.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"react";import{ComponentPosition as i}from"../../../types/enums.js";import"../clubOffer/ClubOfferTag.js";import"../discount/styled.js";import{TooltipContainer as e}from"../styles.js";import{createStopPropagationHandlers as r}from"./utils/eventHandlers.js";import{Tooltip as l}from"../../tooltip/Tooltip.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";var m=function(m){var a=m.tooltipText,n=m.tooltipIcon,p=m.tooltipPosition,c=m.isMobile,d=m.borderColor,b=void 0===d?"#EAEAEA":d,j=m.tooltipAriaLabel,f=r(),u=null!=j?j:a;return t(e,o({"data-testid":"tooltip-container"},f,{children:t("div",o({},f,{children:t(l,o({showCloseIcon:!0,withArrow:!0,content:{text:a},position:null!=p?p:i.BottomRight,closeBtnSize:.7,borderColor:b,"data-testid":"tooltip",triggerAriaLabel:u,enableKeyboardToggle:!0},{children:t(s,{name:null!=n?n:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:c},void 0)}),void 0)}),void 0)}),void 0)};export{m as PriceLabelV6Tooltip};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as i,useCallback as t}from"react";import{useTheme as a}from"../../core/theme/Theme.js";import{Container as c,IncreaseDecrease as u,NumberContainer as l}from"./styled.js";var d=function(d){var s=d.initialValue,b=void 0===s?0:s,f=d.maxValue,m=void 0===f?99:f,y=d.value,v=d.testId,p=void 0===v?"quantity-picker":v,h=d.onChange,k=d.isOutlined,q=void 0!==k&&k,x=d.increaseIcon,C=d.decreaseIcon,I=d.increaseAriaLabel,R=d.decreaseAriaLabel,D=d.quantityAriaLabel,j=d.groupAriaDescribedBy,A=a(),O=o(null!=y?y:b),L=O[0],M=O[1],P="".concat(p,"-value"),g=(null!=y?y:L)>=m,w=[P,j].filter(Boolean).join(" "),B=function(r,e){"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),e())};i((function(){h&&h(L)}),[h,L]);var K=t((function(r){return Math.max(Math.min(r,m),b)}),[m,b]);return i((function(){M((function(r){return null==y?r:K(y)}))}),[y,K]),e(c,r({borderColor:A.colors.shades[200].color,color:A.colors.shades[700].color,"data-testid":p,borderRadius:A.component.qtyPicker.borderRadius,isOutlined:q},{children:[n(u,r({"data-testid":"".concat(p,"-minus"),onClick:function(){return M((function(r){return K(r-1)}))},isOutlined:q,borderColor:A.colors.shades[200].color,borderRadius:A.component.qtyPicker.borderRadius,role:"button",tabIndex:0,onKeyDown:function(r){return B(r,(function(){return M((function(r){return K(r-1)}))}))},"aria-label":null!=R?R:"Decrease quantity","aria-controls":P,"aria-describedby":w},{children:q?C:"-"}),void 0),n(l,r({id:P,"aria-live":"polite","aria-atomic":"true","aria-label":null!=D?D:"Current quantity"},{children:L}),void 0),n(u,r({isMaxSelected:g,"data-testid":"".concat(p,"-plus"),onClick:function(){return M((function(r){return K(r+1)}))},isOutlined:q,borderColor:A.colors.shades[200].color,borderRadius:A.component.qtyPicker.borderRadius,isIncrease:!0,role:"button",tabIndex:g?-1:0,onKeyDown:function(r){return B(r,(function(){return M((function(r){return K(r+1)}))}))},"aria-label":null!=I?I:"Increase quantity","aria-controls":P,"aria-describedby":w,"aria-disabled":g},{children:q?x:"+"}),void 0)]}),void 0)};export{d as QuantityPicker};
|
|
2
2
|
//# sourceMappingURL=QuantityPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,d,p,u,g,h=t.div(m||(m=n(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=t.div(l||(l=n(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n\n ","\n"])),(function(n){var t=n.position;return r(t)}),(function(n){var t=n.position,i=n.align;return e(t,i)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.position===i.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,i=n.borderColor,o=n.backgroundColor;return n.withArrow&&a(t,i,o)})),x=function(n,t,o){return n!==i.BottomLeft&&n!==i.BottomRight||t!==i.Bottom?n===i.BottomRight&&t===i.Right?"-30px":n===i.BottomLeft&&t===i.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},b=t.div(c||(c=n(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),v=t.div(s||(s=n(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,i=n.maxWidth;return null!=i?i:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),y=t.div(d||(d=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),w=t.p(p||(p=n(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),z=t.div(u||(u=n(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),B=t.button(g||(g=n(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));export{B as CloseToolTip,b as ContentWrapper,z as IconContainer,w as Title,f as TooltipContainer,v as TooltipText,y as TopSection,h as Wrapper};
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentPosition as i}from"../../types/enums.js";import{getWrapperFlexDirection as o,getContainerFlexDirection as r,getTooltipAlignItems as e,getArrowStyles as a}from"./utils.js";var m,l,c,s,d,p,u,g,h=t.div(m||(m=n(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=t.div(l||(l=n(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"])),(function(n){var t=n.position;return r(t)}),(function(n){var t=n.position,i=n.align;return e(t,i)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,i.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,i.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.forceVisible&&"\n opacity: 1;\n visibility: visible;\n "}),(function(n){return n.position===i.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,i=n.borderColor,o=n.backgroundColor;return n.withArrow&&a(t,i,o)})),x=function(n,t,o){return n!==i.BottomLeft&&n!==i.BottomRight||t!==i.Bottom?n===i.BottomRight&&t===i.Right?"-30px":n===i.BottomLeft&&t===i.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},b=t.div(c||(c=n(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),v=t.div(s||(s=n(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,i=n.maxWidth;return null!=i?i:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),y=t.div(d||(d=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),w=t.p(p||(p=n(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),z=t.div(u||(u=n(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),B=t.button(g||(g=n(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));export{B as CloseToolTip,b as ContentWrapper,z as IconContainer,w as Title,f as TooltipContainer,v as TooltipText,y as TopSection,h as Wrapper};
|
|
2
2
|
//# sourceMappingURL=Styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,jsx as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import l,{useState as r,useRef as t,useLayoutEffect as n}from"react";import{useTheme as d}from"../../core/theme/Theme.js";import{useWindowDimensions as c}from"../../hooks/WindowDimensions.js";import{Icon as a}from"../icons/index.js";import{Wrapper as s,TooltipContainer as u,CloseToolTip as v,ContentWrapper as h,TopSection as p,IconContainer as f,Title as m,TooltipText as b}from"./Styled.js";import{getCloseIconRight as g,getTooltipTextMaxWidth as C}from"./utils.js";var y=0,k=function(k){var w,x,T,I=k.children,W=k.position,j=k.content,D=k.elementContent,E=k.backgroundColor,H=k.borderColor,A=k.showCloseIcon,F=k.align,K=void 0===F?"center":F,M=k.maxWidth,S=k.onClick,B=k.header,L=k.withArrow,N=void 0!==L&&L,_=k.closeBtnSize,z=void 0===_?.5:_,R=k.triggerAriaLabel,V=k.tooltipId,q=k.enableKeyboardToggle,G=void 0!==q&&q,J=d(),O=r(0),P=O[0],Q=O[1],U=t(null),X=t(null),Y=r(0),Z=Y[0],$=Y[1],oo=t(null),io=r(!1),eo=io[0],lo=io[1],ro=r(!1),to=ro[0],no=ro[1],co=t(null);null==co.current&&(co.current=null!=V?V:"afrodita-tooltip-".concat(++y));var ao=c().isMobile;n((function(){var o=X.current;Q((null==o?void 0:o.offsetWidth)||0)}),[]),n((function(){var o=oo.current;$((null==o?void 0:o.offsetHeight)||0)}),[]);return i(s,o({ref:U,position:W,disableHover:eo,onMouseEnter:function(){return lo(eo&&!1)},"data-testid":"TooltipWrapper",onBlur:function(o){var i;if(G){var e=o.relatedTarget;e&&(null===(i=U.current)||void 0===i?void 0:i.contains(e))||no(!1)}}},{children:[e("div",o({ref:X,onClick:function(){return eo&&lo(!1)},onKeyDown:function(o){"Enter"===o.key&&eo&&lo(!1),function(o){if(G)"Enter"===o.key||" "===o.key?(o.preventDefault(),eo&&lo(!1),no((function(o){return!o}))):"Escape"===o.key&&(o.preventDefault(),no(!1))}(o)},role:"button",tabIndex:0,"aria-label":R,"aria-describedby":to&&null!==(w=co.current)&&void 0!==w?w:void 0,"aria-expanded":G?to:void 0},{children:I}),void 0),i(u,o({position:W,align:K,maxWidth:M,childrenWidth:P,tooltipHeight:Z,ref:oo,onClick:S,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(eo?"hidden":""),borderColor:H||J.colors.shades[200].color,backgroundColor:E||J.colors.shades.white.color,withArrow:N,"data-position":W,forceVisible:to,role:"tooltip",id:null!==(x=co.current)&&void 0!==x?x:void 0,"aria-hidden":G?!to:void 0,onKeyDown:function(o){var i;G&&"Escape"===o.key&&(o.preventDefault(),no(!1),null===(i=X.current)||void 0===i||i.focus())}},{children:[(A||ao)&&e(v,o({right:g(W,null==B?void 0:B.iconRight),onClick:function(){lo(!0),no(!1)}},{children:e(a.Actions.Close,{width:z,height:z,fill:null!==(T=null==B?void 0:B.iconFill)&&void 0!==T?T:J.colors.pallete.secondary.color},void 0)}),void 0),i(h,o({className:"tooltip-wrapper",borderColor:H||J.colors.shades[200].color,backgroundColor:null!=E?E:J.colors.shades.white.color},{children:[B&&i(p,o({"data-testid":"TooltipHeader"},{children:[(null==B?void 0:B.Icon)&&e(f,{children:l.createElement(B.Icon,{testId:"HeaderIcon",fill:(null==B?void 0:B.iconFill)?null==B?void 0:B.iconFill:J.colors.pallete.secondary.color})},void 0),e(m,o({color:(null==B?void 0:B.titleColor)?null==B?void 0:B.titleColor:J.colors.pallete.secondary.color},{children:B.title}),void 0)]}),void 0),j&&(null==j?void 0:j.text)?e(b,{color:(null==j?void 0:j.color)?null==j?void 0:j.color:J.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:j.text},maxWidth:C(W)},void 0):D]}),void 0)]}),void 0)]}),void 0)};export{k as Tooltip};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1389,7 +1389,7 @@ declare type ImageStyleProps = {
|
|
|
1389
1389
|
};
|
|
1390
1390
|
|
|
1391
1391
|
declare type ImgAttributes = React.ImgHTMLAttributes<HTMLImageElement>;
|
|
1392
|
-
declare type InheritedAttributes = Pick<ImgAttributes, 'sizes' | 'srcSet' | 'className' | 'loading' | 'decoding'>;
|
|
1392
|
+
declare type InheritedAttributes = Pick<ImgAttributes, 'sizes' | 'srcSet' | 'className' | 'loading' | 'decoding' | 'aria-hidden'>;
|
|
1393
1393
|
declare type ImageProps = InheritedAttributes & ImageStyleProps & {
|
|
1394
1394
|
src: string;
|
|
1395
1395
|
alt: string;
|
|
@@ -1508,6 +1508,7 @@ declare type Props$2 = PriceLabelProps & {
|
|
|
1508
1508
|
tooltipText?: string;
|
|
1509
1509
|
tooltipIcon?: IconName$1;
|
|
1510
1510
|
tooltipPosition?: ComponentPosition;
|
|
1511
|
+
tooltipAriaLabel?: string;
|
|
1511
1512
|
hasHorizontalLayout?: boolean;
|
|
1512
1513
|
isMobile?: boolean;
|
|
1513
1514
|
};
|
|
@@ -3783,8 +3784,9 @@ declare type QuantityPickerProps = {
|
|
|
3783
3784
|
increaseAriaLabel?: string;
|
|
3784
3785
|
decreaseAriaLabel?: string;
|
|
3785
3786
|
quantityAriaLabel?: string;
|
|
3787
|
+
groupAriaDescribedBy?: string;
|
|
3786
3788
|
} & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
|
|
3787
|
-
declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, isOutlined, increaseIcon, decreaseIcon, increaseAriaLabel, decreaseAriaLabel, quantityAriaLabel, }: QuantityPickerProps) => JSX.Element;
|
|
3789
|
+
declare const QuantityPicker: ({ initialValue, maxValue, value, testId, onChange, isOutlined, increaseIcon, decreaseIcon, increaseAriaLabel, decreaseAriaLabel, quantityAriaLabel, groupAriaDescribedBy, }: QuantityPickerProps) => JSX.Element;
|
|
3788
3790
|
|
|
3789
3791
|
interface RadioProps$1 {
|
|
3790
3792
|
name: string;
|
|
@@ -4351,8 +4353,11 @@ interface TooltipProps {
|
|
|
4351
4353
|
onClick?: () => void;
|
|
4352
4354
|
withArrow?: boolean;
|
|
4353
4355
|
closeBtnSize?: number;
|
|
4356
|
+
triggerAriaLabel?: string;
|
|
4357
|
+
tooltipId?: string;
|
|
4358
|
+
enableKeyboardToggle?: boolean;
|
|
4354
4359
|
}
|
|
4355
|
-
declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, }: TooltipProps) => JSX.Element;
|
|
4360
|
+
declare const Tooltip: ({ children, position, content, elementContent, backgroundColor, borderColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, closeBtnSize, triggerAriaLabel, tooltipId, enableKeyboardToggle, }: TooltipProps) => JSX.Element;
|
|
4356
4361
|
|
|
4357
4362
|
declare type SubtotalOption = {
|
|
4358
4363
|
label: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),n=require("@emotion/styled"),r=require("react"),t=require("../../../core/theme/Theme.js"),i=require("../../shared/select/BaseSelect.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d
|
|
1
|
+
"use strict";var e=require("tslib"),o=require("@emotion/react/jsx-runtime"),n=require("@emotion/styled"),r=require("react"),t=require("../../../core/theme/Theme.js"),i=require("../../shared/select/BaseSelect.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,d=s(n),c=s(r),a=d.default.button((function(e){var o=e.theme,n=e.wide,r=e.isSortOrFilter;return{border:"0.063rem solid ".concat(r?o.colors.shades[100].color:o.colors.shades[200].color),boxSizing:"border-box",borderRadius:o.component.dropdown.borderRadius,display:"flex",flexDirection:"row",alignItems:"center",background:r?o.colors.shades[10].color:o.colors.shades.white.color,cursor:"pointer",fontWeight:600,fontSize:o.component.dropdown.fontSize,padding:o.component.dropdown.padding,fontFamily:o.fonts.config[0].family,color:o.component.dropdown.color,fill:o.component.dropdown.fill,width:n?"100%":"auto",height:n?"100%":"auto",justifyContent:n?"space-between":"center",svg:{marginLeft:"0.75rem"},"&:disabled":{borderColor:o.colors.shades[200].color,color:o.colors.shades[250].color,cursor:"not-allowed",backgroundColor:o.colors.shades.white.color,"*":{color:o.colors.shades[250].color,fill:o.colors.shades[250].color,cursor:"not-allowed"}},"&:focus-visible":{outline:"0.125rem solid ".concat(o.colors.pallete.secondary.color),outlineOffset:"0.125rem"}}})),u=d.default.span(l||(l=e.__makeTemplateObject(["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"],["\n [data-testid='CloseIcon'] {\n display: none;\n }\n ","\n"])),(function(e){return e.open&&'\n [data-testid="CloseIcon"] {\n display: block;\n }\n [data-testid="OpenIcon"] {\n display: none;\n }\n'})),h=c.default.memo((function(n){var s=n.OpenIcon,l=n.CloseIcon,d=n.label,c=n.wide,h=n.children,f=n.isSortOrFilter,m=n.testId,p=t.useTheme();return o.jsx(i.Button,e.__assign({as:r.Fragment},{children:function(n){var r=n.open;return o.jsxs(a,e.__assign({theme:p,wide:c,"data-testid":m,isSortOrFilter:f},{children:[d?o.jsxs("div",e.__assign({css:{display:"flex",flexDirection:"column",alignItems:"flex-start",whiteSpace:"nowrap",overflowX:"hidden"}},{children:[o.jsx("div",e.__assign({css:{fontSize:"0.75rem",fontWeight:400,margin:"0.125rem 0"}},{children:d}),void 0),h]}),void 0):o.jsx(o.Fragment,{children:h},void 0),o.jsxs(u,e.__assign({open:r},{children:[o.jsx(l,{testId:"CloseIcon",height:.875,width:.875,fill:"inherit"},void 0),o.jsx(s,{testId:"OpenIcon",height:.875,width:.875,fill:"inherit"},void 0)]}),void 0)]}),void 0)}}),void 0)}));module.exports=h;
|
|
2
2
|
//# sourceMappingURL=BaseDropdownButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
1
|
+
"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("react"),i=require("../../../core/theme/Theme.js"),n=require("../../../types/enums.js"),s=require("../../checkbox/Checkbox.js"),a=require("../../shared/select/BaseSelect.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(r).default.li((function(e){var o=e.theme,r=e.selected,t=e.active;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e.hasImage?"center":"flex-start",margin:0,cursor:"pointer",padding:o.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:o.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontWeight:r?600:"inherit",backgroundColor:t?o.component.dropdown.options.backgroundColor||o.colors.shades[10].color:"inherit","&:focus-visible":{outline:"0.125rem solid ".concat(o.colors.pallete.secondary.color),outlineOffset:"-0.125rem"}}}));module.exports=function(r){var d=r.value,l=r.disabled,u=r.children,h=r.hasCheckbox,m=void 0!==h&&h,p=r.isSelected,f=r.hasImage,v=void 0!==f&&f,b=i.useTheme();return o.jsx(a.Option,e.__assign({value:d,disabled:l,as:t.Fragment},{children:function(r){var t=r.selected,i=r.active;return o.jsxs(c,e.__assign({theme:b,selected:p||t,active:i,hasImage:v},{children:[m&&o.jsx(s.Checkbox,{checked:p||t,text:"",id:d.key,onChange:console.log,size:n.ComponentSize.Small,variant:"primary"},void 0),u]}),void 0)}}),void 0)};
|
|
2
2
|
//# sourceMappingURL=BaseDropdownOption.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),u=require("./styled.js");exports.Video=function(a){var i,s,c=a.source,l=a.thumbnail,d=a.height,f=a.className,m=a.withProgressBar,v=void 0===m||m,y=a.hasAudioControl,p=a.muted,g=a.onLoadedData,j=a.autoPlay,h=a.isActive,b=void 0===h||h,P=a.lazyLoad,q=void 0!==P&&P,_=e.__rest(a,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),x=r.useRef(null),C=r.useState(!0),L=C[0],A=C[1],I=r.useState(!1),k=I[0],S=I[1],T=r.useState(!!j||p),E=T[0],B=T[1],D=r.useState(0),M=D[0],z=D[1],V=r.useState(!1),H=V[0],N=V[1],O=r.useState(!1),R=O[0],w=O[1],F=r.useState(!q||b),U=F[0],G=F[1],J=r.useRef(null),K=r.useRef(!1),Q=M>0,W=(null===(i=x.current)||void 0===i?void 0:i.duration)?M/x.current.duration:0,X=M===(null===(s=null==x?void 0:x.current)||void 0===s?void 0:s.duration)||0===M,Y=!q||b||U,Z=!j||!Y?l:void 0;r.useEffect((function(){b&&!U&&G(!0)}),[b,U]),r.useEffect((function(){var e=x.current;e&&Y&&J.current!==c&&(J.current=c,K.current=!1,w(!1),A(!0),e.load())}),[c,Y]),r.useEffect((function(){var e=x.current;e&&(b&&j&&R?e.paused&&!K.current&&(K.current=!0,e.muted=!0,B(!0),e.play().then((function(){S(!0)})).catch((function(e){"AbortError"!==e.name&&console.debug("Autoplay blocked, user can tap to play")}))):b||(K.current=!1,e.pause(),S(!1)))}),[b,j,R]);return t.jsxs(u.Container,e.__assign({className:f},{children:[!L&&v&&t.jsx(o.ProgressBar,{progress:W,hide:X},void 0),k?t.jsx(u.PauseContainer,{"data-testid":"pause",onClick:function(){x.current&&k&&(x.current.pause(),S(!1))}},void 0):t.jsx(u.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){x.current&&!H&&(N(!0),x.current.muted=!0,B(!0),x.current.play().then((function(){S(!0)})).catch((function(e){console.debug("Play failed:",e.name)})).finally((function(){return N(!1)})))}},{children:Q&&t.jsx(u.PlayIcon,{},void 0)}),void 0),y&&t.jsxs(u.MuteButton,e.__assign({onClick:function(){x.current&&B((function(e){return!e}))}},{children:[E&&t.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!E&&t.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.createElement(u.HTMLVideo,e.__assign({},_,{key:c,autoPlay:j&&b&&Y,muted:!!j||E,"data-testid":"video",poster:Z,playsInline:!0,controls:!1,ref:x,onTimeUpdate:function(){if(x.current){var e=x.current.currentTime;requestAnimationFrame((function(){return z(e)}))}},onCanPlay:function(){return A(!1)},onCanPlayThrough:function(e){if(w(!0),j&&b&&!K.current){K.current=!0;var r=e.currentTarget;r.muted=!0,r.play().catch((function(e){"AbortError"!==e.name&&console.debug("Autoplay blocked, user can tap to play")}))}},onLoadedData:function(e){g&&g(e),A(!1)},onPause:function(){return S(!1)},onPlaying:function(){return S(!0)},height:d||"auto",preload:Y?j?"auto":"metadata":"none"}),t.jsx("track",{kind:"captions"},void 0),Y&&t.jsx("source",{src:c},void 0))]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@emotion/styled"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@emotion/styled"),r=require("react"),a=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../../core/theme/Theme.js"),n=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var o=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js");var l=require("../../../shared/spacing/Spacing.js");require("../../../../utils/constants/offerAtCart.js");var d=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var c=require("../utils.js"),g=require("./PriceLabelDisplay.js"),u=require("./RatingDisplay.js"),m=require("./styled.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,p=h(t).default.div(v||(v=e.__makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"])),(function(e){return e.style.width}));exports.ProductCard=function(t){var h=t.title,v=t.image,j=t.imageHover,x=t.price,S=t.rating,q=t.ratingPos,C=t.size,b=t.alignName,f=void 0===b?"center":b,w=t.url,y=t.className,_=t.topTag,z=t.bottomTag,L=t.onClick,P=t.priceLoading,T=t.noFollow,I=void 0!==T&&T,A=t.isRatingLoading,H=t.discountTag,k=s.useTheme(),D=function(e){switch(e){case n.ComponentSize.Small:return{width:"167px",height:"223px"};case n.ComponentSize.Large:return{width:"262px",height:"350px"};case n.ComponentSize.Medium:default:return{width:"205px",height:"274px"}}}(C),M=c.getProductCardImageAlts({imageAlt:v.alt,imageHoverAlt:null==j?void 0:j.alt,title:h}),N=M.imageAlt,R=M.imageHoverAlt,O=M.imageAriaHidden,B=M.imageHoverAriaHidden,F=r.useMemo((function(){var e;return(e={},e[n.ComponentSize.Large]=8,e[n.ComponentSize.Medium]=4,e[n.ComponentSize.Small]=2,e)[C]}),[C]);return i.jsxs(m.ProdCardContainer,e.__assign({className:y,"data-testid":"product-card-container-div"},{children:[i.jsxs(m.Container,e.__assign({as:w?"a":"div",href:w,rel:I?"nofollow":"",className:"picContainer",onClick:L},{children:[_||z?i.jsxs(m.ImageContainer,e.__assign({width:null==D?void 0:D.width,height:null==D?void 0:D.height,"data-testid":"tags-image-container"},{children:[i.jsx(o.Image,{src:v.src,srcSet:d.getSrcSet(v.src,180,360,720,960),alt:N,"aria-hidden":O,width:"100%",height:"100%"},void 0),i.jsx(p,e.__assign({style:{width:"inherit"}},{children:_}),void 0),i.jsx(m.BottomTagContainer,e.__assign({style:{width:"inherit"}},{children:z}),void 0)]}),void 0):i.jsx(o.Image,{src:v.src,srcSet:d.getSrcSet(v.src,180,360,720,960),alt:N,"aria-hidden":O,width:null==D?void 0:D.width,height:null==D?void 0:D.height},void 0),j?i.jsx(m.ImageHoverContainer,{className:"hover__image",src:j.src,srcSet:d.getSrcSet(j.src,180,360,720,960),loading:"lazy",alt:R,"aria-hidden":B,width:null==D?void 0:D.width,height:null==D?void 0:D.height},void 0):null]}),void 0),i.jsxs(m.Container,e.__assign({as:w?"a":"div",href:w,rel:I?"nofollow":"",onClick:L,className:"textContainer",style:{alignItems:"".concat(C===n.ComponentSize.Small?"start":"center")}},{children:[i.jsx(l.Spacing,{size:F},void 0),"bottom"!==q&&i.jsx(u.RatingDisplay,{rating:S,size:C,isRatingLoading:A},void 0),i.jsx(l.Spacing,{size:F},void 0),i.jsx(m.Title,e.__assign({theme:k,align:f},{children:h}),void 0),i.jsx(l.Spacing,{size:F},void 0),P?i.jsx(a,{height:"20px",width:"140px"},void 0):i.jsx(g.PriceLabelDisplay,{price:x,discountTag:H},void 0),i.jsx(l.Spacing,{size:F},void 0),"bottom"===q&&i.jsx(u.RatingDisplay,{rating:S,size:C,isRatingLoading:A},void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),r=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),r=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var n=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var o=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),d=require("../../../atoms/PriceLabelV2/PriceLabelV2.js");require("../../../atoms/Toggle/toggle.styled.js");var c=require("../../../rating/Rating.js"),g=require("../../../text/Text.js"),u=require("../utils.js"),h=require("./styled.js");exports.ProductCardV2=function(p){var m=p.title,v=p.image,x=p.imageHover,j=p.price,S=p.rating,f=p.size,C=p.alignName,w=void 0===C?"center":C,q=p.url,y=p.className,_=p.topTag,b=p.bottomTag,z=p.onClick,P=p.onClickEye,L=p.priceLoading,T=p.noFollow,k=void 0!==T&&T,I=p.isRatingLoading,A=p.colorsCopy,H=p.discountTag,M=p.sellingFast,N=a.useTheme(),D=function(e){switch(e){case o.ComponentSize.Medium:return{width:"205px",height:"371px"};case o.ComponentSize.Small:return{width:"183px",height:"223px"};case o.ComponentSize.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(f),F=u.getProductCardImageAlts({imageAlt:v.alt,imageHoverAlt:null==x?void 0:x.alt,title:m}),R=F.imageAlt,V=F.imageHoverAlt,B=F.imageAriaHidden,O=F.imageHoverAriaHidden,E=t.useMemo((function(){var e;return(e={},e[o.ComponentSize.Large]=8,e[o.ComponentSize.Medium]=4,e[o.ComponentSize.Small]=2,e)[f]}),[f]);return i.jsxs(h.ProdCardContainer,e.__assign({className:y,"data-testid":"product-card-container-div"},{children:[i.jsxs(h.Container,e.__assign({as:q?"a":"div",href:q,rel:k?"nofollow":"",className:"picContainer",onClick:z},{children:[_||b?i.jsxs(h.ImageContainer,e.__assign({width:null==D?void 0:D.width,height:null==D?void 0:D.height,"data-testid":"tags-image-container"},{children:[i.jsx(l.Image,{src:v.src,srcSet:n.getSrcSet(v.src,180,360,720,960),alt:R,"aria-hidden":B,width:"100%",height:"100%"},void 0),i.jsx(h.TopTagContainer,e.__assign({style:{width:"inherit"}},{children:_}),void 0),i.jsx(h.BottomTagContainer,e.__assign({"data-testid":"bottom-tag-container",style:{width:"inherit"}},{children:b}),void 0)]}),void 0):i.jsx(l.Image,{src:v.src,srcSet:n.getSrcSet(v.src,180,360,720,960),alt:R,"aria-hidden":B,width:null==D?void 0:D.width,height:null==D?void 0:D.height},void 0),x?i.jsx(h.ImageHoverContainer,{className:"hover__image",src:x.src,srcSet:n.getSrcSet(x.src,180,360,720,960),loading:"lazy",alt:V,"aria-hidden":O,width:null==D?void 0:D.width,height:null==D?void 0:D.height},void 0):null]}),void 0),i.jsxs(h.Container,e.__assign({as:q?"a":"div",href:q,rel:k?"nofollow":"",onClick:z,className:"textContainer"},{children:[i.jsx(s.Spacing,{size:E},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(g.Text,e.__assign({variant:"link",underline:!0},{children:A}),void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx((function(){return I?i.jsx(r,{height:"20px",width:"80px"},void 0):S.reviews?i.jsx(c.Rating,{size:f===o.ComponentSize.Large?o.ComponentSize.Small:o.ComponentSize.XSmall,rating:S.rating,reviews:S.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):i.jsx(i.Fragment,{},void 0)}),{},void 0),i.jsx(s.Spacing,{size:E},void 0),i.jsx(h.Title,e.__assign({theme:N,align:w},{children:m}),void 0),i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"5px",margin:"3px 0 5px -5px"}},{children:[H&&i.jsx(h.DiscountLabel,e.__assign({style:{marginLeft:"5px"}},{children:H}),void 0),M&&i.jsx(l.Image,{src:"https://cdn.shopify.com/s/files/1/2679/8624/files/selling-fast-copy.png?v=1712665121",alt:"selling-fast-copy",width:"77px",height:"22px"},void 0)]}),void 0),L?i.jsx(r,{height:"20px",width:"140px"},void 0):i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",marginLeft:"-5px"}},{children:[i.jsx(d.PriceLabelV2,{finalPrice:j.finalPrice,originalPrice:j.originalPrice,finalPriceStyled:!1,color:j.color,size:o.ComponentSize.Small,testId:"volume-discount",clubStyle:!1},void 0),i.jsx("button",e.__assign({"data-testid":"quick-eye-button",style:{marginLeft:"30px",backgroundColor:"transparent",border:"none",cursor:"pointer"},onClick:function(e){e.stopPropagation(),e.preventDefault(),P&&P()}},{children:i.jsx(l.Image,{alt:"quick-view-eye",src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"28px",height:"28px",borderRadius:"1px"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductCardV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),n=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var o=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var a=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("../../../SkeletonBox/SkeletonBox.js"),s=require("../../../shared/spacing/Spacing.js"),n=require("../../../../core/theme/Theme.js");require("../../../../utils/constants/offerAtCart.js");var o=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var a=require("../../../../types/enums.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../pricing/discount/styled.js"),require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js");var l=require("../../../atoms/Image/Image.js"),d=require("../../../atoms/PriceLabelV2/PriceLabelV2.js");require("../../../atoms/Toggle/toggle.styled.js");var c=require("../../../rating/Rating.js"),u=require("../../../text/Text.js"),g=require("../utils.js"),p=require("./styled.js");exports.ProductCardV3=function(m){var v=m.title,x=m.image;m.imageHover;var h=m.price,j=m.rating,S=m.size,f=m.alignName,C=void 0===f?"center":f,q=m.url,y=m.className;m.topTag,m.bottomTag;var b=m.onClick,w=m.onClickEye,z=m.priceLoading,_=m.noFollow,P=void 0!==_&&_,L=m.isRatingLoading,k=m.colorsCopy,T=m.discountTag,I=n.useTheme(),A=function(e){switch(e){case a.ComponentSize.Medium:return{width:"205px",height:"274px"};case a.ComponentSize.Small:return{width:"93px",height:"124px"};case a.ComponentSize.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}}(S),M=g.getProductCardImageAlts({imageAlt:x.alt,title:v}),N=M.imageAlt,R=M.imageAriaHidden,D=r.useMemo((function(){var e;return(e={},e[a.ComponentSize.Large]=8,e[a.ComponentSize.Medium]=4,e[a.ComponentSize.Small]=2,e)[S]}),[S]);return i.jsxs(p.ProdCardContainer,e.__assign({className:y,"data-testid":"product-card-container-div"},{children:[i.jsx(p.Container,e.__assign({"data-testid":"first-image-div",as:q?"a":"div",href:q,rel:P?"nofollow":"",className:"picContainer",onClick:b,style:{marginRight:"-90px"}},{children:i.jsx(l.Image,{src:x.src,srcSet:o.getSrcSet(x.src,180,360,720,960),alt:N,"aria-hidden":R,width:null==A?void 0:A.width,height:null==A?void 0:A.height},void 0)}),void 0),i.jsxs(p.Container,e.__assign({as:q?"a":"div",href:q,rel:P?"nofollow":"",onClick:b,className:"textContainer"},{children:[i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between"}},{children:[i.jsx(p.Title,e.__assign({theme:I,align:C,style:{fontSize:"14px"}},{children:v}),void 0),i.jsx("button",e.__assign({"data-testid":"quick-eye-button",style:{margin:"5x 0 0 45px",backgroundColor:"transparent",border:"none",cursor:"pointer"},onClick:function(e){e.stopPropagation(),e.preventDefault(),w&&w()}},{children:i.jsx(l.Image,{alt:"quick-view-eye",src:"https://cdn.shopify.com/s/files/1/0242/7086/4465/files/quick-view-eye.png?v=1712256686",width:"32px",height:"32px",borderRadius:"1px"},void 0)}),void 0)]}),void 0),i.jsx(u.Text,e.__assign({variant:"link",underline:!0,style:{fontSize:"12px"}},{children:k}),void 0),i.jsx(s.Spacing,{size:D},void 0),z?i.jsx(t,{height:"20px",width:"140px"},void 0):i.jsx("div",e.__assign({style:{display:"flex"}},{children:i.jsx(d.PriceLabelV2,{finalPrice:h.finalPrice,originalPrice:h.originalPrice,finalPriceStyled:!1,color:h.color,size:a.ComponentSize.Small,testId:"volume-discount",clubStyle:!1},void 0)}),void 0),i.jsx(s.Spacing,{size:D},void 0),i.jsx(p.DiscountLabel,e.__assign({style:{marginLeft:"5px"}},{children:T}),void 0),i.jsx(s.Spacing,{size:D},void 0),i.jsx(s.Spacing,{size:D},void 0),i.jsx(s.Spacing,{size:D},void 0),i.jsx((function(){return L?i.jsx(t,{height:"20px",width:"80px"},void 0):j.reviews?i.jsx(c.Rating,{size:S===a.ComponentSize.Large?a.ComponentSize.Small:a.ComponentSize.XSmall,rating:j.rating,reviews:j.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):i.jsx(i.Fragment,{},void 0)}),{},void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductCardV3.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getProductCardImageAlts=function(e){var t=e.imageAlt,i=e.imageHoverAlt,r=e.title,a=t||r||"",o=null!=i?i:a;return{imageAlt:a,imageHoverAlt:o,imageAriaHidden:""===a||void 0,imageHoverAriaHidden:""===o||void 0}};
|
|
2
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),o=require("../../../core/theme/Theme.js");require("react");var r=require("../../../hooks/WindowDimensions.js"),a=require("../../../types/enums.js"),t=require("../styles.js"),l=require("./PriceLabelV6Components.js"),n=require("./utils/priceParsing.js"),s=require("./utils/priceLabelAria.js"),c=require("./utils/savingsRounding.js");exports.PriceLabelV6=function(d){var u=d.finalPrice,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),o=require("../../../core/theme/Theme.js");require("react");var r=require("../../../hooks/WindowDimensions.js"),a=require("../../../types/enums.js"),t=require("../styles.js"),l=require("./PriceLabelV6Components.js"),n=require("./utils/priceParsing.js"),s=require("./utils/priceLabelAria.js"),c=require("./utils/savingsRounding.js");exports.PriceLabelV6=function(d){var u=d.finalPrice,p=d.originalPrice,P=d.discount,b=d.clubOffer,g=d.color,v=d.testId,m=d.originalPriceStyled,y=void 0!==m&&m,L=d.originalPriceUnderlined,S=void 0===L||L,f=d.size,h=void 0===f?a.ComponentSize.Small:f,j=d.bordersRounded,x=void 0!==j&&j,z=d.savingsDisplay,A=void 0===z||z,I=d.pricePerItem,D=d.hasRoundedSavings,T=void 0===D||D,q=d.showDecimals,O=void 0===q||q,w=d.tooltipText,C=d.tooltipIcon,H=d.tooltipPosition,_=d.tooltipAriaLabel,R=d.hasHorizontalLayout,M=void 0!==R&&R,V=d.isMobile,F=void 0!==V&&V,U=d.finalPriceAriaLabel,W=d.originalPriceAriaLabel,k=d.discountAriaLabel,B=i.__rest(d,["finalPrice","originalPrice","discount","clubOffer","color","testId","originalPriceStyled","originalPriceUnderlined","size","bordersRounded","savingsDisplay","pricePerItem","hasRoundedSavings","showDecimals","tooltipText","tooltipIcon","tooltipPosition","tooltipAriaLabel","hasHorizontalLayout","isMobile","finalPriceAriaLabel","originalPriceAriaLabel","discountAriaLabel"]),E=o.useTheme(),G=r.useWindowDimensions().isMobile,J=I||u,K=p!==J,N=p&&K,Q=!(!P||!K),X=!(!b||!K),Y=n.extractCurrencySymbol(J),Z=n.splitPriceIntoParts("string"==typeof J?J:"",Y),$={size:a.ComponentSize.Small,color:X?"var(--colors-pallete-wine-color)":g||E.colors.pallete.secondary.color,weight:700},ii=n.calculateSavings(p||0,J,Y),ei=c.applyRoundedSavings(ii,T),oi=c.formatSavingsToString(ei),ri=s.getPriceLabelAriaTexts({productFinalPrice:J,originalPrice:p,currencySymbol:Y,isOriginalPrice:!!N,finalPriceAriaLabel:U,originalPriceAriaLabel:W}),ai=ri.computedFinalPriceLabel,ti=ri.computedOriginalPriceLabel;return M?e.jsx(t.HorizontalVariantContainer,i.__assign({},B,{id:"priceLabelV6"},{children:e.jsxs(t.HorizontalVariantRow,i.__assign({"data-testid":"horizontal-variant-row"},{children:[e.jsx(l.PriceSection,{testId:v,priceCommonProps:$,size:h,currencySymbol:Y,finalPriceArray:Z,productFinalPrice:J,showDecimals:O,pricePerItem:I,theme:E,isHorizontalLayout:M,ariaLabel:ai},void 0),N&&e.jsx(l.OriginalPriceSection,{originalPrice:p,originalPriceStyled:y,originalPriceUnderlined:S,size:h,testId:v,theme:E,hasHorizontalLayout:M,ariaLabel:ti},void 0),e.jsx(l.TooltipSection,{tooltipText:w,tooltipIcon:C,tooltipPosition:H,isMobile:null!=F?F:G,tooltipAriaLabel:_},void 0),e.jsx(l.TagsSection,{isDiscount:Q,discount:P,bordersRounded:x,savingsDisplay:A,currencySymbol:Y,savetoString:oi,isHorizontalLayout:M,isClubOffer:X,clubOffer:b,discountAriaLabel:k},void 0)]}),void 0)}),void 0):e.jsxs(t.Container,i.__assign({},B,{id:"priceLabelV6"},{children:[N&&e.jsx(l.OriginalPriceSection,{originalPrice:p,originalPriceStyled:y,originalPriceUnderlined:S,size:h,testId:v,theme:E,hasHorizontalLayout:M,ariaLabel:ti},void 0),e.jsx(l.TooltipSection,{tooltipText:w,tooltipIcon:C,tooltipPosition:H,isMobile:null!=F?F:G,tooltipAriaLabel:_},void 0),e.jsx(l.PriceSection,{testId:v,priceCommonProps:$,size:h,currencySymbol:Y,finalPriceArray:Z,productFinalPrice:J,showDecimals:O,pricePerItem:I,theme:E,isHorizontalLayout:M,ariaLabel:ai},void 0),e.jsx(l.TagsSection,{isDiscount:Q,discount:P,bordersRounded:x,savingsDisplay:A,currencySymbol:Y,savetoString:oi,isHorizontalLayout:M,isClubOffer:X,clubOffer:b,discountAriaLabel:k},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../types/enums.js"),o=require("../clubOffer/ClubOfferTag.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../types/enums.js"),o=require("../clubOffer/ClubOfferTag.js"),t=require("../discount/DiscountTag.js"),n=require("../price/PriceLabel.js"),a=require("../styles.js"),s=require("./PriceLabelV6.styled.js"),l=require("./PriceLabelV6Tooltip.js"),c=require("./utils/eventHandlers.js");exports.OriginalPriceSection=function(o){var t=o.originalPrice,s=o.originalPriceStyled,l=o.originalPriceUnderlined,c=o.size,d=o.testId,p=o.theme,u=o.hasHorizontalLayout,g=o.ariaLabel;return i.jsx(a.Price,e.__assign({size:s?c:r.ComponentSize.Small,color:p.component.pricing.priceLabel.price.originalPriceColor||p.colors.shades[300].color,margin:!0,underlined:l,"data-testid":n.getTestId(d,"original-product-price"),"data-nosnippet":!0,style:u?{fontSize:"12px"}:void 0,"aria-label":g},{children:t}),void 0)},exports.PriceSection=function(o){var t=o.testId,s=o.priceCommonProps,l=o.size,c=o.currencySymbol,d=o.finalPriceArray,p=o.productFinalPrice,u=o.showDecimals,g=o.pricePerItem,S=o.theme,m=o.isHorizontalLayout,x=void 0!==m&&m,z=o.ariaLabel,_=x?e.__assign(e.__assign({},s),{size:r.ComponentSize.Small,style:{fontSize:"14px"}}):s;return i.jsxs(a.FinalPriceStyledContainer,e.__assign({"data-testid":n.getTestId(t,"final-product-price"),"aria-label":z},{children:[i.jsx(a.Price,e.__assign({margin:!0,finalPriceStyledSmall:!x},_,{size:x?r.ComponentSize.Small:l,"aria-hidden":"true"},{children:c}),void 0),i.jsx(a.Price,e.__assign({finalPriceStyled:!x},_,{size:x?r.ComponentSize.Small:l,"aria-hidden":"true"},{children:d[0]||("string"==typeof p&&p.includes(c)?"".concat(p).split(c)[1]:"".concat(p))}),void 0),u&&i.jsxs(a.Price,e.__assign({finalPriceStyledSmall:!x,style:x?{fontSize:"14px"}:{marginTop:"-6px"}},_,{size:x?r.ComponentSize.Small:l,"aria-hidden":"true"},{children:[x&&".",d[1]?d[1]:"00"]}),void 0),g&&i.jsx(a.Price,e.__assign({size:r.ComponentSize.Small,color:S.colors.pallete.secondary.color,"aria-hidden":"true"},{children:"/each"}),void 0)]}),void 0)},exports.TagsSection=function(n){var s=n.isDiscount,l=n.discount,c=n.bordersRounded,d=n.savingsDisplay,p=n.currencySymbol,u=n.savetoString,g=n.isHorizontalLayout,S=void 0!==g&&g,m=n.isClubOffer,x=n.clubOffer,z=n.discountAriaLabel;return i.jsxs(i.Fragment,{children:[s&&i.jsx(a.TagContainer,e.__assign({size:r.ComponentSize.Small},{children:l&&i.jsx(t.DiscountTag,e.__assign({},l,{size:r.ComponentSize.Medium,style:e.__assign({letterSpacing:"-0.05rem"},S&&{fontSize:"12px"}),bordersRounded:c,savings:d?"Save ".concat(p).concat(u):void 0,ariaLabel:z}),void 0)}),void 0),m&&i.jsx(a.TagContainer,e.__assign({size:r.ComponentSize.Medium},{children:x&&i.jsx(o.ClubOfferTag,e.__assign({},x,{size:r.ComponentSize.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)},exports.TooltipSection=function(r){var o=r.tooltipText,t=r.tooltipIcon,n=r.tooltipPosition,a=r.isMobile,d=r.tooltipAriaLabel;if(!o)return null;var p=c.createStopPropagationHandlers();return i.jsx(s.TooltipWrapper,e.__assign({"data-testid":"PriceLabelV6-TooltipWrapper"},p,{children:i.jsx(l.PriceLabelV6Tooltip,{tooltipText:o,tooltipIcon:t,tooltipPosition:n,isMobile:a,tooltipAriaLabel:d},void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Components.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("react");var o=require("../../../types/enums.js");require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var r=require("../styles.js"),t=require("./utils/eventHandlers.js"),s=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");exports.PriceLabelV6Tooltip=function(a){var n=a.tooltipText,u=a.tooltipIcon,c=a.tooltipPosition,d=a.isMobile,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("react");var o=require("../../../types/enums.js");require("../clubOffer/ClubOfferTag.js"),require("../discount/styled.js");var r=require("../styles.js"),t=require("./utils/eventHandlers.js"),s=require("../../tooltip/Tooltip.js");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");exports.PriceLabelV6Tooltip=function(a){var n=a.tooltipText,u=a.tooltipIcon,c=a.tooltipPosition,d=a.isMobile,b=a.borderColor,p=void 0===b?"#EAEAEA":b,j=a.tooltipAriaLabel,m=t.createStopPropagationHandlers(),q=null!=j?j:n;return i.jsx(r.TooltipContainer,e.__assign({"data-testid":"tooltip-container"},m,{children:i.jsx("div",e.__assign({},m,{children:i.jsx(s.Tooltip,e.__assign({showCloseIcon:!0,withArrow:!0,content:{text:n},position:null!=c?c:o.ComponentPosition.BottomRight,closeBtnSize:.7,borderColor:p,"data-testid":"tooltip",triggerAriaLabel:q,enableKeyboardToggle:!0},{children:i.jsx(l.Icon,{name:null!=u?u:"actions/circle_info",fill:"#8C8383",width:.8,height:.8,testId:"tooltip-icon",showTooltipTitle:d},void 0)}),void 0)}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=PriceLabelV6Tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),i=require("../../core/theme/Theme.js"),t=require("./styled.js");exports.QuantityPicker=function(a){var o=a.initialValue,u=void 0===o?0:o,s=a.maxValue,c=void 0===s?99:s,l=a.value,d=a.testId,b=void 0===d?"quantity-picker":d,f=a.onChange,y=a.isOutlined,v=void 0!==y&&y,h=a.increaseIcon,m=a.decreaseIcon,q=a.increaseAriaLabel,x=a.decreaseAriaLabel,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),i=require("../../core/theme/Theme.js"),t=require("./styled.js");exports.QuantityPicker=function(a){var o=a.initialValue,u=void 0===o?0:o,s=a.maxValue,c=void 0===s?99:s,l=a.value,d=a.testId,b=void 0===d?"quantity-picker":d,f=a.onChange,y=a.isOutlined,v=void 0!==y&&y,h=a.increaseIcon,m=a.decreaseIcon,q=a.increaseAriaLabel,x=a.decreaseAriaLabel,p=a.quantityAriaLabel,k=a.groupAriaDescribedBy,C=i.useTheme(),_=n.useState(null!=l?l:u),j=_[0],I=_[1],D="".concat(b,"-value"),g=(null!=l?l:j)>=c,R=[D,k].filter(Boolean).join(" "),O=function(e,r){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),r())};n.useEffect((function(){f&&f(j)}),[f,j]);var P=n.useCallback((function(e){return Math.max(Math.min(e,c),u)}),[c,u]);return n.useEffect((function(){I((function(e){return null==l?e:P(l)}))}),[l,P]),r.jsxs(t.Container,e.__assign({borderColor:C.colors.shades[200].color,color:C.colors.shades[700].color,"data-testid":b,borderRadius:C.component.qtyPicker.borderRadius,isOutlined:v},{children:[r.jsx(t.IncreaseDecrease,e.__assign({"data-testid":"".concat(b,"-minus"),onClick:function(){return I((function(e){return P(e-1)}))},isOutlined:v,borderColor:C.colors.shades[200].color,borderRadius:C.component.qtyPicker.borderRadius,role:"button",tabIndex:0,onKeyDown:function(e){return O(e,(function(){return I((function(e){return P(e-1)}))}))},"aria-label":null!=x?x:"Decrease quantity","aria-controls":D,"aria-describedby":R},{children:v?m:"-"}),void 0),r.jsx(t.NumberContainer,e.__assign({id:D,"aria-live":"polite","aria-atomic":"true","aria-label":null!=p?p:"Current quantity"},{children:j}),void 0),r.jsx(t.IncreaseDecrease,e.__assign({isMaxSelected:g,"data-testid":"".concat(b,"-plus"),onClick:function(){return I((function(e){return P(e+1)}))},isOutlined:v,borderColor:C.colors.shades[200].color,borderRadius:C.component.qtyPicker.borderRadius,isIncrease:!0,role:"button",tabIndex:g?-1:0,onKeyDown:function(e){return O(e,(function(){return I((function(e){return P(e+1)}))}))},"aria-label":null!=q?q:"Increase quantity","aria-controls":D,"aria-describedby":R,"aria-disabled":g},{children:v?h:"+"}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=QuantityPicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/styled"),e=require("../../types/enums.js"),o=require("./utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,l,p,m,s,c,d
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/styled"),e=require("../../types/enums.js"),o=require("./utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,l,p,m,s,c,u,d=i(t),g=d.default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"],["\n display: flex;\n flex-direction: ",";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: ",";\n opacity: ",";\n cursor: text;\n }\n }\n"])),(function(n){var t=n.position;return o.getWrapperFlexDirection(t)}),(function(n){return n.disableHover?"hidden":"visible"}),(function(n){return n.disableHover?0:1})),f=d.default.div(a||(a=n.__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"],["\n position: absolute;\n display: flex;\n flex-direction: ",";\n align-items: ",";\n margin-left: ",";\n margin-right: ",";\n margin-top: ",";\n margin-bottom: ",";\n max-width: ",";\n transition: opacity 0.2s ease;\n userselect: none;\n opacity: 0;\n visibility: hidden;\n ","\n ","\n\n ","\n"])),(function(n){var t=n.position;return o.getContainerFlexDirection(t)}),(function(n){var t=n.position,e=n.align;return o.getTooltipAlignItems(t,e)}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,e.ComponentPosition.Right,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.childrenWidth;return x(t,e.ComponentPosition.Left,"".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,e.ComponentPosition.Top,"-".concat(o,"px"))}),(function(n){var t=n.position,o=n.tooltipHeight;return x(t,e.ComponentPosition.Bottom,"-".concat(o,"px"))}),(function(n){var t=n.maxWidth;return t||"none"}),(function(n){return n.forceVisible&&"\n opacity: 1;\n visibility: visible;\n "}),(function(n){return n.position===e.ComponentPosition.BottomRight&&"@media (max-width: 768px) {\n margin-left: -12px;\n }"}),(function(n){var t=n.position,e=n.borderColor,i=n.backgroundColor;return n.withArrow&&o.getArrowStyles(t,e,i)})),x=function(n,t,o){return n!==e.ComponentPosition.BottomLeft&&n!==e.ComponentPosition.BottomRight||t!==e.ComponentPosition.Bottom?n===e.ComponentPosition.BottomRight&&t===e.ComponentPosition.Right?"-30px":n===e.ComponentPosition.BottomLeft&&t===e.ComponentPosition.Left?"-40px":n===t?o:"0":"calc(".concat(o," - 37px)")},h=d.default.div(l||(l=n.__makeTemplateObject(["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"],["\n border: 0.063rem solid ",";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: ",";\n z-index: 999;\n position: relative;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])),(function(n){return n.borderColor}),(function(n){return n.backgroundColor})),b=d.default.div(p||(p=n.__makeTemplateObject(["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"],["\n font-style: normal;\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n text-align: ",";\n max-width: ",";\n color: ",";\n"])),(function(n){return n.theme.component.autoship.tooltip.text.alignment}),(function(n){var t=n.theme,e=n.maxWidth;return null!=e?e:t.component.autoship.tooltip.text.maxWidth}),(function(n){return n.color})),v=d.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.688rem;\n"]))),y=d.default.p(s||(s=n.__makeTemplateObject(["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"],["\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.375rem;\n margin: 0;\n color: ",";\n"])),(function(n){return n.color})),C=d.default.div(c||(c=n.__makeTemplateObject(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"],["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"]))),_=d.default.button(u||(u=n.__makeTemplateObject(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"],["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: ",";\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])),(function(n){var t=n.right;return void 0===t?".3rem":t}));exports.CloseToolTip=_,exports.ContentWrapper=h,exports.IconContainer=C,exports.Title=y,exports.TooltipContainer=f,exports.TooltipText=b,exports.TopSection=v,exports.Wrapper=g;
|
|
2
2
|
//# sourceMappingURL=Styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("../../core/theme/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("../../core/theme/Theme.js"),l=require("../../hooks/WindowDimensions.js"),n=require("../icons/index.js"),r=require("./Styled.js"),s=require("./utils.js");function d(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=d(i),c=0;exports.Tooltip=function(d){var u,v,f,p=d.children,h=d.position,g=d.content,x=d.elementContent,C=d.backgroundColor,b=d.borderColor,T=d.showCloseIcon,y=d.align,j=void 0===y?"center":y,_=d.maxWidth,m=d.onClick,k=d.header,w=d.withArrow,I=void 0!==w&&w,W=d.closeBtnSize,q=void 0===W?.5:W,E=d.triggerAriaLabel,S=d.tooltipId,D=d.enableKeyboardToggle,H=void 0!==D&&D,R=t.useTheme(),M=i.useState(0),A=M[0],L=M[1],F=i.useRef(null),K=i.useRef(null),B=i.useState(0),N=B[0],z=B[1],O=i.useRef(null),P=i.useState(!1),V=P[0],G=P[1],J=i.useState(!1),Q=J[0],U=J[1],X=i.useRef(null);null==X.current&&(X.current=null!=S?S:"afrodita-tooltip-".concat(++c));var Y=l.useWindowDimensions().isMobile;i.useLayoutEffect((function(){var o=K.current;L((null==o?void 0:o.offsetWidth)||0)}),[]),i.useLayoutEffect((function(){var o=O.current;z((null==o?void 0:o.offsetHeight)||0)}),[]);return e.jsxs(r.Wrapper,o.__assign({ref:F,position:h,disableHover:V,onMouseEnter:function(){return G(V&&!1)},"data-testid":"TooltipWrapper",onBlur:function(o){var e;if(H){var i=o.relatedTarget;i&&(null===(e=F.current)||void 0===e?void 0:e.contains(i))||U(!1)}}},{children:[e.jsx("div",o.__assign({ref:K,onClick:function(){return V&&G(!1)},onKeyDown:function(o){"Enter"===o.key&&V&&G(!1),function(o){if(H)"Enter"===o.key||" "===o.key?(o.preventDefault(),V&&G(!1),U((function(o){return!o}))):"Escape"===o.key&&(o.preventDefault(),U(!1))}(o)},role:"button",tabIndex:0,"aria-label":E,"aria-describedby":Q&&null!==(u=X.current)&&void 0!==u?u:void 0,"aria-expanded":H?Q:void 0},{children:p}),void 0),e.jsxs(r.TooltipContainer,o.__assign({position:h,align:j,maxWidth:_,childrenWidth:A,tooltipHeight:N,ref:O,onClick:m,"data-testid":"TooltipContainer",className:"tooltip-container ".concat(V?"hidden":""),borderColor:b||R.colors.shades[200].color,backgroundColor:C||R.colors.shades.white.color,withArrow:I,"data-position":h,forceVisible:Q,role:"tooltip",id:null!==(v=X.current)&&void 0!==v?v:void 0,"aria-hidden":H?!Q:void 0,onKeyDown:function(o){var e;H&&"Escape"===o.key&&(o.preventDefault(),U(!1),null===(e=K.current)||void 0===e||e.focus())}},{children:[(T||Y)&&e.jsx(r.CloseToolTip,o.__assign({right:s.getCloseIconRight(h,null==k?void 0:k.iconRight),onClick:function(){G(!0),U(!1)}},{children:e.jsx(n.Icon.Actions.Close,{width:q,height:q,fill:null!==(f=null==k?void 0:k.iconFill)&&void 0!==f?f:R.colors.pallete.secondary.color},void 0)}),void 0),e.jsxs(r.ContentWrapper,o.__assign({className:"tooltip-wrapper",borderColor:b||R.colors.shades[200].color,backgroundColor:null!=C?C:R.colors.shades.white.color},{children:[k&&e.jsxs(r.TopSection,o.__assign({"data-testid":"TooltipHeader"},{children:[(null==k?void 0:k.Icon)&&e.jsx(r.IconContainer,{children:a.default.createElement(k.Icon,{testId:"HeaderIcon",fill:(null==k?void 0:k.iconFill)?null==k?void 0:k.iconFill:R.colors.pallete.secondary.color})},void 0),e.jsx(r.Title,o.__assign({color:(null==k?void 0:k.titleColor)?null==k?void 0:k.titleColor:R.colors.pallete.secondary.color},{children:k.title}),void 0)]}),void 0),g&&(null==g?void 0:g.text)?e.jsx(r.TooltipText,{color:(null==g?void 0:g.color)?null==g?void 0:g.color:R.colors.pallete.secondary.color,"data-testid":"TooltipText",dangerouslySetInnerHTML:{__html:g.text},maxWidth:s.getTooltipTextMaxWidth(h)},void 0):x]}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/package.json
CHANGED