{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-HeroBlock.a7eb8672.chunk.js","mappings":"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","sources":["Atoms/Buttons/BaseButtonStyle.ts","Atoms/Buttons/Button.tsx","Atoms/Grids/GridItem.tsx","Atoms/Loaders/LoadingCircle.tsx","Organisms/Blocks/HeroBlock.tsx"],"sourcesContent":["import { styled } from 'stitches.config';\r\nimport { timings, animation } from 'Theme/Settings/animation';\r\n\r\nconst hoverCondition = '&:hover:not([disabled])';\r\n\r\nexport const ButtonVariants = {\r\n  variants: {\r\n    color: {\r\n      primary: {\r\n        backgroundColor: '$buttonPrimary',\r\n        color: '$textSecondary',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$JE68GreenHover',\r\n        },\r\n      },\r\n      primary2: {\r\n        backgroundColor: '$buttonPrimary2',\r\n        color: '$textPrimary',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$buttonPrimary2',\r\n        },\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$buttonSecondary',\r\n        color: '$textSecondary',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$primaryLight1',\r\n        },\r\n      },\r\n      secondaryDark: {\r\n        backgroundColor: '$buttonSecondaryDark',\r\n        color: '$textPrimary',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$primary4',\r\n        },\r\n      },\r\n      tertiary: {\r\n        backgroundColor: 'transparent',\r\n        color: '$textPrimary',\r\n        // using box shadow to create a border - this way hover doesn't affect layout\r\n        boxShadow: '0 0 0 1px $colors$borderPrimary',\r\n        [hoverCondition]: {\r\n          boxShadow: '0 0 0 2px $colors$borderPrimary',\r\n        },\r\n      },\r\n      quaternary: {\r\n        backgroundColor: '$primary2',\r\n        color: '$textPrimary',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$primary1',\r\n        },\r\n      },\r\n      outlined: {\r\n        backgroundColor: 'transparent',\r\n        border: '1px solid $secondary2',\r\n        [hoverCondition]: {\r\n          backgroundColor: '$primary2',\r\n        },\r\n      },\r\n    },\r\n    size: {\r\n      s: {\r\n        py: 3,\r\n        px: 6,\r\n        fs: 6,\r\n        h: 10,\r\n        lineHeight: '$lh133',\r\n      },\r\n      l: {\r\n        py: 3.5,\r\n        px: 6,\r\n        fs: 8,\r\n        h: 12,\r\n        lineHeight: '$lh125',\r\n      },\r\n    },\r\n    fullWidth: {\r\n      true: {\r\n        width: '100%',\r\n      },\r\n    },\r\n    loading: {\r\n      true: {\r\n        opacity: 0.7,\r\n        fs: 7,\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    color: 'primary',\r\n    size: 'l',\r\n  },\r\n};\r\n\r\nexport const ButtonBase = {\r\n  borderColor: 'transparent',\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  wordSpacing: '$wordSpacings$fontPrimary',\r\n  whiteSpace: 'nowrap',\r\n  fontFamily: 'fontPrimary500',\r\n  ls: '$ls1',\r\n  bw: 0.25,\r\n  transition: `all ${timings.oneFifth} ${animation.timingFn}`,\r\n  textAlign: 'center',\r\n  textTransform: 'uppercase',\r\n  '&:active': {\r\n    outlineWidth: 0,\r\n  },\r\n  '&:focus': {},\r\n  '&:disabled': {\r\n    cursor: 'not-allowed',\r\n    opacity: 0.5,\r\n  },\r\n};\r\n\r\nconst BaseButtonStyled = styled('button', {\r\n  ...ButtonBase,\r\n  ...ButtonVariants,\r\n});\r\n\r\nexport default BaseButtonStyled;\r\n","import LoadingCircle from 'Atoms/Loaders/LoadingCircle';\r\nimport KexIconLoader from 'Kex/KexIconLoader';\r\nimport { styled } from 'stitches.config';\r\nimport BaseButtonStyled from './BaseButtonStyle';\r\nimport BaseButtonType from './BaseButtonType';\r\n\r\nfunction Button({\r\n  onClick,\r\n  children,\r\n  icon,\r\n  disabled,\r\n  type,\r\n  size,\r\n  css,\r\n  isLoading,\r\n  fullWidth,\r\n}: BaseButtonType) {\r\n  const Icon = icon && styled(KexIconLoader(icon.type));\r\n  return (\r\n    <StyledButton\r\n      aria-label={children?.toString() || ''}\r\n      size={size}\r\n      css={css}\r\n      color={type}\r\n      {...(!disabled && onClick && { onClick })}\r\n      disabled={isLoading ? true : disabled}\r\n      fullWidth={fullWidth}\r\n    >\r\n      <StyledButtonText isLoading={isLoading}>\r\n        {Icon && (\r\n          <IconContainer>\r\n            <Icon color={icon.color} size={icon.size} />{' '}\r\n          </IconContainer>\r\n        )}\r\n        {children}\r\n      </StyledButtonText>\r\n\r\n      {isLoading && (\r\n        <StyledLoadingCircle>\r\n          <LoadingCircle\r\n            size=\"s\"\r\n            color={'primary'}\r\n            onBackground={true}\r\n            isLoading={isLoading}\r\n          />\r\n        </StyledLoadingCircle>\r\n      )}\r\n    </StyledButton>\r\n  );\r\n}\r\n\r\nconst IconContainer = styled('div', {\r\n  position: 'absolute',\r\n  left: 24,\r\n});\r\n\r\nconst StyledLoadingCircle = styled('div', {\r\n  position: 'absolute',\r\n});\r\n\r\nconst StyledButtonText = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  variants: {\r\n    isLoading: {\r\n      true: {\r\n        opacity: 0,\r\n      },\r\n      false: {\r\n        opacity: 1,\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst StyledButton = styled(BaseButtonStyled, {\r\n  position: 'relative',\r\n  overflow: 'hidden',\r\n});\r\n\r\nexport default Button;\r\n","import { CSS } from '@stitches/react';\r\nimport { ReactNode } from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n  layout?: string;\r\n  children: ReactNode;\r\n  css?: CSS;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children, css }: PropType) {\r\n  return (\r\n    <GridItemContainer data-gridsize={layout} css={css}>\r\n      {children}\r\n    </GridItemContainer>\r\n  );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n  w: '100%',\r\n  h: '100%',\r\n  mx: 'auto',\r\n  gridColumnStart: 'auto',\r\n  gridColumnEnd: 'span 12',\r\n  '@mediaMinMedium': {\r\n    '&:nth-child(n)[data-gridsize=\"1/2\"], &:nth-child(n)[data-gridsize=\"1/3\"], &:nth-child(n)[data-gridsize=\"1/4\"]':\r\n      {\r\n        gridColumnEnd: 'span 6',\r\n      },\r\n  },\r\n  '@mediaMinLarge': {\r\n    '&:nth-child(n)[data-gridsize=\"1/3\"]': {\r\n      gridColumnEnd: 'span 4',\r\n    },\r\n    '&:nth-child(n)[data-gridsize=\"1/4\"]': {\r\n      gridColumnEnd: 'span 3',\r\n    },\r\n    mx: 0,\r\n  },\r\n  '&:nth-child(n)[data-gridsize=\"FullWidth\"]': {\r\n    ml: -4,\r\n    w: '100vw',\r\n    '@mediaMinLarge': {\r\n      px: 0,\r\n      left: '50%',\r\n      right: '50%',\r\n      maxWidth: '100vw',\r\n      position: 'relative',\r\n      marginLeft: `-50vw`,\r\n      marginRight: '-50vw',\r\n    },\r\n  },\r\n});\r\n\r\nexport default GridItem;\r\n","import IconBaseType from 'Atoms/Icons/IconBaseType';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype LoadingCircleType = Omit<IconBaseType, 'size'> & {\r\n  isLoading?: boolean;\r\n  size?: 's' | 'l' | 'xl';\r\n};\r\n\r\nfunction LoadingCircle({ size, isLoading }: LoadingCircleType) {\r\n  return (\r\n    <LoadingSvgStyles\r\n      size={size}\r\n      viewBox=\"0 0 38 38\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      isLoading={isLoading}\r\n    >\r\n      <g fill=\"none\" fillRule=\"evenodd\">\r\n        <g transform=\"translate(1 1)\" strokeWidth=\"4\">\r\n          <LoadingCircleStyles strokeOpacity=\"1\" cx=\"18\" cy=\"18\" r=\"18\" />\r\n          <path d=\"M36 18c0-9.94-8.06-18-18-18\">\r\n            <animateTransform\r\n              attributeName=\"transform\"\r\n              type=\"rotate\"\r\n              from=\"0 18 18\"\r\n              to=\"360 18 18\"\r\n              dur=\"1s\"\r\n              repeatCount=\"indefinite\"\r\n            />\r\n          </path>\r\n        </g>\r\n      </g>\r\n    </LoadingSvgStyles>\r\n  );\r\n}\r\n\r\nconst LoadingSvgStyles = styled('svg', {\r\n  stroke: '$JE68GreenPrimary',\r\n  overflow: 'visible',\r\n  variants: {\r\n    isLoading: {\r\n      true: {\r\n        display: 'initial',\r\n      },\r\n      false: {\r\n        display: 'none',\r\n      },\r\n    },\r\n    size: {\r\n      s: {\r\n        w: 6,\r\n        h: 6,\r\n      },\r\n      l: {\r\n        h: 12,\r\n        w: 12,\r\n      },\r\n      xl: {\r\n        h: 16,\r\n        w: 16,\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 's',\r\n  },\r\n});\r\n\r\nconst LoadingCircleStyles = styled('circle', {\r\n  stroke: '$JE68GreenBackground',\r\n});\r\n\r\nexport default LoadingCircle;\r\n","import Button from 'Atoms/Buttons/Button';\r\nimport GridItem from 'Atoms/Grids/GridItem';\r\nimport { H1 } from 'Atoms/Typography/Headings/Heading';\r\nimport Paragraph from 'Atoms/Typography/Paragraph/Paragraph';\r\nimport KexLink from 'Kex/KexLink';\r\nimport HeroBlockModel from 'Models/Blocks/HeroBlock/HeroBlockModel.interface';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport { applyEditModeAttr } from 'Shared/Common/Helpers';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\n\r\ntype PropType = {\r\n  content: HeroBlockModel;\r\n};\r\n\r\nfunction HeroBlock({\r\n  content: {\r\n    heading,\r\n    bodyText,\r\n    inEditMode,\r\n    image,\r\n    link,\r\n    applyGreenFilterToImage,\r\n  },\r\n}: PropType) {\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxMedium);\r\n\r\n  return (\r\n    <GridItem layout={'FullWidth'}>\r\n      <ImageContainer\r\n        applyGreenFilterToImage={applyGreenFilterToImage}\r\n        css={{\r\n          backgroundImage: isMobile\r\n            ? `url(${image.mobileSrc})`\r\n            : `url(${image.src})`,\r\n        }}\r\n      >\r\n        <ContentContainer css={{ mt: 'auto' }}>\r\n          <InnnerWrapper>\r\n            <H1\r\n              css={{ mb: 4 }}\r\n              color=\"secondary\"\r\n              noMargin\r\n              {...applyEditModeAttr(inEditMode && 'Heading')}\r\n            >\r\n              {heading}\r\n            </H1>\r\n            {bodyText && (\r\n              <Paragraph size={isMobile ? 's' : 'l'}>{bodyText}</Paragraph>\r\n            )}\r\n            {link && (\r\n              <LinkWrapper>\r\n                <StyledKexLink\r\n                  href={link.href}\r\n                  {...applyEditModeAttr(inEditMode && 'Link')}\r\n                  underlined={false}\r\n                >\r\n                  <Button type=\"secondary\" size=\"s\" fullWidth={isMobile}>\r\n                    {link.text}\r\n                  </Button>\r\n                </StyledKexLink>\r\n              </LinkWrapper>\r\n            )}\r\n          </InnnerWrapper>\r\n        </ContentContainer>\r\n      </ImageContainer>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nconst StyledKexLink = styled(KexLink, {\r\n  w: '100%',\r\n});\r\n\r\nconst ImageContainer = styled('div', {\r\n  variants: {\r\n    applyGreenFilterToImage: {\r\n      true: {\r\n        '&:before': {\r\n          backgroundColor: '$JE68GreenPrimary',\r\n        },\r\n      },\r\n      false: {\r\n        '&:before': {\r\n          backgroundColor: 'transparent',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  position: 'relative',\r\n  display: 'flex',\r\n  backgroundRepeat: 'no-repeat',\r\n  flexDirection: 'column',\r\n  color: '$heroTextPrimary',\r\n  h: 98,\r\n  backgroundSize: 'cover',\r\n  mb: 16,\r\n  '@mediaMinMassive': {\r\n    h: '$heroBlockWideScreenHeight',\r\n  },\r\n  '&:before': {\r\n    position: 'absolute',\r\n    content: '\"\"',\r\n    top: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    left: 0,\r\n    mixBlendMode: 'multiply',\r\n    opacity: 1,\r\n  },\r\n});\r\n\r\nconst InnnerWrapper = styled('div', {\r\n  mt: 'auto',\r\n  position: 'relative',\r\n  mb: 8,\r\n  '@mediaMinMedium': {\r\n    maxW: '50%',\r\n    mb: 16,\r\n  },\r\n  bottom: 0,\r\n});\r\n\r\nconst LinkWrapper = styled('div', {\r\n  mt: 8,\r\n});\r\n\r\nexport default HeroBlock;\r\n"],"names":["hoverCondition","ButtonVariants","variants","color","primary","backgroundColor","primary2","secondary","secondaryDark","tertiary","boxShadow","quaternary","outlined","border","size","s","py","px","fs","h","lineHeight","l","fullWidth","true","width","loading","opacity","defaultVariants","ButtonBase","borderColor","cursor","display","alignItems","justifyContent","wordSpacing","whiteSpace","fontFamily","ls","bw","transition","timings","animation","textAlign","textTransform","outlineWidth","BaseButtonStyled","styled","IconContainer","position","left","StyledLoadingCircle","StyledButtonText","flexDirection","isLoading","false","StyledButton","overflow","onClick","children","icon","disabled","type","css","Icon","KexIconLoader","toString","onBackground","GridItemContainer","w","mx","gridColumnStart","gridColumnEnd","ml","right","maxWidth","marginLeft","marginRight","layout","LoadingSvgStyles","stroke","xl","LoadingCircleStyles","viewBox","xmlns","fill","fillRule","transform","strokeWidth","strokeOpacity","cx","cy","r","d","attributeName","from","to","dur","repeatCount","StyledKexLink","KexLink","ImageContainer","applyGreenFilterToImage","backgroundRepeat","backgroundSize","mb","content","top","bottom","mixBlendMode","InnnerWrapper","mt","maxW","LinkWrapper","heading","bodyText","inEditMode","image","link","isMobile","useMedia","mediaQueryTypes","backgroundImage","mobileSrc","src","H1","noMargin","applyEditModeAttr","href","underlined","text"],"sourceRoot":""}