{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/AdvanceImage/AdvanceImageBlock.tsx"],"names":["Wrapper","div","position","display","alignItems","justifyContent","textAlign","overflow","maxHeight","paddingBottom","marginTop","margin","x","y","ContentWrapper","maxWidth","width","ButtonWrapper","paddingTop","flex","direction","SingleRow","TopRow","marginBottom","BottomRow","ButtonLink","borderRadius","font","family","size","weight","cursor","letterSpacing","padding","border","xy","style","textTransform","opacity","lineHeight","Heading","h1","props","heading","buttonLinkCollection","textStyling","color","headingTextColor","backgroundStyling","backgroundColor","buttonStyling","buttonTextColor","buttonBackgroundColor","height","halfLength","Math","ceil","length","Button","to","link","css","value","imageComponent","Div","objectFit","minHeight","backgroundColorTransparent","src","imageUrl","url","alt","altText","lazy","emptyImageComponent","isBackgroundColorSelected","left","top","transform","slice","map","button","idx","key","title","flexGrow"],"mappings":"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","file":"assets/47.chunk.52ac1584f9ba2dee7690.js","sourcesContent":["/**\r\n * @ComponentFor AdvanceImageBlockViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport AdvanceImageBlockType from './AdvanceImageBlockViewModel.type';\r\nimport Image from '../../Image';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { epsilon, gamma, alpha, zeta, huge, pixelsToUnit } from 'Shared/Style';\r\nimport { Style } from '@glitz/type';\r\nimport Link from 'Shared/Link';\r\nimport { minMediumMediaQuery } from 'Shared/Style';\r\nimport { pseudo } from '@glitz/core';\r\nimport { isIE } from '@avensia/scope';\r\n\r\ntype RequieredProps = AdvanceImageBlockType;\r\n\r\ntype Props = { redirectLink?: string } & RequieredProps & StyledProps;\r\n\r\ntype ButtonPropType = {\r\n  value: string;\r\n  link: string;\r\n};\r\n\r\nconst Wrapper = styled.div({\r\n  position: 'relative',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  textAlign: 'center',\r\n  overflow: 'hidden',\r\n  maxHeight: '45rem',\r\n  paddingBottom: '2rem',\r\n  marginTop: '1rem',\r\n  [minMediumMediaQuery]: {\r\n    maxHeight: '45rem',\r\n    margin: { x: 0, y: '2rem' },\r\n  },\r\n});\r\n\r\nconst ContentWrapper = styled.div({\r\n  textAlign: 'center',\r\n  maxWidth: pixelsToUnit(870),\r\n  width: '100%',\r\n  paddingBottom: '1rem',\r\n});\r\n\r\nconst ButtonWrapper = styled.div({\r\n  paddingTop: pixelsToUnit(20),\r\n  flex: {\r\n    direction: 'column',\r\n  },\r\n  alignItems: 'center',\r\n  [minMediumMediaQuery]: {\r\n    paddingTop: pixelsToUnit(30),\r\n  },\r\n});\r\n\r\nconst SingleRow = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  flex: {\r\n    direction: 'column',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    flex: {\r\n      direction: 'row',\r\n    },\r\n  },\r\n});\r\n\r\nconst TopRow = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  marginBottom: pixelsToUnit(20),\r\n  flex: {\r\n    direction: 'column',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    flex: {\r\n      direction: 'row',\r\n    },\r\n  },\r\n});\r\n\r\nconst BottomRow = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  flex: {\r\n    direction: 'column',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    flex: {\r\n      direction: 'row',\r\n    },\r\n  },\r\n});\r\n\r\nconst ButtonLink = styled(Link, {\r\n  display: 'inline-block',\r\n  borderRadius: pixelsToUnit(5),\r\n  font: {\r\n    family: '\"Nunito\", \"PT Sans\", \"sans-serif\"',\r\n    size: zeta,\r\n    weight: 600,\r\n  },\r\n  cursor: 'pointer',\r\n  letterSpacing: pixelsToUnit(0.8),\r\n  padding: {\r\n    y: pixelsToUnit(14),\r\n    x: huge,\r\n  },\r\n  border: {\r\n    xy: {\r\n      style: 'none',\r\n    },\r\n  },\r\n  textTransform: 'uppercase',\r\n  ':hover': {\r\n    opacity: 0.85,\r\n  },\r\n  ...pseudo(':not(:first-child)', {\r\n    marginTop: pixelsToUnit(20),\r\n  }),\r\n  [minMediumMediaQuery]: {\r\n    lineHeight: pixelsToUnit(20),\r\n    font: {\r\n      size: epsilon,\r\n    },\r\n    ...pseudo(':not(:first-child)', {\r\n      marginTop: pixelsToUnit(0),\r\n    }),\r\n  },\r\n});\r\n\r\nconst Heading = styled.h1({\r\n  font: {\r\n    family: '\"Nunito\", \"PT Sans\", \"sans-serif\"',\r\n    size: gamma,\r\n    weight: 600,\r\n  },\r\n  lineHeight: pixelsToUnit(32),\r\n  [minMediumMediaQuery]: {\r\n    font: {\r\n      size: alpha,\r\n    },\r\n    lineHeight: pixelsToUnit(48),\r\n    margin: {\r\n      x: pixelsToUnit(20),\r\n      y: pixelsToUnit(0),\r\n    },\r\n  },\r\n  margin: {\r\n    x: pixelsToUnit(10),\r\n    y: pixelsToUnit(0),\r\n  },\r\n});\r\n\r\nexport default (props: Props & StyledProps) => {\r\n  const { heading, buttonLinkCollection } = props;\r\n\r\n  const maxNumberOfButtons = 8;\r\n\r\n  const textStyling: Style = {\r\n    color: !!props.headingTextColor ? props.headingTextColor : 'black',\r\n  };\r\n\r\n  const backgroundStyling: Style = {\r\n    paddingTop: '1rem',\r\n    backgroundColor: !!props.backgroundColor ? props.backgroundColor : 'black',\r\n  };\r\n\r\n  const buttonStyling: Style = {\r\n    width: '80%',\r\n    lineHeight: pixelsToUnit(10),\r\n    color: !!props.buttonTextColor ? props.buttonTextColor : 'black',\r\n    backgroundColor: !!props.buttonBackgroundColor ? props.buttonBackgroundColor : 'white',\r\n    margin: { x: pixelsToUnit(6) },\r\n\r\n    [minMediumMediaQuery]: {\r\n      display: 'flex',\r\n      margin: { x: pixelsToUnit(10) },\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      color: !!props.buttonTextColor ? props.buttonTextColor : 'black',\r\n      backgroundColor: !!props.buttonBackgroundColor ? props.buttonBackgroundColor : 'white',\r\n      width: pixelsToUnit(230),\r\n      height: pixelsToUnit(60),\r\n    },\r\n  };\r\n\r\n  const halfLength = Math.ceil(buttonLinkCollection.length / 2);\r\n\r\n  function Button(props: ButtonPropType) {\r\n    return (\r\n      <ButtonLink to={props.link} css={buttonStyling}>\r\n        {props.value}\r\n      </ButtonLink>\r\n    );\r\n  }\r\n\r\n  const imageComponent = (\r\n    <styled.Div css={{ flexGrow: 1 }}>\r\n      <Image\r\n        css={{\r\n          objectFit: 'cover',\r\n          display: 'block',\r\n          height: '100%',\r\n          width: '100%',\r\n          minHeight: '30rem',\r\n          backgroundColor: props.backgroundColorTransparent ? 'transparent' : 'white',\r\n          [minMediumMediaQuery]: {\r\n            width: '100%',\r\n          },\r\n        }}\r\n        src={props.imageUrl && props.imageUrl.url}\r\n        alt={props.altText}\r\n        lazy\r\n      />\r\n    </styled.Div>\r\n  );\r\n\r\n  const emptyImageComponent = <styled.Div></styled.Div>;\r\n\r\n  return (\r\n    <Wrapper css={props.isBackgroundColorSelected && backgroundStyling}>\r\n      {!props.isBackgroundColorSelected && !!props.imageUrl ? imageComponent : emptyImageComponent}\r\n\r\n      <ContentWrapper\r\n        css={\r\n          isIE()\r\n            ? props.isBackgroundColorSelected\r\n              ? { left: '50%', top: '50%', transform: 'translate(-50%, -50%)', position: 'relative' }\r\n              : { left: '50%', top: '50%', transform: 'translate(-50%, -50%)', position: 'absolute' }\r\n            : props.isBackgroundColorSelected\r\n            ? { position: 'relative' }\r\n            : { position: 'absolute' }\r\n        }\r\n      >\r\n        <Heading css={textStyling}>{heading}</Heading>\r\n        {buttonLinkCollection.length > 0 && (\r\n          <ButtonWrapper\r\n            css={\r\n              buttonLinkCollection.length < maxNumberOfButtons\r\n                ? { justifyContent: 'space-around' }\r\n                : { justifyContent: 'space-between' }\r\n            }\r\n          >\r\n            {buttonLinkCollection.length > 3 ? (\r\n              <div>\r\n                <TopRow>\r\n                  {!!buttonLinkCollection &&\r\n                    buttonLinkCollection\r\n                      .slice(0, halfLength)\r\n                      .map((button, idx) => (\r\n                        <Button key={idx} link={buttonLinkCollection[idx].url} value={button.title} />\r\n                      ))}\r\n                </TopRow>\r\n                <BottomRow>\r\n                  {!!buttonLinkCollection &&\r\n                    buttonLinkCollection\r\n                      .slice(halfLength, buttonLinkCollection.length)\r\n                      .map((button, idx) => (\r\n                        <Button\r\n                          key={idx + halfLength}\r\n                          link={buttonLinkCollection[idx + halfLength].url}\r\n                          value={button.title}\r\n                        />\r\n                      ))}\r\n                </BottomRow>\r\n              </div>\r\n            ) : (\r\n              <SingleRow>\r\n                {' '}\r\n                {!!buttonLinkCollection &&\r\n                  buttonLinkCollection\r\n                    .slice(0, buttonLinkCollection.length)\r\n                    .map((button, idx) => (\r\n                      <Button key={idx} link={buttonLinkCollection[idx].url} value={button.title} />\r\n                    ))}\r\n              </SingleRow>\r\n            )}\r\n          </ButtonWrapper>\r\n        )}\r\n      </ContentWrapper>\r\n    </Wrapper>\r\n  );\r\n};\r\n"],"sourceRoot":""}