@trafilea/afrodita-components 7.27.9 → 7.27.11

package/build/es/components/collection/product/truekind/ProductItemTK.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsxs as o,jsx as e,Fragment as t}from"@emotion/react/jsx-runtime";import{useMemo as r}from"react";import l from"../../../SkeletonBox/SkeletonBox.js";import{BuyNowPayLater as n}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as a}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as d}from"../../../shared/spacing/Spacing.js";import{StrengthBars as s}from"../../../strength-bars/StrengthBars.js";import{Text as c}from"../../../text/Text.js";import{useTheme as m}from"../../../../core/theme/Theme.js";import{useWindowDimensions as p}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as g}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as v}from"../../../../types/enums.js";import{Image as h}from"../../../atoms/Image/Image.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as u}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as b}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"react/jsx-runtime";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as y}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../tooltip/Tooltip.js";import"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js";import{Rating as P}from"../../../rating/Rating.js";import j from"../../../tag/variants/product/ProductTag.js";import{getStylesBySize as w,ProdCardContainer as S,Container as L,ImageContainer as z,TopTagContainer as x,BottomTagContainer as C,TopRightTagContainer as T,ImageHoverContainer as N,TagsContainer as k,Title as V,MarginTopContainer as W}from"./styled.js";var B=function(B){var R=B.title,I=B.titleStyle,D=B.hasSpacing,F=void 0===D||D,M=B.textContainerGap,A=B.customSizeRating,H=B.image,O=B.ImageBorderRadius,_=B.imageHover,G=B.price,K=B.rating,X=B.size,q=B.alignName,E=void 0===q?"center":q,J=B.url,Q=B.className,U=B.topTag,Y=B.topRightTag,Z=B.bottomTag,$=B.onClick,ii=B.priceDisplayType,oi=void 0===ii?"default":ii,ei=B.originalPriceStyled,ti=B.priceAtBottom,ri=B.priceLoading,li=B.noFollow,ni=void 0!==li&&li,ai=B.colorPicker,di=void 0===ai?{display:!1,position:"top",component:void 0}:ai,si=B.isBNPL,ci=void 0===si?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:si,mi=B.hasStrength,pi=void 0===mi?{strength:-1,description:""}:mi,gi=B.clubPrice,vi=void 0===gi?"":gi,hi=B.showClubPriceLabel,ui=void 0!==hi&&hi,fi=B.isOnViewport,bi=void 0!==fi&&fi,yi=B.productTags,Pi=void 0===yi?[]:yi,ji=B.showProductTags,wi=void 0!==ji&&ji,Si=B.tagsPosition,Li=void 0===Si?"overlay":Si,zi=B.discountTag,xi=m(),Ci=w(X),Ti=p().isMobile,Ni=r((function(){var i;return(i={},i[v.Large]=8,i[v.Medium]=4,i[v.Small]=2,i)[X]}),[X]),ki=function(){return"styled"===oi?e(b,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,originalPriceStyled:ei,finalPriceStyled:!1,color:G.color,size:ei?v.Small:v.Large,testId:"volume-discount"},void 0):e(f,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,finalPriceStyled:!1,color:G.color,size:v.Medium,testId:"volume-discount",clubStyle:!!ui,finalPriceStyle:ui?Ti?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Vi=function(){return e(P,{size:X===v.Large?v.Small:v.XSmall,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return o(S,i({className:Q,"data-testid":"product-card-container-div"},{children:[o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",className:"picContainer",onClick:$},{children:[U||Z||Y?o(z,i({width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,"data-testid":"tags-image-container"},{children:[e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:"100%",height:"100%",loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),e(x,i({style:{width:di.display?"100%":"inherit"}},{children:U}),void 0),e(C,i({style:{width:di.display?"100%":"inherit"}},{children:Z}),void 0),!!Y&&e(T,{children:Y},void 0)]}),void 0):e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),_?e(N,{className:"hover__image",src:_.src,srcSet:g(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height},void 0):null]}),void 0),wi&&Pi.length>0&&"between"===Li&&e(k,i({"data-testid":"product-tags-container"},{children:Pi.map((function(i,o){return e(j,{text:i.text,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(i.text,"-").concat(o))}))}),void 0),di.display&&"top"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0),o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ui?"flex-start":"center",gap:M}},{children:[F&&e(d,{size:Ni},void 0),I?e(c,i({variant:I.variant,weight:I.weight,size:I.size,style:{textAlign:ui?"left":E,marginTop:F?void 0:M}},{children:R}),void 0):e(V,i({theme:xi,align:ui?"left":E},{children:R}),void 0),F&&e(d,{size:Ni},void 0),di.display&&"middle"===di.position&&e(t,{children:di.component},void 0),-1!==(null==pi?void 0:pi.strength)&&o(t,{children:[e(s,{barsFilled:pi.strength,supportText:pi.description},void 0),e(d,{size:10},void 0)]},void 0),o(t,ti?{children:[A?e(P,{size:A,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e(Vi,{},void 0),F&&e(d,{size:Ni},void 0),o(W,{children:[ri?e(l,{height:"20px",width:"140px"},void 0):e(ki,{},void 0),zi&&e(y,i({size:v.Small},{children:e(u,i({},zi,{size:v.Medium,style:i({letterSpacing:"-0.05rem"},zi.style)}),void 0)}),void 0)]},void 0)]}:{children:[ri?e(l,{height:"20px",width:"140px"},void 0):o(t,{children:[e(ki,{},void 0),e(n,{displayBNPL:null==ci?void 0:ci.displayBNPL,installments:(null==ci?void 0:ci.installments)||0,installmentPrice:(null==ci?void 0:ci.installmentPrice)||"",iconFolder:null==ci?void 0:ci.iconFolder,iconName:(null==ci?void 0:ci.iconName)||"",showLogo:null==ci?void 0:ci.showLogo,iconColor:null==ci?void 0:ci.iconColor,fontSize:null==ci?void 0:ci.fontSize},void 0)]},void 0),ui&&e(a,{clubPrice:vi},void 0),F&&e(d,{size:Ni},void 0),e(Vi,{},void 0)]},void 0)]}),void 0),di.display&&"bottom"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0)]}),void 0)};export{B as default};
+import{__assign as i}from"tslib";import{jsxs as o,jsx as e,Fragment as t}from"@emotion/react/jsx-runtime";import{useMemo as r}from"react";import l from"../../../SkeletonBox/SkeletonBox.js";import{BuyNowPayLater as n}from"../../../buynowpaylater/BuyNowPayLater.js";import{ClubPriceLabel as a}from"../../../club-price-label/ClubPriceLabel.js";import{Spacing as d}from"../../../shared/spacing/Spacing.js";import{StrengthBars as s}from"../../../strength-bars/StrengthBars.js";import{Text as c}from"../../../text/Text.js";import{useTheme as m}from"../../../../core/theme/Theme.js";import{useWindowDimensions as p}from"../../../../hooks/WindowDimensions.js";import"../../../../utils/constants/offerAtCart.js";import{getSrcSet as g}from"../../../../utils/getSrcSet/getSrcSet.js";import"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";import{ComponentSize as v}from"../../../../types/enums.js";import{Image as h}from"../../../atoms/Image/Image.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import{DiscountTag as u}from"../../../pricing/discount/DiscountTag.js";import{PriceLabel as f}from"../../../pricing/price/PriceLabel.js";import{PriceLabelV2 as b}from"../../../pricing/priceLabelV2/PriceLabelV2.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"react/jsx-runtime";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import{TagContainer as y}from"../../../pricing/styles.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../atoms/Icon/Icon.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../atoms/Toggle/toggle.styled.js";import"../../../tooltip/Tooltip.js";import"../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js";import{Rating as P}from"../../../rating/Rating.js";import j from"../../../tag/variants/product/ProductTag.js";import{getStylesBySize as w,ProdCardContainer as S,Container as L,ImageContainer as z,TopTagContainer as x,BottomTagContainer as C,TopRightTagContainer as T,ImageHoverContainer as N,TagsContainer as k,Title as V,MarginTopContainer as W}from"./styled.js";var B=function(B){var R=B.title,I=B.titleStyle,D=B.hasSpacing,F=void 0===D||D,M=B.textContainerGap,A=B.customSizeRating,H=B.image,O=B.ImageBorderRadius,_=B.imageHover,G=B.price,K=B.rating,X=B.size,q=B.alignName,E=void 0===q?"center":q,J=B.url,Q=B.className,U=B.topTag,Y=B.topRightTag,Z=B.bottomTag,$=B.onClick,ii=B.priceDisplayType,oi=void 0===ii?"default":ii,ei=B.originalPriceStyled,ti=B.priceAtBottom,ri=B.priceLoading,li=B.noFollow,ni=void 0!==li&&li,ai=B.colorPicker,di=void 0===ai?{display:!1,position:"top",component:void 0}:ai,si=B.isBNPL,ci=void 0===si?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:si,mi=B.hasStrength,pi=void 0===mi?{strength:-1,description:""}:mi,gi=B.clubPrice,vi=void 0===gi?"":gi,hi=B.showClubPriceLabel,ui=void 0!==hi&&hi,fi=B.isOnViewport,bi=void 0!==fi&&fi,yi=B.productTags,Pi=void 0===yi?[]:yi,ji=B.showProductTags,wi=void 0!==ji&&ji,Si=B.tagsPosition,Li=void 0===Si?"overlay":Si,zi=B.discountTag,xi=m(),Ci=w(X),Ti=p().isMobile,Ni=r((function(){var i;return(i={},i[v.Large]=8,i[v.Medium]=4,i[v.Small]=2,i)[X]}),[X]),ki=function(){return"styled"===oi?e(b,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,originalPriceStyled:ei,finalPriceStyled:!1,color:G.color,size:ei?v.Small:v.Large,testId:"volume-discount"},void 0):e(f,{finalPrice:G.finalPrice,originalPrice:G.originalPrice,finalPriceStyled:!1,color:G.color,size:v.Medium,testId:"volume-discount",clubStyle:!!ui,finalPriceStyle:ui?Ti?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Vi=function(){return e(P,{size:X===v.Large?v.Small:v.XSmall,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return o(S,i({className:Q,"data-testid":"product-card-container-div"},{children:[o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",className:"picContainer",onClick:$},{children:[U||Z||Y?o(z,i({width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,"data-testid":"tags-image-container"},{children:[e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:"100%",height:"100%",loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),e(x,i({style:{width:di.display?"100%":"inherit"}},{children:U}),void 0),e(C,i({style:{width:di.display?"100%":"inherit"}},{children:Z}),void 0),!!Y&&e(T,{children:Y},void 0)]}),void 0):e(h,{src:H.src,srcSet:g(H.src,180,360,720,960),alt:H.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height,loading:bi?"eager":"lazy",decoding:bi?"sync":"async"},void 0),_?e(N,{className:"hover__image",src:_.src,srcSet:g(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:O,width:null==Ci?void 0:Ci.width,height:null==Ci?void 0:Ci.height},void 0):null]}),void 0),wi&&Pi.length>0&&"between"===Li&&e(k,i({"data-testid":"product-tags-container"},{children:Pi.map((function(i,o){var t,r;return e(j,{text:i.text,image:i.image,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(null!==(r=null===(t=i.image)||void 0===t?void 0:t.src)&&void 0!==r?r:i.text,"-").concat(o))}))}),void 0),di.display&&"top"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0),o(L,i({as:J?"a":"div",href:J,rel:ni?"nofollow":"",onClick:$,className:"textContainer",style:{alignItems:ui?"flex-start":"center",gap:M}},{children:[F&&e(d,{size:Ni},void 0),I?e(c,i({variant:I.variant,weight:I.weight,size:I.size,style:{textAlign:ui?"left":E,marginTop:F?void 0:M}},{children:R}),void 0):e(V,i({theme:xi,align:ui?"left":E},{children:R}),void 0),F&&e(d,{size:Ni},void 0),di.display&&"middle"===di.position&&e(t,{children:di.component},void 0),-1!==(null==pi?void 0:pi.strength)&&o(t,{children:[e(s,{barsFilled:pi.strength,supportText:pi.description},void 0),e(d,{size:10},void 0)]},void 0),o(t,ti?{children:[A?e(P,{size:A,rating:K.rating,reviews:K.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e(Vi,{},void 0),F&&e(d,{size:Ni},void 0),o(W,{children:[ri?e(l,{height:"20px",width:"140px"},void 0):e(ki,{},void 0),zi&&e(y,i({size:v.Small},{children:e(u,i({},zi,{size:v.Medium,style:i({letterSpacing:"-0.05rem"},zi.style)}),void 0)}),void 0)]},void 0)]}:{children:[ri?e(l,{height:"20px",width:"140px"},void 0):o(t,{children:[e(ki,{},void 0),e(n,{displayBNPL:null==ci?void 0:ci.displayBNPL,installments:(null==ci?void 0:ci.installments)||0,installmentPrice:(null==ci?void 0:ci.installmentPrice)||"",iconFolder:null==ci?void 0:ci.iconFolder,iconName:(null==ci?void 0:ci.iconName)||"",showLogo:null==ci?void 0:ci.showLogo,iconColor:null==ci?void 0:ci.iconColor,fontSize:null==ci?void 0:ci.fontSize},void 0)]},void 0),ui&&e(a,{clubPrice:vi},void 0),F&&e(d,{size:Ni},void 0),e(Vi,{},void 0)]},void 0)]}),void 0),di.display&&"bottom"===di.position&&o(t,{children:[F&&e(d,{size:Ni},void 0),di.component]},void 0)]}),void 0)};export{B as default};
 //# sourceMappingURL=ProductItemTK.js.map

package/build/es/components/review/Review.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useEffect as l}from"react";import{ComponentSize as a}from"../../types/enums.js";import{DateFormat as d,formatDate as p}from"../../utils/dateFormatter/dateFormatter.js";import{Image as h}from"../atoms/Image/Image.js";import"@emotion/react/jsx-runtime";import"../../core/theme/Theme.js";import"../cta/styled.js";import s from"../cta/secondary/ButtonSecondary.js";import{StarList as c}from"../rating/starList/StarList.js";var m,x,f,g,w,u,v,y,z,b,j,k,S,M,T,C,I,L,D,E=o.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"]))),_=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),A=o.div(f||(f=n(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),F=o.div(g||(g=n(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),H=o.span(w||(w=n(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),N=o.div(u||(u=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),Y=o.h2(v||(v=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"]))),q=o.h3(y||(y=n(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),B=o.div(z||(z=n(["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"],["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"]))),V=o.div(b||(b=n(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"],["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]))),W=o.div(j||(j=n(["\n  margin-left: 10px;\n  text-align: right;\n"],["\n  margin-left: 10px;\n  text-align: right;\n"]))),G=o.div(k||(k=n(["\n  display: flex;\n  justify-content: end;\n"],["\n  display: flex;\n  justify-content: end;\n"]))),J=o.div(S||(S=n(["\n  width: 7.5rem;\n  height: 4.125rem;\n"],["\n  width: 7.5rem;\n  height: 4.125rem;\n"]))),K=o.div(M||(M=n(["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"],["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"]))),O=o.div(T||(T=n(["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"])),(function(n){return n.showMoreDesktop?"12px":"50px"})),P=o.div(C||(C=n(["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"],["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"]))),Q=o.div(I||(I=n(["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"],["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"]))),R=o.i(L||(L=n(["\n  content: '\f164';\n"],["\n  content: '\\f164';\n"]))),U=o(s)(D||(D=n(["\n  margin-right: 15px;\n"],["\n  margin-right: 15px;\n"]))),X=function(n){var o=n.reviewId,s=n.reviewerName,m=n.date,x=n.dateFormat,f=void 0===x?d.DDMMYY:x,g=n.rating,w=n.stars,u=n.title,v=n.description,y=n.images,z=n.reviewVariant,b=n.onClickImage,j=n.helpfulActionText,k=n.helpfulAction,S=n.helpfulCount,M=n.hasTextWhenHelpfulCount0,T=void 0!==M&&M,C=n.seeMoreText,I=void 0===C?"See more":C,L=n.helpfulSuffixText,D=void 0===L?" people found this helpful":L,X=n.locale,Z=Math.random().toString(36).substring(7),$=r(v.length>168),nn=$[0],en=$[1],tn=r(v.length>500),on=tn[0],rn=tn[1];return l((function(){var n=document.querySelectorAll("#see-more-".concat(Z)),i=function(){en(!1),rn(!1)};return n.forEach((function(n){n.addEventListener("click",i)})),function(){n.forEach((function(n){n.removeEventListener("click",i)}))}}),[Z]),e(E,{children:[e(_,{children:[t(Y,{children:s},void 0),t(H,{children:p(m,f,X)},void 0)]},void 0),t(c,{starsNumber:5,rating:g,fill:w.color,size:w.size},void 0),e(A,i({"data-testid":"review-content"},{children:[e(F,{children:[t(q,{children:u},void 0),t(V,{dangerouslySetInnerHTML:{__html:nn?"".concat(v.slice(0,168),'... <a id="see-more-').concat(Z,'" class="see-more">').concat(I,"</a>"):v}},void 0),t(B,{dangerouslySetInnerHTML:{__html:on?"".concat(v.slice(0,500),'... <a id="see-more-').concat(Z,'" class="see-more">').concat(I,"</a>"):v}},void 0),e(O,i({showMoreDesktop:v.length>500},{children:[j&&k&&t(U,{onClick:function(){return k(o)},text:j,size:a.Small},void 0),(S||T&&0===S)&&e(Q,{children:[S,D]},void 0)]}),void 0)]},void 0),e(W,{children:[e(G,{children:[null==y?void 0:y.map((function(n){return t(K,i({onClick:function(){return null==b?void 0:b(n.src)}},{children:t(h,{src:n.src,alt:n.alt,height:"10rem",width:"7.5rem"},void 0)}),n.src)})),!y||0===y.length&&t(J,{},void 0)]},void 0),t(N,{children:z},void 0)]},void 0)]}),void 0),t(R,{},void 0),e(P,{children:[j&&k&&t(U,{onClick:function(){return k(o)},text:j,size:a.Small},void 0),(S||T&&0===S)&&e(Q,{children:[S,D]},void 0)]},void 0)]},void 0)};export{X as default};
+import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useEffect as l}from"react";import{ComponentSize as a}from"../../types/enums.js";import{DateFormat as d,formatDate as p}from"../../utils/dateFormatter/dateFormatter.js";import{Image as h}from"../atoms/Image/Image.js";import"@emotion/react/jsx-runtime";import"../../core/theme/Theme.js";import"../cta/styled.js";import s from"../cta/secondary/ButtonSecondary.js";import{StarList as m}from"../rating/starList/StarList.js";var c,x,f,g,w,v,u,y,z,b,j,k,S,M,T,C,I,L,A,D=o.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"]))),E=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),_=o.div(f||(f=n(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),F=o.div(g||(g=n(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),H=o.span(w||(w=n(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),N=o.div(v||(v=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),Y=o.h2(u||(u=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"]))),q=o.h3(y||(y=n(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),B=o.div(z||(z=n(["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"],["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"]))),V=o.div(b||(b=n(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"],["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]))),W=o.div(j||(j=n(["\n  margin-left: 10px;\n  text-align: right;\n"],["\n  margin-left: 10px;\n  text-align: right;\n"]))),G=o.div(k||(k=n(["\n  display: flex;\n  justify-content: end;\n"],["\n  display: flex;\n  justify-content: end;\n"]))),J=o.div(S||(S=n(["\n  width: 7.5rem;\n  height: 4.125rem;\n"],["\n  width: 7.5rem;\n  height: 4.125rem;\n"]))),K=o.div(M||(M=n(["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"],["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"]))),O=o.div(T||(T=n(["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"])),(function(n){return n.showMoreDesktop?"12px":"50px"})),P=o.div(C||(C=n(["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"],["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"]))),Q=o.div(I||(I=n(["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"],["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"]))),R=o.i(L||(L=n(["\n  content: '\f164';\n"],["\n  content: '\\f164';\n"]))),U=o(s)(A||(A=n(["\n  margin-right: 15px;\n"],["\n  margin-right: 15px;\n"]))),X=function(n){var o=n.reviewId,s=n.reviewerName,c=n.reviewerNameAs,x=void 0===c?"h2":c,f=n.reviewTitleAs,g=void 0===f?"h3":f,w=n.date,v=n.dateFormat,u=void 0===v?d.DDMMYY:v,y=n.rating,z=n.stars,b=n.title,j=n.description,k=n.images,S=n.reviewVariant,M=n.onClickImage,T=n.helpfulActionText,C=n.helpfulAction,I=n.helpfulCount,L=n.hasTextWhenHelpfulCount0,A=void 0!==L&&L,X=n.seeMoreText,Z=void 0===X?"See more":X,$=n.helpfulSuffixText,nn=void 0===$?" people found this helpful":$,en=n.locale,tn=Math.random().toString(36).substring(7),on=r(j.length>168),rn=on[0],ln=on[1],an=r(j.length>500),dn=an[0],pn=an[1];return l((function(){var n=document.querySelectorAll("#see-more-".concat(tn)),i=function(){ln(!1),pn(!1)};return n.forEach((function(n){n.addEventListener("click",i)})),function(){n.forEach((function(n){n.removeEventListener("click",i)}))}}),[tn]),e(D,{children:[e(E,{children:[t(Y,i({as:x},{children:s}),void 0),t(H,{children:p(w,u,en)},void 0)]},void 0),t(m,{starsNumber:5,rating:y,fill:z.color,size:z.size},void 0),e(_,i({"data-testid":"review-content"},{children:[e(F,{children:[b?t(q,i({as:g},{children:b}),void 0):null,t(V,{dangerouslySetInnerHTML:{__html:rn?"".concat(j.slice(0,168),'... <a id="see-more-').concat(tn,'" class="see-more">').concat(Z,"</a>"):j}},void 0),t(B,{dangerouslySetInnerHTML:{__html:dn?"".concat(j.slice(0,500),'... <a id="see-more-').concat(tn,'" class="see-more">').concat(Z,"</a>"):j}},void 0),e(O,i({showMoreDesktop:j.length>500},{children:[T&&C&&t(U,{onClick:function(){return C(o)},text:T,size:a.Small},void 0),(I||A&&0===I)&&e(Q,{children:[I,nn]},void 0)]}),void 0)]},void 0),e(W,{children:[e(G,{children:[null==k?void 0:k.map((function(n){return t(K,i({onClick:function(){return null==M?void 0:M(n.src)}},{children:t(h,{src:n.src,alt:n.alt,height:"10rem",width:"7.5rem"},void 0)}),n.src)})),!k||0===k.length&&t(J,{},void 0)]},void 0),t(N,{children:S},void 0)]},void 0)]}),void 0),t(R,{},void 0),e(P,{children:[T&&C&&t(U,{onClick:function(){return C(o)},text:T,size:a.Small},void 0),(I||A&&0===I)&&e(Q,{children:[I,nn]},void 0)]},void 0)]},void 0)};export{X as default};
 //# sourceMappingURL=Review.js.map

package/build/es/components/review-detail/ReviewDetail.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useRef as d,useEffect as r}from"react";import{DateFormat as a,formatDate as l}from"../../utils/dateFormatter/dateFormatter.js";import{Image as p}from"../atoms/Image/Image.js";import{Icon as h}from"../icons/index.js";import{useModal as c,Modal as x}from"../modal/Modal.js";import{StarList as m}from"../rating/starList/StarList.js";var g,s,f,u,w,v,b,y,k,z,j,C,I,F,L,M,S,T,D,H,A,N,Y,_=o.div(g||(g=n(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"]))),B=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"]))),U=o.div(f||(f=n(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),V=o.div(u||(u=n(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"]))),X=o.span(w||(w=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"]))),q=o.h1(v||(v=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"]))),E=o.h1(b||(b=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"]))),G=o.h2(y||(y=n(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"],["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"]))),J=o.div(k||(k=n(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"],["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"]))),K=o.div(z||(z=n(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"],["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"]))),O=o(p)(j||(j=n(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),P=o.video(C||(C=n(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),Q=o.div(I||(I=n(["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"],["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"]))),R=o.div(F||(F=n(["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"],["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"]))),W=o(p)(L||(L=n(["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"],["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"]))),Z=o.div(M||(M=n(["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"],["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"]))),$=o.div(S||(S=n(["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"],["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"]))),nn=o.div(T||(T=n(["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"],["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"]))),tn=o.div(D||(D=n(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),en=o.div(H||(H=n(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),on=o.span(A||(A=n(["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"]))),dn=o.span(N||(N=n(["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"]))),rn=o.span(Y||(Y=n(["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"],["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"]))),an=function(n){var o=n.reviewId,p=n.reviewerName,g=n.date,s=n.rating,f=n.stars,u=n.title,w=n.description,v=n.image,b=n.modalId,y=n.maxFullScreen,k=void 0!==y&&y,z=n.verified,j=n.productImage,C=n.productTitle,I=n.productLink,F=n.helpfulCount,L=void 0===F?0:F,M=n.helpfulAction,S=n.notHelpfulCount,T=void 0===S?0:S,D=n.notHelpfulAction,H=n.dateFormat,A=void 0===H?a.DDMMYY:H,N=null==v?void 0:v.src.includes("/video"),Y=d(null),an=c(b),ln=an.opened,pn=an.close;return r((function(){Y.current&&(ln?Y.current.play():Y.current.pause())}),[ln]),t(x,i({id:b,maxFullScreen:k,padding:"0"},{children:e(_,{children:[t(rn,i({onClick:pn},{children:"X"}),void 0),t(K,{children:v&&(N?t(P,{ref:Y,src:v.src,width:"100%",controls:!0},void 0):t(O,{src:v.src,alt:v.alt},void 0))},void 0),e($,{children:[ln&&e(q,{children:[p,z&&t(E,{children:"Verified Buyer"},void 0)]},void 0),e(B,i({"data-testid":"review-detail-content"},{children:[e(U,{children:[t(m,{starsNumber:5,rating:s,fill:f.color,size:f.size},void 0),t(X,{children:l(g,A)},void 0)]},void 0),e(V,{children:[t(G,{children:u},void 0),t(J,{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0),e(nn,{children:[e(tn,i({"data-testid":"helpful-action",onClick:function(){return M?M(o):void 0}},{children:[t(h.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),t(on,{children:L},void 0)]}),void 0),e(en,i({"data-testid":"not-helpful-action",onClick:function(){return D?D(o):void 0}},{children:[t(h.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),t(dn,{children:T},void 0)]}),void 0)]},void 0)]}),void 0),j&&I&&e(Q,i({onClick:function(){return window.location.href=I}},{children:[t(Z,{children:t(W,{src:j,alt:"productImage"},void 0)},void 0),t(R,{children:C},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};export{an as default};
+import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useRef as d,useEffect as r}from"react";import{DateFormat as a,formatDate as l}from"../../utils/dateFormatter/dateFormatter.js";import{Image as p}from"../atoms/Image/Image.js";import{Icon as h}from"../icons/index.js";import{useModal as c,Modal as x}from"../modal/Modal.js";import{StarList as m}from"../rating/starList/StarList.js";var g,s,f,u,w,v,b,y,k,z,j,C,I,F,L,M,S,T,D,H,A,N,Y,_=o.div(g||(g=n(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"]))),B=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"]))),U=o.div(f||(f=n(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),V=o.div(u||(u=n(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"]))),X=o.span(w||(w=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"]))),q=o.h1(v||(v=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"]))),E=o.h1(b||(b=n(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"]))),G=o.h2(y||(y=n(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"],["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"]))),J=o.div(k||(k=n(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"],["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"]))),K=o.div(z||(z=n(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"],["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"]))),O=o(p)(j||(j=n(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),P=o.video(C||(C=n(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),Q=o.div(I||(I=n(["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"],["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"]))),R=o.div(F||(F=n(["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"],["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"]))),W=o(p)(L||(L=n(["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"],["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"]))),Z=o.div(M||(M=n(["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"],["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"]))),$=o.div(S||(S=n(["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"],["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"]))),nn=o.div(T||(T=n(["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"],["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"]))),tn=o.div(D||(D=n(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),en=o.div(H||(H=n(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),on=o.span(A||(A=n(["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"]))),dn=o.span(N||(N=n(["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"]))),rn=o.span(Y||(Y=n(["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"],["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"]))),an=function(n){var o=n.reviewId,p=n.reviewerName,g=n.date,s=n.rating,f=n.stars,u=n.title,w=n.description,v=n.image,b=n.modalId,y=n.maxFullScreen,k=void 0!==y&&y,z=n.verified,j=n.productImage,C=n.productTitle,I=n.productLink,F=n.helpfulCount,L=void 0===F?0:F,M=n.helpfulAction,S=n.notHelpfulCount,T=void 0===S?0:S,D=n.notHelpfulAction,H=n.dateFormat,A=void 0===H?a.DDMMYY:H,N=null==v?void 0:v.src.includes("/video"),Y=d(null),an=c(b),ln=an.opened,pn=an.close;return r((function(){Y.current&&(ln?Y.current.play():Y.current.pause())}),[ln]),t(x,i({id:b,maxFullScreen:k,padding:"0"},{children:e(_,{children:[t(rn,i({onClick:pn},{children:"X"}),void 0),t(K,{children:v&&(N?t(P,{ref:Y,src:v.src,width:"100%",controls:!0},void 0):t(O,{src:v.src,alt:v.alt},void 0))},void 0),e($,{children:[ln&&e(q,{children:[p,z&&t(E,{children:"Verified Buyer"},void 0)]},void 0),e(B,i({"data-testid":"review-detail-content"},{children:[e(U,{children:[t(m,{starsNumber:5,rating:s,fill:f.color,size:f.size},void 0),t(X,{children:l(g,A)},void 0)]},void 0),e(V,{children:[u?t(G,{children:u},void 0):null,t(J,{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0),e(nn,{children:[e(tn,i({"data-testid":"helpful-action",onClick:function(){return M?M(o):void 0}},{children:[t(h.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),t(on,{children:L},void 0)]}),void 0),e(en,i({"data-testid":"not-helpful-action",onClick:function(){return D?D(o):void 0}},{children:[t(h.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),t(dn,{children:T},void 0)]}),void 0)]},void 0)]}),void 0),j&&I&&e(Q,i({onClick:function(){return window.location.href=I}},{children:[t(Z,{children:t(W,{src:j,alt:"productImage"},void 0)},void 0),t(R,{children:C},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};export{an as default};
 //# sourceMappingURL=ReviewDetail.js.map

package/build/es/components/reviews-header/ReviewsHeader.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@emotion/styled";import{Text as o}from"../text/Text.js";import{useTheme as a}from"../../core/theme/Theme.js";import{ComponentSize as d}from"../../types/enums.js";import{StarList as p}from"../rating/starList/StarList.js";var m,l,x,c,s,g,h,u=r.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"]))),f=r.div(l||(l=n(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"]))),w=r.div(x||(x=n(["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"]))),v=r.div(c||(c=n(["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"]))),b=r(o)(s||(s=n(["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"],["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"]))),y=r.div(g||(g=n(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"]))),k=r.div(h||(h=n(["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"],["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"])),(function(n){var i=n.backgroundUrl;return"url(".concat(i,")")})),z=function(n){var r=n.title,m=void 0===r?"Reviews":r,l=n.rating,x=n.reviews,c=n.reviewsText,s=n.reviewsSummary,g=n.onClickReview,h=a();return e(u,{children:[t(o,i({variant:"heading3",weight:"bold",style:{margin:"10px 0"}},{children:m}),void 0),e(f,{children:[e(w,{children:[e(v,{children:[t(b,i({variant:"heading3",weight:"bold"},{children:l}),void 0),t(p,{rating:l,size:d.Medium,starsNumber:5,fill:h.component.stars.element.color},void 0)]},void 0),e(o,i({variant:"body",size:"small",weight:"regular",style:{marginBottom:"20px"}},{children:[x," ",c]}),void 0)]},void 0),t(y,{children:s.map((function(n){return t(k,{onClick:function(){return g(n)},backgroundUrl:n,"data-testid":"summary-review-item"},n)}))},void 0)]},void 0)]},void 0)};export{z as default};
+import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@emotion/styled";import{Text as o}from"../text/Text.js";import{useTheme as a}from"../../core/theme/Theme.js";import{ComponentSize as d}from"../../types/enums.js";import{StarList as p}from"../rating/starList/StarList.js";var l,m,x,c,s,g,h,u=r.div(l||(l=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"]))),f=r.div(m||(m=n(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"]))),w=r.div(x||(x=n(["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"]))),v=r.div(c||(c=n(["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"]))),b=r(o)(s||(s=n(["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"],["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"]))),y=r.div(g||(g=n(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"]))),k=r.div(h||(h=n(["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"],["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"])),(function(n){var i=n.backgroundUrl;return"url(".concat(i,")")})),z=function(n){var r=n.title,l=void 0===r?"Reviews":r,m=n.titleVariant,x=void 0===m?"heading3":m,c=n.rating,s=n.reviews,g=n.reviewsText,h=n.reviewsSummary,z=n.onClickReview,j=a();return e(u,{children:[t(o,i({variant:x,weight:"bold",style:{margin:"10px 0"}},{children:l}),void 0),e(f,{children:[e(w,{children:[e(v,{children:[t(b,i({variant:"heading3",weight:"bold"},{children:c}),void 0),t(p,{rating:c,size:d.Medium,starsNumber:5,fill:j.component.stars.element.color},void 0)]},void 0),e(o,i({variant:"body",size:"small",weight:"regular",style:{marginBottom:"20px"}},{children:[s," ",g]}),void 0)]},void 0),t(y,{children:h.map((function(n){return t(k,{onClick:function(){return z(n)},backgroundUrl:n,"data-testid":"summary-review-item"},n)}))},void 0)]},void 0)]},void 0)};export{z as default};
 //# sourceMappingURL=ReviewsHeader.js.map

