{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/LatestReviews/components/HorizontalLatestReview.tsx","webpack:///./Avensia.Common/Features/Shared/Blocks/LatestReviews/components/VerticalLatestReview.tsx","webpack:///./Avensia.Common/Features/Shared/Blocks/LatestReviews/index.tsx"],"names":["props","Fragment","reviews","length","ListContainer","map","review","ReviewItem","key","id","css","blockStyle","className","Viewport","isCompact","BorderedDiv","Body","to","productUrl","ImageContainer","alt","productTitle","itemProp","preset","productImageUrl","includes","undefined","Tiny","ratio","OneToOne","src","InfoContainer","ProductTitle","lines","fontSize","bgColor","rating","Reviewer","RatingsWrapper","ratingStandardStyles","StyledAverageRatings","average","spacing","Normal","size","AliasName","aliasName","ClampedText","reviewText","Array","fill","elem","index","Placeholder","div","width","marginRight","alignSelf","display","flexFlow","justifyContent","flexDirection","Item","margin","xy","paddingRight","paddingLeft","padding","x","CARD_GUTTER","backgroundColor","theme","cardBackgroundColor","Link","alignItems","paddingBottom","paddingTop","textDecoration","color","textAlign","bottom","position","AverageRating","whiteSpace","marginTop","fontWeight","span","textOverflow","overflow","minWidth","mixBlendMode","ImageWrapper","LeftContent","marginBottom","wordBreak","Container","connect","state","currentBreakpoint","HeaderTitle","title","isVertical","VerticalLatestReview","HorizontalLatestReview","h2","letterSpacing","lineHeight","textTransform"],"mappings":"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","file":"assets/63.chunk.25cc8affc90c626884fd.js","sourcesContent":["import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { lightBlack } from 'Shared/Style/colors';\r\nimport { pseudo } from '@glitz/core';\r\nimport Link from 'Shared/Link';\r\nimport Viewport from 'Shared/Viewport';\r\nimport AverageRating from 'Product/ProductDetails/AverageRating';\r\nimport Image, { Ratio as ImageRatio, Preset as ImagePreset } from 'Shared/Image/Ratio';\r\nimport { Spacing, Size } from 'Product/ProductDetails/AverageRating';\r\nimport {\r\n  pixelsToUnit,\r\n  minMediumMediaQuery,\r\n  minTinyMediaQuery,\r\n  minMicroMediaQuery,\r\n  minSmallMediaQuery,\r\n  sigma,\r\n  eta,\r\n  milli,\r\n  epsilon,\r\n  kappa,\r\n  theta,\r\n  whitelilac,\r\n} from 'Shared/Style';\r\nimport LatestReviewViewModel from '../LatestReviewViewModel.type';\r\nimport ClampedText from 'Shared/ClampedText';\r\n\r\nconst CARD_GUTTER = 25;\r\n\r\ntype PropType = {\r\n  reviews: LatestReviewViewModel[];\r\n  currentBreakpoint: number;\r\n};\r\n\r\nexport default (props: PropType) => (\r\n  <React.Fragment>\r\n    {props.reviews.length > 0 && (\r\n      <ListContainer>\r\n        {props.reviews.map((review) => {\r\n          return (\r\n            <ReviewItem key={review.id} css={blockStyle} className=\"box-item-card\">\r\n              <Viewport>\r\n                {(isCompact: boolean) => {\r\n                  return (\r\n                    <BorderedDiv>\r\n                      <Body to={review.productUrl}>\r\n                        <ImageContainer>\r\n                          <Image\r\n                            alt={review.productTitle}\r\n                            itemProp=\"image\"\r\n                            preset={!review.productImageUrl.includes('.gif') ? ImagePreset.Tiny : undefined}\r\n                            ratio={ImageRatio.OneToOne}\r\n                            src={review.productImageUrl}\r\n                            css={{ mixBlendMode: 'multiply' }}\r\n                          />\r\n                        </ImageContainer>\r\n                        <InfoContainer>\r\n                          <ProductTitle lines={2} fontSize={isCompact ? theta : epsilon} bgColor={whitelilac}>\r\n                            {review.productTitle}\r\n                          </ProductTitle>\r\n                          {review.rating > 0 && (\r\n                            <Reviewer>\r\n                              <RatingsWrapper css={ratingStandardStyles}>\r\n                                <StyledAverageRatings\r\n                                  average={review.rating}\r\n                                  spacing={Spacing.Normal}\r\n                                  size={Size.Tiny}\r\n                                />\r\n                              </RatingsWrapper>\r\n                              <AliasName>{review.aliasName}</AliasName>\r\n                            </Reviewer>\r\n                          )}\r\n                          <ClampedText lines={3} fontSize={isCompact ? kappa : sigma} bgColor={whitelilac}>\r\n                            {review.reviewText}\r\n                          </ClampedText>\r\n                        </InfoContainer>\r\n                      </Body>\r\n                    </BorderedDiv>\r\n                  );\r\n                }}\r\n              </Viewport>\r\n            </ReviewItem>\r\n          );\r\n        })}\r\n        {new Array(5).fill(0).map((elem, index) => (\r\n          <Placeholder css={blockStyle} className=\"box-item-card\" key={index} />\r\n        ))}\r\n      </ListContainer>\r\n    )}\r\n  </React.Fragment>\r\n);\r\n\r\nconst ImageContainer = styled.div({\r\n  width: '25%',\r\n  marginRight: pixelsToUnit(5),\r\n  [minMediumMediaQuery]: {\r\n    width: '33%',\r\n  },\r\n});\r\nconst InfoContainer = styled.div({\r\n  alignSelf: 'center',\r\n  width: '75%',\r\n  [minMediumMediaQuery]: {\r\n    width: '66%',\r\n  },\r\n});\r\n\r\nconst ListContainer = styled.div({\r\n  display: 'flex',\r\n  flexFlow: 'row wrap',\r\n  justifyContent: 'center',\r\n  [minMediumMediaQuery]: {\r\n    justifyContent: 'space-around',\r\n  },\r\n});\r\n\r\nconst blockStyle = {\r\n  width: '100%',\r\n  [minSmallMediaQuery]: {\r\n    width: '49%',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    width: '32.9%',\r\n  },\r\n};\r\n\r\nconst BorderedDiv = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst Item = styled.div({\r\n  margin: { xy: pixelsToUnit(2) },\r\n  ...pseudo(':nth-child(odd)', {\r\n    paddingRight: pixelsToUnit(7),\r\n  }),\r\n  ...pseudo(':nth-child(even)', {\r\n    paddingLeft: pixelsToUnit(7),\r\n  }),\r\n  [minTinyMediaQuery]: {\r\n    ...pseudo(':nth-child(n)', {\r\n      padding: {\r\n        x: pixelsToUnit(CARD_GUTTER / 2),\r\n      },\r\n    }),\r\n  },\r\n});\r\n\r\nconst Placeholder = styled(Item, {\r\n  margin: {\r\n    xy: 0,\r\n  },\r\n  padding: {\r\n    xy: 0,\r\n  },\r\n});\r\n\r\nconst ReviewItem = styled(Item, {\r\n  backgroundColor: (theme) => theme.cardBackgroundColor,\r\n});\r\n\r\nconst Body = styled(Link, {\r\n  alignItems: 'stretch',\r\n  display: 'flex',\r\n  paddingBottom: pixelsToUnit(5),\r\n  paddingTop: pixelsToUnit(5),\r\n  justifyContent: 'space-between',\r\n  textDecoration: 'inherit',\r\n  color: 'inherit',\r\n  textAlign: 'left',\r\n});\r\n\r\nconst ratingStandardStyles = {\r\n  [minMicroMediaQuery]: {\r\n    fontSize: eta,\r\n  },\r\n  [minSmallMediaQuery]: {\r\n    fontSize: sigma,\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    fontSize: milli,\r\n    bottom: 0,\r\n    position: 'static',\r\n    textAlign: 'left',\r\n  },\r\n};\r\n\r\nconst RatingsWrapper = styled.div({\r\n  bottom: pixelsToUnit(-6),\r\n  fontSize: pixelsToUnit(9),\r\n  width: pixelsToUnit(95),\r\n  marginRight: pixelsToUnit(5),\r\n  [minMediumMediaQuery]: {\r\n    bottom: 0,\r\n    position: 'static',\r\n    textAlign: 'right',\r\n  },\r\n});\r\n\r\nconst StyledAverageRatings = styled(AverageRating, {\r\n  whiteSpace: 'nowrap',\r\n});\r\n\r\nconst ProductTitle = styled(ClampedText, {\r\n  marginTop: 0,\r\n  color: lightBlack,\r\n  fontWeight: 800,\r\n});\r\n\r\nconst Reviewer = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n});\r\n\r\nconst AliasName = styled.span({\r\n  whiteSpace: 'nowrap',\r\n  textOverflow: 'ellipsis',\r\n  fontWeight: 'bold',\r\n  overflow: 'hidden',\r\n  minWidth: pixelsToUnit(40),\r\n});\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { lightBlack } from 'Shared/Style/colors';\r\nimport Link from 'Shared/Link';\r\nimport AverageRating from 'Product/ProductDetails/AverageRating';\r\nimport Image, { Ratio as ImageRatio, Preset as ImagePreset } from 'Shared/Image/Ratio';\r\nimport { Spacing, Size } from 'Product/ProductDetails/AverageRating';\r\nimport {\r\n  pixelsToUnit,\r\n  minMediumMediaQuery,\r\n  minSmallMediaQuery,\r\n  epsilon,\r\n  theta,\r\n  kappa,\r\n  sigma,\r\n  whitelilac,\r\n} from 'Shared/Style';\r\nimport LatestReviewViewModel from '../LatestReviewViewModel.type';\r\nimport { medium, large, huge } from 'Shared/Style/spacing';\r\nimport Viewport from 'Shared/Viewport';\r\nimport ClampedText from 'Shared/ClampedText';\r\n\r\ntype PropType = {\r\n  reviews: LatestReviewViewModel[];\r\n};\r\n\r\nexport default (props: PropType) => {\r\n  return (\r\n    props.reviews.length > 0 && (\r\n      <ListContainer>\r\n        {props.reviews.map(review => {\r\n          return (\r\n            <Item key={review.id}>\r\n              <Viewport>\r\n                {(isCompact: boolean) => {\r\n                  return (\r\n                    <BorderedDiv>\r\n                      <Body to={review.productUrl}>\r\n                        <ImageWrapper>\r\n                          <Image\r\n                            alt={review.productTitle}\r\n                            itemProp=\"image\"\r\n                            preset={!review.productImageUrl.includes('.gif') ? ImagePreset.Tiny : undefined}\r\n                            ratio={ImageRatio.OneToOne}\r\n                            src={review.productImageUrl}\r\n                            css={{ mixBlendMode: 'multiply' }}\r\n                          />\r\n                        </ImageWrapper>\r\n                        <LeftContent>\r\n                          <ProductTitle lines={2} fontSize={isCompact ? theta : epsilon} bgColor={whitelilac}>\r\n                            {review.productTitle}\r\n                          </ProductTitle>\r\n                          {review.rating > 0 && (\r\n                            <Reviewer>\r\n                              <RatingsWrapper>\r\n                                <StyledAverageRatings\r\n                                  average={review.rating}\r\n                                  spacing={Spacing.Normal}\r\n                                  size={Size.Tiny}\r\n                                />\r\n                              </RatingsWrapper>\r\n                              <AliasName>{review.aliasName}</AliasName>\r\n                            </Reviewer>\r\n                          )}\r\n                          <ClampedText lines={3} fontSize={isCompact ? kappa : sigma} bgColor={whitelilac}>\r\n                            {review.reviewText}\r\n                          </ClampedText>\r\n                        </LeftContent>\r\n                      </Body>\r\n                    </BorderedDiv>\r\n                  );\r\n                }}\r\n              </Viewport>\r\n            </Item>\r\n          );\r\n        })}\r\n      </ListContainer>\r\n    )\r\n  );\r\n};\r\n\r\nconst ListContainer = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  margin: {\r\n    x: large,\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    justifyContent: 'space-around',\r\n    x: huge,\r\n  },\r\n});\r\n\r\nconst BorderedDiv = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'stretch',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst Item = styled.div({\r\n  marginBottom: pixelsToUnit(10),\r\n});\r\n\r\nconst Body = styled(Link, {\r\n  backgroundColor: theme => theme.cardBackgroundColor,\r\n  padding: { xy: pixelsToUnit(5) },\r\n  alignItems: 'stretch',\r\n  display: 'flex',\r\n  flexFlow: 'row nowrap',\r\n  justifyContent: 'center',\r\n  textDecoration: 'inherit',\r\n  color: 'inherit',\r\n  textAlign: 'center',\r\n  [minMediumMediaQuery]: {\r\n    textAlign: 'left',\r\n  },\r\n});\r\n\r\nconst ImageWrapper = styled.div({\r\n  width: '20%',\r\n  overflow: 'hidden',\r\n});\r\n\r\nconst LeftContent = styled.div({\r\n  alignItems: 'flex-start',\r\n  justifyContent: 'center',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  paddingLeft: large,\r\n  paddingRight: large,\r\n  [minMediumMediaQuery]: {\r\n    paddingLeft: huge,\r\n  },\r\n  paddingBottom: 0,\r\n  textDecoration: 'inherit',\r\n  color: 'inherit',\r\n  textAlign: 'left',\r\n  width: '80%',\r\n});\r\n\r\nconst RatingsWrapper = styled.div({\r\n  fontSize: pixelsToUnit(9),\r\n  width: pixelsToUnit(100),\r\n  bottom: 0,\r\n  position: 'static',\r\n  textAlign: 'right',\r\n});\r\n\r\nconst StyledAverageRatings = styled(AverageRating, {\r\n  whiteSpace: 'nowrap',\r\n  textAlign: 'left',\r\n});\r\n\r\nconst ProductTitle = styled(ClampedText, {\r\n  color: lightBlack,\r\n  fontWeight: 800,\r\n  wordBreak: 'break-word',\r\n  [minMediumMediaQuery]: {\r\n    marginTop: medium,\r\n  },\r\n});\r\n\r\nconst Reviewer = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  [minSmallMediaQuery]: {\r\n    flexDirection: 'row',\r\n  },\r\n});\r\n\r\nconst AliasName = styled.span({\r\n  fontWeight: 'bold',\r\n});\r\n","/**\r\n * @ComponentFor LatestReviewsBlockViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport ILatestReviewsBlockViewModel from './LatestReviewsBlockViewModel.type';\r\nimport HorizontalLatestReview from './components/HorizontalLatestReview';\r\nimport VerticalLatestReview from './components/VerticalLatestReview';\r\nimport { BOX_ITEM_CLASSNAME } from 'Shared/BoxLayout';\r\nimport { lightBlack } from 'Shared/Style/colors';\r\nimport { beta, delta } from 'Shared/Style/typography';\r\nimport { pixelsToUnit, minMediumMediaQuery, small, huge } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\nconst LatestReviews = (props: ILatestReviewsBlockViewModel & ConnectStateType & StyledProps) => {\r\n  return (\r\n    <Container className={BOX_ITEM_CLASSNAME}>\r\n      <HeaderTitle>{props.title}</HeaderTitle>\r\n      {props.isVertical ? (\r\n        <VerticalLatestReview reviews={props.reviews} />\r\n      ) : (\r\n        <HorizontalLatestReview reviews={props.reviews} currentBreakpoint={props.currentBreakpoint} />\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      currentBreakpoint: state.currentBreakpoint,\r\n    }),\r\n  )(LatestReviews),\r\n);\r\n\r\nconst Container = styled.div({});\r\n\r\nconst HeaderTitle = styled.h2({\r\n  color: lightBlack,\r\n  fontSize: delta,\r\n  fontWeight: 'bold',\r\n  letterSpacing: pixelsToUnit(1.9),\r\n  lineHeight: 'normal',\r\n  padding: { xy: small },\r\n  textAlign: 'center',\r\n  textTransform: 'uppercase',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: beta,\r\n    fontWeight: 'normal',\r\n    letterSpacing: pixelsToUnit(3),\r\n    padding: { xy: huge },\r\n  },\r\n});\r\n"],"sourceRoot":""}