{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-StandardBlock.3a88dcd7.chunk.js","mappings":"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","sources":["Atoms/Buttons/BaseButtonStyle.ts","Atoms/Buttons/CtaButton.tsx","Atoms/Grids/GridItem.tsx","Organisms/Blocks/StandardBlock.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\r\n\r\nexport const ButtonVariants = {\r\n  variants: {\r\n    color: {\r\n      primary: {\r\n        backgroundColor: '$buttonPrimary',\r\n        color: '$black',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundPrimary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonPrimaryDisabled',\r\n          color: '$grey700',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$buttonSecondary',\r\n        color: '$white',\r\n        fontWeight: '$fw600',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundSecondary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonSecondary',\r\n          opacity: '0.6',\r\n          color: '$white',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n      transparent: {\r\n        backgroundColor: 'transparent',\r\n        color: '$buttonPrimary',\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonPrimaryDisabled',\r\n          color: '$grey700',\r\n          border: '1px solid $buttonPrimary',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n      accent: {\r\n        backgroundColor: '$accent',\r\n        color: '$textPrimary',\r\n        borderColor: '$borderPrimary',\r\n      },\r\n      cancel: {\r\n        backgroundColor: '$buttonPrimary',\r\n        color: '$black',\r\n        border: '1px solid $black',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundPrimary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonPrimaryDisabled',\r\n          color: '$grey700',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n      clearCart: {\r\n        backgroundColor: '$buttonSecondary',\r\n        color: '$white',\r\n        fontWeight: '$fw600',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundSecondary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonSecondary',\r\n          opacity: '0.6',\r\n          color: '$white',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n    },\r\n    border: {\r\n      true: {\r\n        border: '1px solid $buttonPrimary',\r\n      },\r\n    },\r\n    size: {\r\n      s: {\r\n        px: 4,\r\n        py: 2,\r\n        fs: 7,\r\n        lineHeight: '20px',\r\n      },\r\n      m: {\r\n        px: '40px',\r\n        py: '16px',\r\n      },\r\n      l: {\r\n        py: 6,\r\n        px: 10,\r\n      },\r\n      input: {\r\n        h: 11,\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};\r\n\r\nexport const ButtonBase = {\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  br: '40px',\r\n  '&:active': {\r\n    outlineWidth: 0,\r\n  },\r\n  '&:focus': {\r\n    outlineWidth: 0,\r\n  },\r\n};\r\n\r\nconst BaseButtonStyled = styled('button', {\r\n  ...ButtonBase,\r\n  ...ButtonVariants,\r\n  fontWeight: '$fw500',\r\n  fontSize: '10px',\r\n  lineHeight: '16px',\r\n  letterSpacing: '1px',\r\n  '@mediaMinLarge': {\r\n    fontSize: '12px',\r\n    lineHeight: '24px',\r\n  },\r\n});\r\n\r\nexport default BaseButtonStyled;\r\n","import KexLink from '../../Kex/KexLink';\r\nimport { styled } from '../../stitches.config';\r\nimport { LoadingCircle } from '../Icons';\r\nimport BaseButtonStyled from './BaseButtonStyle';\r\nimport BaseButtonType from './BaseButtonType';\r\n\r\ntype CtaButtonButtonBaseType = BaseButtonType & {\r\n  onClick?: () => void;\r\n  href?: string;\r\n  css?: any;\r\n  isLoading?: boolean;\r\n  children?: any;\r\n  uppercase?: boolean;\r\n};\r\n\r\nfunction CtaButton({\r\n  onClick,\r\n  css,\r\n  isLoading,\r\n  children,\r\n  type,\r\n  href,\r\n  size,\r\n  uppercase,\r\n  ...rest\r\n}: CtaButtonButtonBaseType) {\r\n  return !href ? (\r\n    <StyledButton\r\n      color={type || 'primary'}\r\n      css={css}\r\n      size={size}\r\n      onClick={() => onClick && onClick()}\r\n      {...rest}\r\n      uppercase={uppercase}\r\n    >\r\n      {isLoading ? (\r\n        <StyledLoadingCircle>\r\n          <LoadingCircle isLoading={true} />\r\n        </StyledLoadingCircle>\r\n      ) : (\r\n        children\r\n      )}\r\n    </StyledButton>\r\n  ) : (\r\n    <StyledLink\r\n      href={href}\r\n      type={type}\r\n      size={size}\r\n      onClick={() => onClick && onClick()}\r\n      noUnderline\r\n      uppercase={uppercase}\r\n      {...rest}\r\n    >\r\n      {isLoading ? (\r\n        <StyledLoadingCircle>\r\n          <LoadingCircle isLoading={true} />\r\n        </StyledLoadingCircle>\r\n      ) : (\r\n        children\r\n      )}\r\n    </StyledLink>\r\n  );\r\n}\r\nexport default CtaButton;\r\n\r\nconst StyledButton = styled(BaseButtonStyled, {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  py: 5.5,\r\n  px: 6,\r\n  fontSize: '10px',\r\n  lineHeight: '16px',\r\n  letterSpacing: '1px',\r\n  fontWeight: '$fw400',\r\n  textAlign: 'center',\r\n  w: '100%',\r\n  h: '40px',\r\n  '@mediaMinSmall': {\r\n    px: 10,\r\n  },\r\n  '@mediaMinLarge': {\r\n    h: '56px',\r\n    fontSize: '12px',\r\n    lineHeight: '24px',\r\n  },\r\n  variants: {\r\n    isLoading: {\r\n      true: {\r\n        backgroundColor: '$grey400',\r\n      },\r\n      false: {\r\n        backgroundColor: '$buttonPrimary',\r\n      },\r\n    },\r\n    uppercase: {\r\n      true: {\r\n        textTransform: 'uppercase',\r\n      },\r\n    },\r\n    size: {\r\n      s: {\r\n        py: 2,\r\n        fs: 7,\r\n        lineHeight: '20px',\r\n      },\r\n      clearCart: {\r\n        padding: '14px 23px 14px 23px',\r\n        borderRadius: '40px',\r\n        fontSize: '10px',\r\n        fontWeight: '500',\r\n        lineHeight: '16px',\r\n        letterSpacing: '1px',\r\n        height: '44px',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst StyledLink = styled(KexLink, {\r\n  backgroundColor: '$buttonPrimary',\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  fontWeight: '$fw400',\r\n  fs: 5,\r\n  py: 3.5,\r\n  px: 6,\r\n  br: 10,\r\n  '@mediaMaxSmall': {\r\n    lineHeight: '16px',\r\n  },\r\n  '@mediaMinSmall': {\r\n    py: 4,\r\n    px: 10,\r\n    fs: 6,\r\n    lineHeight: '24px',\r\n  },\r\n  variants: {\r\n    type: {\r\n      primary: {\r\n        backgroundColor: '$buttonPrimary',\r\n        color: '$black',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundPrimary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonPrimaryDisabled',\r\n          color: '$grey700',\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$buttonSecondary',\r\n        color: '$white',\r\n        '&:hover': {\r\n          backgroundColor: '$buttonHoverBackgroundSecondary',\r\n        },\r\n        '&:disabled': {\r\n          backgroundColor: '$buttonSecondary',\r\n          opacity: '0.6',\r\n          color: '$grey700',\r\n        },\r\n      },\r\n    },\r\n    uppercase: {\r\n      true: {\r\n        textTransform: 'uppercase',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst StyledLoadingCircle = styled('div', {\r\n  w: 9,\r\n  my: -2,\r\n  stroke: '$white',\r\n});\r\n","import { styled } from '../../stitches.config';\r\n\r\ntype PropType = {\r\n  layout?: string;\r\n  children: JSX.Element | string;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children }: PropType) {\r\n  return (\r\n    <GridItemContainer data-gridsize={layout}>{children}</GridItemContainer>\r\n  );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n  wh: '100%',\r\n  mx: 'auto',\r\n  gridColumnStart: 'auto',\r\n  gridColumnEnd: 'span 12',\r\n  '@mediaMinMedium': {\r\n    maxW: 'unset',\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    maxW: '$maxWidthMobile',\r\n    '@mediaMinLarge': {\r\n      left: '50%',\r\n      marginLeft: '-50vw',\r\n      marginRight: '-50vw',\r\n      maxW: '100vw',\r\n      position: 'relative',\r\n      right: '50%',\r\n      w: '100vw',\r\n    },\r\n    px: 0,\r\n  },\r\n});\r\n\r\nexport default GridItem;\r\n","import StandardBlockModel from '../../StandardBlock/Models/StandardBlockModel.interface';\r\nimport { styled } from '../../stitches.config';\r\nimport GridItem from '../../Atoms/Grids/GridItem';\r\nimport useMedia from '../../Shared/Hooks/useMedia';\r\nimport { mediaQueryTypes } from '../../Theme/Settings/mediaQueries';\r\nimport { H2 } from '../../Atoms/Typography/Headings/Heading';\r\nimport { useTranslationData } from '../../Shared/Providers/TranslationProvider';\r\nimport CtaButton from '../../Atoms/Buttons/CtaButton';\r\nimport KexLink from '../../Kex/KexLink';\r\n\r\ntype PropType = {\r\n  content: StandardBlockModel;\r\n  blockId: any;\r\n};\r\n\r\nfunction StandardBlock({\r\n  content: { heading, image, mobileImage, bodyText, link, layout, imageRight },\r\n  blockId,\r\n}: PropType) {\r\n  const { 'common/readMore': readMoreLabel } = useTranslationData();\r\n\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxMedium);\r\n\r\n  const { text: linkText, href = '', ...restLink } = link || {};\r\n\r\n  return (\r\n    <GridItem layout={layout}>\r\n      <Root\r\n        blockLayout={layout?.replace('/', '')}\r\n        data-litium-block-id={blockId}\r\n      >\r\n        {image && (\r\n          <ImageArea\r\n            css={{\r\n              backgroundImage:\r\n                isMobile && mobileImage\r\n                  ? `url(${mobileImage.src})`\r\n                  : image && `url(${image.src})`,\r\n            }}\r\n            imageRight={imageRight && layout === '1/1'}\r\n            blockLayout={layout?.replace('/', '')}\r\n          >\r\n            {!!href.length && <ImageLink href={href} />}\r\n          </ImageArea>\r\n        )}\r\n        <TextContainer blockLayout={layout?.replace('/', '')}>\r\n          <StyledH2>{heading}</StyledH2>\r\n          <BodyText\r\n            dangerouslySetInnerHTML={{\r\n              __html: bodyText,\r\n            }}\r\n          />\r\n          {link && (\r\n            <BlockLink\r\n              href={href}\r\n              type={'secondary'}\r\n              noMargin={layout === '1/1'}\r\n              uppercase={true}\r\n              {...restLink}\r\n            >\r\n              <span>{linkText ? linkText : readMoreLabel}</span>\r\n            </BlockLink>\r\n          )}\r\n        </TextContainer>\r\n      </Root>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nexport default StandardBlock;\r\n\r\nconst Root = styled('div', {\r\n  flexDirection: 'column',\r\n  display: 'flex',\r\n  wh: '100%',\r\n  variants: {\r\n    blockLayout: {\r\n      11: {\r\n        '@mediaMinMedium': {\r\n          flexDirection: 'row',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst StyledH2 = styled(H2, {\r\n  mt: 0,\r\n  mb: 2,\r\n});\r\n\r\nconst BlockLink = styled(CtaButton, {\r\n  fs: 5,\r\n  '@mediaMaxSmall': {\r\n    lineHeight: '16px',\r\n  },\r\n  '@mediaMinSmall': {\r\n    fs: 6,\r\n    lineHeight: '24px',\r\n    mt: 'auto',\r\n  },\r\n  variants: {\r\n    noMargin: {\r\n      true: {\r\n        mt: '0',\r\n      },\r\n    },\r\n    uppercase: {\r\n      true: {\r\n        textTransform: 'uppercase',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst ImageArea = styled('div', {\r\n  w: '100%',\r\n  backgroundRepeat: 'no-repeat',\r\n  backgroundSize: '100% 100%',\r\n  position: 'relative',\r\n  order: 0,\r\n  br: 2.5,\r\n  aspectRatio: '3/2',\r\n  h: 'auto',\r\n  '@mediaMinSmall': {\r\n    h: 'fit-content',\r\n  },\r\n  variants: {\r\n    imageRight: {\r\n      true: {\r\n        '&:nth-child(n)': {\r\n          '@mediaMinMedium': {\r\n            order: 1,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    blockLayout: {\r\n      11: {\r\n        '@mediaMinMedium': {\r\n          flexGrow: 0,\r\n          flexShrink: 0,\r\n          flexBasis: '50%',\r\n          h: 'auto',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst ImageLink = styled(KexLink, {\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  right: 0,\r\n  bottom: 0,\r\n});\r\n\r\nconst TextContainer = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  textAlign: 'center',\r\n  py: 8,\r\n  w: '100%',\r\n  color: '$textPrimary',\r\n  linHeight: '24px',\r\n  '@mediaMaxSmall': {\r\n    fs: 6,\r\n  },\r\n  '@mediaMinSmall': {\r\n    flexGrow: 1,\r\n  },\r\n  '@mediaMinMedium': {\r\n    p: 8,\r\n  },\r\n  '@mediaMaxMedium': {\r\n    px: 3,\r\n  },\r\n  '@mediaMinLarge': {\r\n    alignItems: 'center',\r\n    textAlign: 'center',\r\n  },\r\n  variants: {\r\n    whiteText: {\r\n      true: {\r\n        color: '$white',\r\n      },\r\n    },\r\n    blockLayout: {\r\n      13: {\r\n        '@mediaMinLarge': {\r\n          py: 8,\r\n          px: 0,\r\n        },\r\n      },\r\n      14: {\r\n        '@mediaMinLarge': {\r\n          py: 8,\r\n          px: 0,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst BodyText = styled('div', {\r\n  mb: 6,\r\n  fontWeight: '$fw300',\r\n  '@mediaMinLarge': {\r\n    mb: 6,\r\n  },\r\n});\r\n"],"names":["BaseButtonStyled","styled","_objectSpread","cursor","display","alignItems","justifyContent","br","outlineWidth","variants","color","primary","backgroundColor","secondary","fontWeight","opacity","transparent","border","accent","borderColor","cancel","clearCart","true","size","s","px","py","fs","lineHeight","m","l","input","h","loading","fontSize","letterSpacing","_ref","onClick","css","isLoading","children","type","href","uppercase","rest","_objectWithoutProperties","_excluded","_jsx","StyledLink","noUnderline","StyledLoadingCircle","LoadingCircle","StyledButton","textAlign","w","false","textTransform","padding","borderRadius","height","KexLink","my","stroke","GridItemContainer","wh","mx","gridColumnStart","gridColumnEnd","maxW","left","marginLeft","marginRight","position","right","_ref$layout","layout","_ref$content","content","heading","image","mobileImage","bodyText","link","imageRight","blockId","readMoreLabel","useTranslationData","isMobile","useMedia","mediaQueryTypes","_ref2","linkText","text","_ref2$href","restLink","GridItem","_jsxs","Root","blockLayout","replace","ImageArea","backgroundImage","concat","src","length","ImageLink","TextContainer","StyledH2","BodyText","dangerouslySetInnerHTML","__html","BlockLink","noMargin","flexDirection","H2","mt","mb","CtaButton","backgroundRepeat","backgroundSize","order","aspectRatio","flexGrow","flexShrink","flexBasis","top","bottom","linHeight","p","whiteText"],"sourceRoot":""}