package/build/es/components/tag/variants/product/ProductTag.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Container as t}from"./styled.js";var e=function(e){var d=e.text,i=e.backgroundColor,a=e.textColor,n=e.borderColor,l=e.borderWidth,s=e.borderRadius,b=e.fontSize,c=e.fontWeight,f=e.padding,m=e.className,u=e.onClick;return r(t,o({backgroundColor:i,textColor:a,borderColor:n,borderWidth:l,borderRadius:s,fontSize:b,fontWeight:c,padding:f,className:m,onClick:u},{children:d}),void 0)};export{e as default};
+import{__assign as r}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Container as e,TagImage as i}from"./styled.js";var d=function(d){var a=d.text,n=d.image,l=d.backgroundColor,s=d.textColor,h=d.borderColor,c=d.borderWidth,m=d.borderRadius,g=d.fontSize,b=d.fontWeight,f=d.padding,u=d.className,C=d.onClick;return o(e,r({backgroundColor:n?"transparent":l,textColor:s,borderColor:h,borderWidth:c,borderRadius:m,fontSize:g,fontWeight:b,padding:f,hasImage:!!n,className:u,onClick:C},{children:[n&&t(i,{src:n.src,alt:n.alt,width:n.width,height:n.height},void 0),a]}),void 0)};export{d as default};
 //# sourceMappingURL=ProductTag.js.map

package/build/es/components/tag/variants/product/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var r,o=t.div(r||(r=n(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 1.2;\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 1.2;\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"])),(function(n){return n.padding||"4px 8px"}),(function(n){return n.borderRadius||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var t=n.borderWidth,r=n.borderColor;return t&&r?"".concat(t," solid ").concat(r):r?"1px solid ".concat(r):"none"}),(function(n){return n.onClick&&"\n      opacity: 0.8;\n      transform: translateY(-1px);\n    "}));export{o as Container};
+import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";var r,e,o=t.img(r||(r=n(["\n  display: block;\n  max-width: ",";\n  max-height: ",";\n  object-fit: contain;\n  flex-shrink: 0;\n  background: transparent;\n"],["\n  display: block;\n  max-width: ",";\n  max-height: ",";\n  object-fit: contain;\n  flex-shrink: 0;\n  background: transparent;\n"])),(function(n){return n.width||"auto"}),(function(n){return n.height||"16px"})),i=t.div(e||(e=n(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: ",";\n  line-height: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: ",";\n  line-height: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"])),(function(n){var t=n.padding;return n.hasImage?"0":t||"4px 8px"}),(function(n){var t=n.hasImage,r=n.hasText;return t&&!r?"0":"1.2"}),(function(n){var t=n.borderRadius,r=n.hasImage,e=n.hasText;return r&&!e?t||"0":t||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var t=n.borderWidth,r=n.borderColor;return t&&r?"".concat(t," solid ").concat(r):r?"1px solid ".concat(r):"none"}),(function(n){return n.onClick&&"\n      opacity: 0.8;\n      transform: translateY(-1px);\n    "}));export{i as Container,o as TagImage};
 //# sourceMappingURL=styled.js.map

package/build/index.d.ts

@@ -1424,8 +1424,15 @@ interface DiscountTagProps$1 {
 }
 declare const DiscountTag: ({ discount, offText, savings, showSavings, showOnlySavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, icon, ariaLabel, tabIndex, role, }: DiscountTagProps$1) => JSX.Element;
 
+interface ProductTagImage {
+    src: string;
+    alt: string;
+    width?: string;
+    height?: string;
+}
 interface ProductTagProps {
-    text: string;
+    text?: string;
+    image?: ProductTagImage;
     backgroundColor?: string;
     textColor?: string;
     borderColor?: string;
@@ -4002,6 +4009,8 @@ declare const Review$1: ({ reviewId, reviewerName, date, rating, stars, title, d
 interface ReviewProps {
     reviewId: string;
     reviewerName: string;
+    reviewerNameAs?: 'h2' | 'h3';
+    reviewTitleAs?: 'h3' | 'strong';
     date: Date;
     dateFormat?: DateFormatType;
     rating: number;
@@ -4025,17 +4034,18 @@ interface ReviewProps {
     helpfulSuffixText?: string;
     locale?: string;
 }
-declare const Review: ({ reviewId, reviewerName, date, dateFormat, rating, stars, title, description, images, reviewVariant, onClickImage, helpfulActionText, helpfulAction, helpfulCount, hasTextWhenHelpfulCount0, seeMoreText, helpfulSuffixText, locale, }: ReviewProps) => JSX.Element;
+declare const Review: ({ reviewId, reviewerName, reviewerNameAs, reviewTitleAs, date, dateFormat, rating, stars, title, description, images, reviewVariant, onClickImage, helpfulActionText, helpfulAction, helpfulCount, hasTextWhenHelpfulCount0, seeMoreText, helpfulSuffixText, locale, }: ReviewProps) => JSX.Element;
 
 interface ReviewsHeaderProps {
     title?: string;
+    titleVariant?: 'heading2' | 'heading3';
     rating: number;
     reviews: number;
     reviewsText: string;
     reviewsSummary: string[];
     onClickReview: (reveiw: string) => void;
 }
-declare const ReviewsHeader: ({ title, rating, reviews, reviewsText, reviewsSummary, onClickReview, }: ReviewsHeaderProps) => JSX.Element;
+declare const ReviewsHeader: ({ title, titleVariant, rating, reviews, reviewsText, reviewsSummary, onClickReview, }: ReviewsHeaderProps) => JSX.Element;
 
 interface ScrollToTopProps {
     scrollToTopText: string;

package/build/lib/components/collection/product/truekind/ProductItemTK.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),r=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),t=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../strength-bars/StrengthBars.js"),l=require("../../../text/Text.js"),d=require("../../../../core/theme/Theme.js"),c=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var u=require("../../../../types/enums.js"),v=require("../../../atoms/Image/Image.js");require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),h=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("react/jsx-runtime"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var j=require("../../../pricing/styles.js");require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../tooltip/Tooltip.js"),require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js");var x=require("../../../rating/Rating.js"),S=require("../../../tag/variants/product/ProductTag.js"),b=require("./styled.js");module.exports=function(y){var C=y.title,P=y.titleStyle,z=y.hasSpacing,f=void 0===z||z,q=y.textContainerGap,w=y.customSizeRating,L=y.image,T=y.ImageBorderRadius,_=y.imageHover,N=y.price,B=y.rating,F=y.size,k=y.alignName,I=void 0===k?"center":k,R=y.url,V=y.className,W=y.topTag,D=y.topRightTag,M=y.bottomTag,A=y.onClick,H=y.priceDisplayType,O=void 0===H?"default":H,G=y.originalPriceStyled,K=y.priceAtBottom,X=y.priceLoading,E=y.noFollow,J=void 0!==E&&E,Q=y.colorPicker,U=void 0===Q?{display:!1,position:"top",component:void 0}:Q,Y=y.isBNPL,Z=void 0===Y?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Y,$=y.hasStrength,ii=void 0===$?{strength:-1,description:""}:$,ei=y.clubPrice,ri=void 0===ei?"":ei,oi=y.showClubPriceLabel,ti=void 0!==oi&&oi,ni=y.isOnViewport,si=void 0!==ni&&ni,ai=y.productTags,li=void 0===ai?[]:ai,di=y.showProductTags,ci=void 0!==di&&di,gi=y.tagsPosition,ui=void 0===gi?"overlay":gi,vi=y.discountTag,pi=d.useTheme(),mi=b.getStylesBySize(F),hi=c.useWindowDimensions().isMobile,ji=r.useMemo((function(){var i;return(i={},i[u.ComponentSize.Large]=8,i[u.ComponentSize.Medium]=4,i[u.ComponentSize.Small]=2,i)[F]}),[F]),xi=function(){return"styled"===O?e.jsx(h.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,originalPriceStyled:G,finalPriceStyled:!1,color:N.color,size:G?u.ComponentSize.Small:u.ComponentSize.Large,testId:"volume-discount"},void 0):e.jsx(m.PriceLabel,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:u.ComponentSize.Medium,testId:"volume-discount",clubStyle:!!ti,finalPriceStyle:ti?hi?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Si=function(){return e.jsx(x.Rating,{size:F===u.ComponentSize.Large?u.ComponentSize.Small:u.ComponentSize.XSmall,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return e.jsxs(b.ProdCardContainer,i.__assign({className:V,"data-testid":"product-card-container-div"},{children:[e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",className:"picContainer",onClick:A},{children:[W||M||D?e.jsxs(b.ImageContainer,i.__assign({width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,"data-testid":"tags-image-container"},{children:[e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:"100%",height:"100%",loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),e.jsx(b.TopTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:W}),void 0),e.jsx(b.BottomTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:M}),void 0),!!D&&e.jsx(b.TopRightTagContainer,{children:D},void 0)]}),void 0):e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),_?e.jsx(b.ImageHoverContainer,{className:"hover__image",src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height},void 0):null]}),void 0),ci&&li.length>0&&"between"===ui&&e.jsx(b.TagsContainer,i.__assign({"data-testid":"product-tags-container"},{children:li.map((function(i,r){return e.jsx(S,{text:i.text,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(i.text,"-").concat(r))}))}),void 0),U.display&&"top"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0),e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",onClick:A,className:"textContainer",style:{alignItems:ti?"flex-start":"center",gap:q}},{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),P?e.jsx(l.Text,i.__assign({variant:P.variant,weight:P.weight,size:P.size,style:{textAlign:ti?"left":I,marginTop:f?void 0:q}},{children:C}),void 0):e.jsx(b.Title,i.__assign({theme:pi,align:ti?"left":I},{children:C}),void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),U.display&&"middle"===U.position&&e.jsx(e.Fragment,{children:U.component},void 0),-1!==(null==ii?void 0:ii.strength)&&e.jsxs(e.Fragment,{children:[e.jsx(a.StrengthBars,{barsFilled:ii.strength,supportText:ii.description},void 0),e.jsx(s.Spacing,{size:10},void 0)]},void 0),K?e.jsxs(e.Fragment,{children:[w?e.jsx(x.Rating,{size:w,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e.jsx(Si,{},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsxs(b.MarginTopContainer,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsx(xi,{},void 0),vi&&e.jsx(j.TagContainer,i.__assign({size:u.ComponentSize.Small},{children:e.jsx(p.DiscountTag,i.__assign({},vi,{size:u.ComponentSize.Medium,style:i.__assign({letterSpacing:"-0.05rem"},vi.style)}),void 0)}),void 0)]},void 0)]},void 0):e.jsxs(e.Fragment,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsxs(e.Fragment,{children:[e.jsx(xi,{},void 0),e.jsx(t.BuyNowPayLater,{displayBNPL:null==Z?void 0:Z.displayBNPL,installments:(null==Z?void 0:Z.installments)||0,installmentPrice:(null==Z?void 0:Z.installmentPrice)||"",iconFolder:null==Z?void 0:Z.iconFolder,iconName:(null==Z?void 0:Z.iconName)||"",showLogo:null==Z?void 0:Z.showLogo,iconColor:null==Z?void 0:Z.iconColor,fontSize:null==Z?void 0:Z.fontSize},void 0)]},void 0),ti&&e.jsx(n.ClubPriceLabel,{clubPrice:ri},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsx(Si,{},void 0)]},void 0)]}),void 0),U.display&&"bottom"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0)]}),void 0)};
+"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),r=require("react"),o=require("../../../SkeletonBox/SkeletonBox.js"),t=require("../../../buynowpaylater/BuyNowPayLater.js"),n=require("../../../club-price-label/ClubPriceLabel.js"),s=require("../../../shared/spacing/Spacing.js"),a=require("../../../strength-bars/StrengthBars.js"),l=require("../../../text/Text.js"),d=require("../../../../core/theme/Theme.js"),c=require("../../../../hooks/WindowDimensions.js");require("../../../../utils/constants/offerAtCart.js");var g=require("../../../../utils/getSrcSet/getSrcSet.js");require("../../../../utils/media.js"),require("../../../../utils/mock-content/CancellationFlowAccordion.js");var u=require("../../../../types/enums.js"),v=require("../../../atoms/Image/Image.js");require("../../../pricing/clubOffer/ClubOfferTag.js");var p=require("../../../pricing/discount/DiscountTag.js"),m=require("../../../pricing/price/PriceLabel.js"),h=require("../../../pricing/priceLabelV2/PriceLabelV2.js");require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("react/jsx-runtime"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js");var j=require("../../../pricing/styles.js");require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../atoms/Icon/Icon.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../atoms/Toggle/toggle.styled.js"),require("../../../tooltip/Tooltip.js"),require("../../../pricing/priceLabelWithCredits/PriceLabelWithCredits.styled.js");var x=require("../../../rating/Rating.js"),S=require("../../../tag/variants/product/ProductTag.js"),b=require("./styled.js");module.exports=function(y){var C=y.title,P=y.titleStyle,z=y.hasSpacing,f=void 0===z||z,q=y.textContainerGap,w=y.customSizeRating,L=y.image,T=y.ImageBorderRadius,_=y.imageHover,N=y.price,B=y.rating,F=y.size,k=y.alignName,I=void 0===k?"center":k,R=y.url,V=y.className,W=y.topTag,D=y.topRightTag,M=y.bottomTag,A=y.onClick,H=y.priceDisplayType,O=void 0===H?"default":H,G=y.originalPriceStyled,K=y.priceAtBottom,X=y.priceLoading,E=y.noFollow,J=void 0!==E&&E,Q=y.colorPicker,U=void 0===Q?{display:!1,position:"top",component:void 0}:Q,Y=y.isBNPL,Z=void 0===Y?{displayBNPL:!1,installments:4,installmentPrice:"",iconFolder:"PDP",iconName:"Klarna",showLogo:!0,iconColor:"#292929",fontSize:"12px"}:Y,$=y.hasStrength,ii=void 0===$?{strength:-1,description:""}:$,ei=y.clubPrice,ri=void 0===ei?"":ei,oi=y.showClubPriceLabel,ti=void 0!==oi&&oi,ni=y.isOnViewport,si=void 0!==ni&&ni,ai=y.productTags,li=void 0===ai?[]:ai,di=y.showProductTags,ci=void 0!==di&&di,gi=y.tagsPosition,ui=void 0===gi?"overlay":gi,vi=y.discountTag,pi=d.useTheme(),mi=b.getStylesBySize(F),hi=c.useWindowDimensions().isMobile,ji=r.useMemo((function(){var i;return(i={},i[u.ComponentSize.Large]=8,i[u.ComponentSize.Medium]=4,i[u.ComponentSize.Small]=2,i)[F]}),[F]),xi=function(){return"styled"===O?e.jsx(h.PriceLabelV2,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,originalPriceStyled:G,finalPriceStyled:!1,color:N.color,size:G?u.ComponentSize.Small:u.ComponentSize.Large,testId:"volume-discount"},void 0):e.jsx(m.PriceLabel,{finalPrice:N.finalPrice,originalPrice:N.originalPrice,finalPriceStyled:!1,color:N.color,size:u.ComponentSize.Medium,testId:"volume-discount",clubStyle:!!ti,finalPriceStyle:ti?hi?{fontSize:"12px",fontWeight:700}:{fontSize:"16px",fontWeight:700}:void 0},void 0)},Si=function(){return e.jsx(x.Rating,{size:F===u.ComponentSize.Large?u.ComponentSize.Small:u.ComponentSize.XSmall,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0)};return e.jsxs(b.ProdCardContainer,i.__assign({className:V,"data-testid":"product-card-container-div"},{children:[e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",className:"picContainer",onClick:A},{children:[W||M||D?e.jsxs(b.ImageContainer,i.__assign({width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,"data-testid":"tags-image-container"},{children:[e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:"100%",height:"100%",loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),e.jsx(b.TopTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:W}),void 0),e.jsx(b.BottomTagContainer,i.__assign({style:{width:U.display?"100%":"inherit"}},{children:M}),void 0),!!D&&e.jsx(b.TopRightTagContainer,{children:D},void 0)]}),void 0):e.jsx(v.Image,{src:L.src,srcSet:g.getSrcSet(L.src,180,360,720,960),alt:L.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height,loading:si?"eager":"lazy",decoding:si?"sync":"async"},void 0),_?e.jsx(b.ImageHoverContainer,{className:"hover__image",src:_.src,srcSet:g.getSrcSet(_.src,180,360,720,960),loading:"lazy",decoding:"async",alt:_.alt,borderRadius:T,width:null==mi?void 0:mi.width,height:null==mi?void 0:mi.height},void 0):null]}),void 0),ci&&li.length>0&&"between"===ui&&e.jsx(b.TagsContainer,i.__assign({"data-testid":"product-tags-container"},{children:li.map((function(i,r){var o,t;return e.jsx(S,{text:i.text,image:i.image,backgroundColor:i.backgroundColor,textColor:i.textColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:i.borderRadius,fontSize:i.fontSize,fontWeight:i.fontWeight,padding:i.padding,onClick:i.onClick},"".concat(null!==(t=null===(o=i.image)||void 0===o?void 0:o.src)&&void 0!==t?t:i.text,"-").concat(r))}))}),void 0),U.display&&"top"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0),e.jsxs(b.Container,i.__assign({as:R?"a":"div",href:R,rel:J?"nofollow":"",onClick:A,className:"textContainer",style:{alignItems:ti?"flex-start":"center",gap:q}},{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),P?e.jsx(l.Text,i.__assign({variant:P.variant,weight:P.weight,size:P.size,style:{textAlign:ti?"left":I,marginTop:f?void 0:q}},{children:C}),void 0):e.jsx(b.Title,i.__assign({theme:pi,align:ti?"left":I},{children:C}),void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),U.display&&"middle"===U.position&&e.jsx(e.Fragment,{children:U.component},void 0),-1!==(null==ii?void 0:ii.strength)&&e.jsxs(e.Fragment,{children:[e.jsx(a.StrengthBars,{barsFilled:ii.strength,supportText:ii.description},void 0),e.jsx(s.Spacing,{size:10},void 0)]},void 0),K?e.jsxs(e.Fragment,{children:[w?e.jsx(x.Rating,{size:w,rating:B.rating,reviews:B.reviews,reviewsText:"",wrapWithParenthesis:!0},void 0):e.jsx(Si,{},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsxs(b.MarginTopContainer,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsx(xi,{},void 0),vi&&e.jsx(j.TagContainer,i.__assign({size:u.ComponentSize.Small},{children:e.jsx(p.DiscountTag,i.__assign({},vi,{size:u.ComponentSize.Medium,style:i.__assign({letterSpacing:"-0.05rem"},vi.style)}),void 0)}),void 0)]},void 0)]},void 0):e.jsxs(e.Fragment,{children:[X?e.jsx(o,{height:"20px",width:"140px"},void 0):e.jsxs(e.Fragment,{children:[e.jsx(xi,{},void 0),e.jsx(t.BuyNowPayLater,{displayBNPL:null==Z?void 0:Z.displayBNPL,installments:(null==Z?void 0:Z.installments)||0,installmentPrice:(null==Z?void 0:Z.installmentPrice)||"",iconFolder:null==Z?void 0:Z.iconFolder,iconName:(null==Z?void 0:Z.iconName)||"",showLogo:null==Z?void 0:Z.showLogo,iconColor:null==Z?void 0:Z.iconColor,fontSize:null==Z?void 0:Z.fontSize},void 0)]},void 0),ti&&e.jsx(n.ClubPriceLabel,{clubPrice:ri},void 0),f&&e.jsx(s.Spacing,{size:ji},void 0),e.jsx(Si,{},void 0)]},void 0)]}),void 0),U.display&&"bottom"===U.position&&e.jsxs(e.Fragment,{children:[f&&e.jsx(s.Spacing,{size:ji},void 0),U.component]},void 0)]}),void 0)};
 //# sourceMappingURL=ProductItemTK.js.map

package/build/lib/components/review/Review.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("react"),o=require("../../types/enums.js"),a=require("../../utils/dateFormatter/dateFormatter.js"),l=require("../atoms/Image/Image.js");require("@emotion/react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../cta/styled.js");var r=require("../cta/secondary/ButtonSecondary.js"),s=require("../rating/starList/StarList.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,c,m,h,x,f,u,g,w,v,j,_,y,b,z,k,T,O,S,q=d(i),C=q.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"]))),M=q.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),I=q.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),L=q.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),D=q.default.span(x||(x=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),E=q.default.div(f||(f=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),F=q.default.h2(u||(u=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"]))),A=q.default.h3(g||(g=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),H=q.default.div(w||(w=n.__makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"],["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"]))),N=q.default.div(v||(v=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"],["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]))),Y=q.default.div(j||(j=n.__makeTemplateObject(["\n  margin-left: 10px;\n  text-align: right;\n"],["\n  margin-left: 10px;\n  text-align: right;\n"]))),B=q.default.div(_||(_=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"],["\n  display: flex;\n  justify-content: end;\n"]))),V=q.default.div(y||(y=n.__makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"],["\n  width: 7.5rem;\n  height: 4.125rem;\n"]))),W=q.default.div(b||(b=n.__makeTemplateObject(["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"],["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"]))),G=q.default.div(z||(z=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"])),(function(n){return n.showMoreDesktop?"12px":"50px"})),J=q.default.div(k||(k=n.__makeTemplateObject(["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"],["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"]))),K=q.default.div(T||(T=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"],["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"]))),P=q.default.i(O||(O=n.__makeTemplateObject(["\n  content: '\f164';\n"],["\n  content: '\\f164';\n"]))),Q=q.default(r)(S||(S=n.__makeTemplateObject(["\n  margin-right: 15px;\n"],["\n  margin-right: 15px;\n"])));module.exports=function(i){var r=i.reviewId,d=i.reviewerName,p=i.date,c=i.dateFormat,m=void 0===c?a.DateFormat.DDMMYY:c,h=i.rating,x=i.stars,f=i.title,u=i.description,g=i.images,w=i.reviewVariant,v=i.onClickImage,j=i.helpfulActionText,_=i.helpfulAction,y=i.helpfulCount,b=i.hasTextWhenHelpfulCount0,z=void 0!==b&&b,k=i.seeMoreText,T=void 0===k?"See more":k,O=i.helpfulSuffixText,S=void 0===O?" people found this helpful":O,q=i.locale,R=Math.random().toString(36).substring(7),U=t.useState(u.length>168),X=U[0],Z=U[1],$=t.useState(u.length>500),nn=$[0],en=$[1];return t.useEffect((function(){var n=document.querySelectorAll("#see-more-".concat(R)),e=function(){Z(!1),en(!1)};return n.forEach((function(n){n.addEventListener("click",e)})),function(){n.forEach((function(n){n.removeEventListener("click",e)}))}}),[R]),e.jsxs(C,{children:[e.jsxs(M,{children:[e.jsx(F,{children:d},void 0),e.jsx(D,{children:a.formatDate(p,m,q)},void 0)]},void 0),e.jsx(s.StarList,{starsNumber:5,rating:h,fill:x.color,size:x.size},void 0),e.jsxs(I,n.__assign({"data-testid":"review-content"},{children:[e.jsxs(L,{children:[e.jsx(A,{children:f},void 0),e.jsx(N,{dangerouslySetInnerHTML:{__html:X?"".concat(u.slice(0,168),'... <a id="see-more-').concat(R,'" class="see-more">').concat(T,"</a>"):u}},void 0),e.jsx(H,{dangerouslySetInnerHTML:{__html:nn?"".concat(u.slice(0,500),'... <a id="see-more-').concat(R,'" class="see-more">').concat(T,"</a>"):u}},void 0),e.jsxs(G,n.__assign({showMoreDesktop:u.length>500},{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(r)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y,S]},void 0)]}),void 0)]},void 0),e.jsxs(Y,{children:[e.jsxs(B,{children:[null==g?void 0:g.map((function(i){return e.jsx(W,n.__assign({onClick:function(){return null==v?void 0:v(i.src)}},{children:e.jsx(l.Image,{src:i.src,alt:i.alt,height:"10rem",width:"7.5rem"},void 0)}),i.src)})),!g||0===g.length&&e.jsx(V,{},void 0)]},void 0),e.jsx(E,{children:w},void 0)]},void 0)]}),void 0),e.jsx(P,{},void 0),e.jsxs(J,{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(r)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y,S]},void 0)]},void 0)]},void 0)};
+"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("react"),o=require("../../types/enums.js"),a=require("../../utils/dateFormatter/dateFormatter.js"),l=require("../atoms/Image/Image.js");require("@emotion/react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../cta/styled.js");var r=require("../cta/secondary/ButtonSecondary.js"),s=require("../rating/starList/StarList.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,m,c,h,x,f,u,g,w,v,j,_,y,b,z,k,T,O,S,q=d(i),C=q.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"],["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"]))),M=q.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),I=q.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),L=q.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),D=q.default.span(x||(x=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),A=q.default.div(f||(f=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),E=q.default.h2(u||(u=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"]))),F=q.default.h3(g||(g=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"],["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"]))),H=q.default.div(w||(w=n.__makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"],["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"]))),N=q.default.div(v||(v=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"],["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]))),Y=q.default.div(j||(j=n.__makeTemplateObject(["\n  margin-left: 10px;\n  text-align: right;\n"],["\n  margin-left: 10px;\n  text-align: right;\n"]))),B=q.default.div(_||(_=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"],["\n  display: flex;\n  justify-content: end;\n"]))),V=q.default.div(y||(y=n.__makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"],["\n  width: 7.5rem;\n  height: 4.125rem;\n"]))),W=q.default.div(b||(b=n.__makeTemplateObject(["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"],["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"]))),G=q.default.div(z||(z=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: ",";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"])),(function(n){return n.showMoreDesktop?"12px":"50px"})),J=q.default.div(k||(k=n.__makeTemplateObject(["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"],["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"]))),K=q.default.div(T||(T=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"],["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"]))),P=q.default.i(O||(O=n.__makeTemplateObject(["\n  content: '\f164';\n"],["\n  content: '\\f164';\n"]))),Q=q.default(r)(S||(S=n.__makeTemplateObject(["\n  margin-right: 15px;\n"],["\n  margin-right: 15px;\n"])));module.exports=function(i){var r=i.reviewId,d=i.reviewerName,p=i.reviewerNameAs,m=void 0===p?"h2":p,c=i.reviewTitleAs,h=void 0===c?"h3":c,x=i.date,f=i.dateFormat,u=void 0===f?a.DateFormat.DDMMYY:f,g=i.rating,w=i.stars,v=i.title,j=i.description,_=i.images,y=i.reviewVariant,b=i.onClickImage,z=i.helpfulActionText,k=i.helpfulAction,T=i.helpfulCount,O=i.hasTextWhenHelpfulCount0,S=void 0!==O&&O,q=i.seeMoreText,R=void 0===q?"See more":q,U=i.helpfulSuffixText,X=void 0===U?" people found this helpful":U,Z=i.locale,$=Math.random().toString(36).substring(7),nn=t.useState(j.length>168),en=nn[0],tn=nn[1],on=t.useState(j.length>500),an=on[0],ln=on[1];return t.useEffect((function(){var n=document.querySelectorAll("#see-more-".concat($)),e=function(){tn(!1),ln(!1)};return n.forEach((function(n){n.addEventListener("click",e)})),function(){n.forEach((function(n){n.removeEventListener("click",e)}))}}),[$]),e.jsxs(C,{children:[e.jsxs(M,{children:[e.jsx(E,n.__assign({as:m},{children:d}),void 0),e.jsx(D,{children:a.formatDate(x,u,Z)},void 0)]},void 0),e.jsx(s.StarList,{starsNumber:5,rating:g,fill:w.color,size:w.size},void 0),e.jsxs(I,n.__assign({"data-testid":"review-content"},{children:[e.jsxs(L,{children:[v?e.jsx(F,n.__assign({as:h},{children:v}),void 0):null,e.jsx(N,{dangerouslySetInnerHTML:{__html:en?"".concat(j.slice(0,168),'... <a id="see-more-').concat($,'" class="see-more">').concat(R,"</a>"):j}},void 0),e.jsx(H,{dangerouslySetInnerHTML:{__html:an?"".concat(j.slice(0,500),'... <a id="see-more-').concat($,'" class="see-more">').concat(R,"</a>"):j}},void 0),e.jsxs(G,n.__assign({showMoreDesktop:j.length>500},{children:[z&&k&&e.jsx(Q,{onClick:function(){return k(r)},text:z,size:o.ComponentSize.Small},void 0),(T||S&&0===T)&&e.jsxs(K,{children:[T,X]},void 0)]}),void 0)]},void 0),e.jsxs(Y,{children:[e.jsxs(B,{children:[null==_?void 0:_.map((function(i){return e.jsx(W,n.__assign({onClick:function(){return null==b?void 0:b(i.src)}},{children:e.jsx(l.Image,{src:i.src,alt:i.alt,height:"10rem",width:"7.5rem"},void 0)}),i.src)})),!_||0===_.length&&e.jsx(V,{},void 0)]},void 0),e.jsx(A,{children:y},void 0)]},void 0)]}),void 0),e.jsx(P,{},void 0),e.jsxs(J,{children:[z&&k&&e.jsx(Q,{onClick:function(){return k(r)},text:z,size:o.ComponentSize.Small},void 0),(T||S&&0===T)&&e.jsxs(K,{children:[T,X]},void 0)]},void 0)]},void 0)};
 //# sourceMappingURL=Review.js.map

package/build/lib/components/review-detail/ReviewDetail.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("tslib"),i=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("react"),a=require("../../utils/dateFormatter/dateFormatter.js"),o=require("../atoms/Image/Image.js"),d=require("../icons/index.js"),l=require("../modal/Modal.js"),r=require("../rating/starList/StarList.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,h,x,m,s,g,f,u,w,b,v,j,_,k,y,z,T,O,I,q,C,F,M,D=p(e),L=D.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"]))),S=D.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"]))),H=D.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),A=D.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"]))),N=D.default.span(s||(s=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"]))),Y=D.default.h1(g||(g=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"]))),B=D.default.h1(f||(f=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"]))),E=D.default.h2(u||(u=n.__makeTemplateObject(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"],["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"]))),R=D.default.div(w||(w=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"],["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"]))),U=D.default.div(b||(b=n.__makeTemplateObject(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"],["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"]))),V=D.default(o.Image)(v||(v=n.__makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),X=D.default.video(j||(j=n.__makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),G=D.default.div(_||(_=n.__makeTemplateObject(["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"],["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"]))),J=D.default.div(k||(k=n.__makeTemplateObject(["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"],["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"]))),K=D.default(o.Image)(y||(y=n.__makeTemplateObject(["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"],["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"]))),P=D.default.div(z||(z=n.__makeTemplateObject(["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"],["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"]))),Q=D.default.div(T||(T=n.__makeTemplateObject(["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"],["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"]))),W=D.default.div(O||(O=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"],["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"]))),Z=D.default.div(I||(I=n.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),$=D.default.div(q||(q=n.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),nn=D.default.span(C||(C=n.__makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"]))),en=D.default.span(F||(F=n.__makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"]))),tn=D.default.span(M||(M=n.__makeTemplateObject(["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"],["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"])));module.exports=function(e){var o=e.reviewId,p=e.reviewerName,c=e.date,h=e.rating,x=e.stars,m=e.title,s=e.description,g=e.image,f=e.modalId,u=e.maxFullScreen,w=void 0!==u&&u,b=e.verified,v=e.productImage,j=e.productTitle,_=e.productLink,k=e.helpfulCount,y=void 0===k?0:k,z=e.helpfulAction,T=e.notHelpfulCount,O=void 0===T?0:T,I=e.notHelpfulAction,q=e.dateFormat,C=void 0===q?a.DateFormat.DDMMYY:q,F=null==g?void 0:g.src.includes("/video"),M=t.useRef(null),D=l.useModal(f),an=D.opened,on=D.close;return t.useEffect((function(){M.current&&(an?M.current.play():M.current.pause())}),[an]),i.jsx(l.Modal,n.__assign({id:f,maxFullScreen:w,padding:"0"},{children:i.jsxs(L,{children:[i.jsx(tn,n.__assign({onClick:on},{children:"X"}),void 0),i.jsx(U,{children:g&&(F?i.jsx(X,{ref:M,src:g.src,width:"100%",controls:!0},void 0):i.jsx(V,{src:g.src,alt:g.alt},void 0))},void 0),i.jsxs(Q,{children:[an&&i.jsxs(Y,{children:[p,b&&i.jsx(B,{children:"Verified Buyer"},void 0)]},void 0),i.jsxs(S,n.__assign({"data-testid":"review-detail-content"},{children:[i.jsxs(H,{children:[i.jsx(r.StarList,{starsNumber:5,rating:h,fill:x.color,size:x.size},void 0),i.jsx(N,{children:a.formatDate(c,C)},void 0)]},void 0),i.jsxs(A,{children:[i.jsx(E,{children:m},void 0),i.jsx(R,{dangerouslySetInnerHTML:{__html:s}},void 0)]},void 0),i.jsxs(W,{children:[i.jsxs(Z,n.__assign({"data-testid":"helpful-action",onClick:function(){return z?z(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),i.jsx(nn,{children:y},void 0)]}),void 0),i.jsxs($,n.__assign({"data-testid":"not-helpful-action",onClick:function(){return I?I(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),i.jsx(en,{children:O},void 0)]}),void 0)]},void 0)]}),void 0),v&&_&&i.jsxs(G,n.__assign({onClick:function(){return window.location.href=_}},{children:[i.jsx(P,{children:i.jsx(K,{src:v,alt:"productImage"},void 0)},void 0),i.jsx(J,{children:j},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};
+"use strict";var n=require("tslib"),i=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("react"),a=require("../../utils/dateFormatter/dateFormatter.js"),o=require("../atoms/Image/Image.js"),d=require("../icons/index.js"),l=require("../modal/Modal.js"),r=require("../rating/starList/StarList.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,h,x,m,s,g,f,u,w,b,v,j,_,k,y,z,T,O,I,q,C,F,M,D=p(e),L=D.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"]))),S=D.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"]))),H=D.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"],["\n  display: flex;\n  justify-content: space-between;\n"]))),A=D.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"]))),N=D.default.span(s||(s=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"]))),Y=D.default.h1(g||(g=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"]))),B=D.default.h1(f||(f=n.__makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"],["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"]))),E=D.default.h2(u||(u=n.__makeTemplateObject(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"],["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"]))),R=D.default.div(w||(w=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"],["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"]))),U=D.default.div(b||(b=n.__makeTemplateObject(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"],["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    max-height: calc(100dvh - 100px);\n    padding: 20px;\n  }\n"]))),V=D.default(o.Image)(v||(v=n.__makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),X=D.default.video(j||(j=n.__makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"],["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n  max-height: calc(100dvh - 100px);\n"]))),G=D.default.div(_||(_=n.__makeTemplateObject(["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"],["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"]))),J=D.default.div(k||(k=n.__makeTemplateObject(["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"],["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"]))),K=D.default(o.Image)(y||(y=n.__makeTemplateObject(["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"],["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"]))),P=D.default.div(z||(z=n.__makeTemplateObject(["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"],["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"]))),Q=D.default.div(T||(T=n.__makeTemplateObject(["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"],["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"]))),W=D.default.div(O||(O=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"],["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"]))),Z=D.default.div(I||(I=n.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),$=D.default.div(q||(q=n.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"],["\n  display: flex;\n  cursor: pointer;\n"]))),nn=D.default.span(C||(C=n.__makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"]))),en=D.default.span(F||(F=n.__makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"],["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"]))),tn=D.default.span(M||(M=n.__makeTemplateObject(["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"],["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"])));module.exports=function(e){var o=e.reviewId,p=e.reviewerName,c=e.date,h=e.rating,x=e.stars,m=e.title,s=e.description,g=e.image,f=e.modalId,u=e.maxFullScreen,w=void 0!==u&&u,b=e.verified,v=e.productImage,j=e.productTitle,_=e.productLink,k=e.helpfulCount,y=void 0===k?0:k,z=e.helpfulAction,T=e.notHelpfulCount,O=void 0===T?0:T,I=e.notHelpfulAction,q=e.dateFormat,C=void 0===q?a.DateFormat.DDMMYY:q,F=null==g?void 0:g.src.includes("/video"),M=t.useRef(null),D=l.useModal(f),an=D.opened,on=D.close;return t.useEffect((function(){M.current&&(an?M.current.play():M.current.pause())}),[an]),i.jsx(l.Modal,n.__assign({id:f,maxFullScreen:w,padding:"0"},{children:i.jsxs(L,{children:[i.jsx(tn,n.__assign({onClick:on},{children:"X"}),void 0),i.jsx(U,{children:g&&(F?i.jsx(X,{ref:M,src:g.src,width:"100%",controls:!0},void 0):i.jsx(V,{src:g.src,alt:g.alt},void 0))},void 0),i.jsxs(Q,{children:[an&&i.jsxs(Y,{children:[p,b&&i.jsx(B,{children:"Verified Buyer"},void 0)]},void 0),i.jsxs(S,n.__assign({"data-testid":"review-detail-content"},{children:[i.jsxs(H,{children:[i.jsx(r.StarList,{starsNumber:5,rating:h,fill:x.color,size:x.size},void 0),i.jsx(N,{children:a.formatDate(c,C)},void 0)]},void 0),i.jsxs(A,{children:[m?i.jsx(E,{children:m},void 0):null,i.jsx(R,{dangerouslySetInnerHTML:{__html:s}},void 0)]},void 0),i.jsxs(W,{children:[i.jsxs(Z,n.__assign({"data-testid":"helpful-action",onClick:function(){return z?z(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),i.jsx(nn,{children:y},void 0)]}),void 0),i.jsxs($,n.__assign({"data-testid":"not-helpful-action",onClick:function(){return I?I(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),i.jsx(en,{children:O},void 0)]}),void 0)]},void 0)]}),void 0),v&&_&&i.jsxs(G,n.__assign({onClick:function(){return window.location.href=_}},{children:[i.jsx(P,{children:i.jsx(K,{src:v,alt:"productImage"},void 0)},void 0),i.jsx(J,{children:j},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};
 //# sourceMappingURL=ReviewDetail.js.map

package/build/lib/components/reviews-header/ReviewsHeader.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("../text/Text.js"),a=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),d=require("../rating/starList/StarList.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,p,m,x,s,c,u,g=l(i),h=g.default.div(o||(o=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"]))),f=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"]))),w=g.default.div(m||(m=n.__makeTemplateObject(["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"]))),v=g.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"]))),b=g.default(t.Text)(s||(s=n.__makeTemplateObject(["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"],["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"]))),j=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"]))),y=g.default.div(u||(u=n.__makeTemplateObject(["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"],["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"])),(function(n){var e=n.backgroundUrl;return"url(".concat(e,")")}));module.exports=function(i){var l=i.title,o=void 0===l?"Reviews":l,p=i.rating,m=i.reviews,x=i.reviewsText,s=i.reviewsSummary,c=i.onClickReview,u=a.useTheme();return e.jsxs(h,{children:[e.jsx(t.Text,n.__assign({variant:"heading3",weight:"bold",style:{margin:"10px 0"}},{children:o}),void 0),e.jsxs(f,{children:[e.jsxs(w,{children:[e.jsxs(v,{children:[e.jsx(b,n.__assign({variant:"heading3",weight:"bold"},{children:p}),void 0),e.jsx(d.StarList,{rating:p,size:r.ComponentSize.Medium,starsNumber:5,fill:u.component.stars.element.color},void 0)]},void 0),e.jsxs(t.Text,n.__assign({variant:"body",size:"small",weight:"regular",style:{marginBottom:"20px"}},{children:[m," ",x]}),void 0)]},void 0),e.jsx(j,{children:s.map((function(n){return e.jsx(y,{onClick:function(){return c(n)},backgroundUrl:n,"data-testid":"summary-review-item"},n)}))},void 0)]},void 0)]},void 0)};
+"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("../text/Text.js"),a=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),d=require("../rating/starList/StarList.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,p,m,x,s,c,u,g=l(i),h=g.default.div(o||(o=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"]))),f=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"]))),w=g.default.div(m||(m=n.__makeTemplateObject(["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"]))),v=g.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"]))),b=g.default(t.Text)(s||(s=n.__makeTemplateObject(["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"],["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"]))),j=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"]))),y=g.default.div(u||(u=n.__makeTemplateObject(["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"],["\n  width: 84px;\n  height: 68px;\n  background: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"])),(function(n){var e=n.backgroundUrl;return"url(".concat(e,")")}));module.exports=function(i){var l=i.title,o=void 0===l?"Reviews":l,p=i.titleVariant,m=void 0===p?"heading3":p,x=i.rating,s=i.reviews,c=i.reviewsText,u=i.reviewsSummary,g=i.onClickReview,k=a.useTheme();return e.jsxs(h,{children:[e.jsx(t.Text,n.__assign({variant:m,weight:"bold",style:{margin:"10px 0"}},{children:o}),void 0),e.jsxs(f,{children:[e.jsxs(w,{children:[e.jsxs(v,{children:[e.jsx(b,n.__assign({variant:"heading3",weight:"bold"},{children:x}),void 0),e.jsx(d.StarList,{rating:x,size:r.ComponentSize.Medium,starsNumber:5,fill:k.component.stars.element.color},void 0)]},void 0),e.jsxs(t.Text,n.__assign({variant:"body",size:"small",weight:"regular",style:{marginBottom:"20px"}},{children:[s," ",c]}),void 0)]},void 0),e.jsx(j,{children:u.map((function(n){return e.jsx(y,{onClick:function(){return g(n)},backgroundUrl:n,"data-testid":"summary-review-item"},n)}))},void 0)]},void 0)]},void 0)};
 //# sourceMappingURL=ReviewsHeader.js.map

package/build/lib/components/tag/variants/product/ProductTag.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),e=require("./styled.js");module.exports=function(t){var i=t.text,d=t.backgroundColor,n=t.textColor,s=t.borderColor,a=t.borderWidth,l=t.borderRadius,u=t.fontSize,c=t.fontWeight,b=t.padding,C=t.className,g=t.onClick;return o.jsx(e.Container,r.__assign({backgroundColor:d,textColor:n,borderColor:s,borderWidth:a,borderRadius:l,fontSize:u,fontWeight:c,padding:b,className:C,onClick:g},{children:i}),void 0)};
+"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("./styled.js");module.exports=function(t){var i=t.text,a=t.image,d=t.backgroundColor,s=t.textColor,n=t.borderColor,l=t.borderWidth,g=t.borderRadius,c=t.fontSize,h=t.fontWeight,u=t.padding,b=t.className,C=t.onClick;return e.jsxs(o.Container,r.__assign({backgroundColor:a?"transparent":d,textColor:s,borderColor:n,borderWidth:l,borderRadius:g,fontSize:c,fontWeight:h,padding:u,hasImage:!!a,className:b,onClick:C},{children:[a&&e.jsx(o.TagImage,{src:a.src,alt:a.alt,width:a.width,height:a.height},void 0),i]}),void 0)};
 //# sourceMappingURL=ProductTag.js.map

package/build/lib/components/tag/variants/product/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r=e(require("@emotion/styled")).default.div(t||(t=n.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 1.2;\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 1.2;\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"])),(function(n){return n.padding||"4px 8px"}),(function(n){return n.borderRadius||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var e=n.borderWidth,t=n.borderColor;return e&&t?"".concat(e," solid ").concat(t):t?"1px solid ".concat(t):"none"}),(function(n){return n.onClick&&"\n      opacity: 0.8;\n      transform: translateY(-1px);\n    "}));exports.Container=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,r,o=t(require("@emotion/styled")),i=o.default.img(e||(e=n.__makeTemplateObject(["\n  display: block;\n  max-width: ",";\n  max-height: ",";\n  object-fit: contain;\n  flex-shrink: 0;\n  background: transparent;\n"],["\n  display: block;\n  max-width: ",";\n  max-height: ",";\n  object-fit: contain;\n  flex-shrink: 0;\n  background: transparent;\n"])),(function(n){return n.width||"auto"}),(function(n){return n.height||"16px"})),a=o.default.div(r||(r=n.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: ",";\n  line-height: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: ",";\n  line-height: ",";\n  border-radius: ",";\n  font-size: ",";\n  font-weight: ",";\n  text-align: center;\n  white-space: nowrap;\n  cursor: ",";\n  transition: all 0.2s ease-in-out;\n  background-color: ",";\n  color: ",";\n  border: ",";\n\n  &:hover {\n    ","\n  }\n"])),(function(n){var t=n.padding;return n.hasImage?"0":t||"4px 8px"}),(function(n){var t=n.hasImage,e=n.hasText;return t&&!e?"0":"1.2"}),(function(n){var t=n.borderRadius,e=n.hasImage,r=n.hasText;return e&&!r?t||"0":t||"4px"}),(function(n){return n.fontSize||"12px"}),(function(n){return n.fontWeight||"600"}),(function(n){return n.onClick?"pointer":"default"}),(function(n){return n.backgroundColor||"#F5F5F5"}),(function(n){return n.textColor||"#000000"}),(function(n){var t=n.borderWidth,e=n.borderColor;return t&&e?"".concat(t," solid ").concat(e):e?"1px solid ".concat(e):"none"}),(function(n){return n.onClick&&"\n      opacity: 0.8;\n      transform: translateY(-1px);\n    "}));exports.Container=a,exports.TagImage=i;
 //# sourceMappingURL=styled.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.27.9",
+  "version": "7.27.11",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",