{"version":3,"sources":["webpack:///./assets/images/icons/close.svg","webpack:///./src/app/components/ui/Popup.style.js","webpack:///./src/app/components/ui/Popup.js","webpack:///./src/app/components/CookieForm.js"],"names":["module","exports","SIZES","Popup","styled","div","placement","size","css","th","top","right","breakpoints","xs","left","bottom","md","lg","getPlacementStyle","includes","height","width","getSizeStyle","Close","children","rest","Dialog","hideOnClickOutside","props","PopupClose","hide","onClick","src","ClearButton","CookieForm","options","popup","visible","useDialogState","modal","useCookie","consent","setConsent","isBrowser","display","flexDirection","alignItems","justifyContent","backgroundColor","borderRadius","p","gap","text","sm","a","href","color","_","hover","button","textTransform","bg","lineHeight","alignSelf","days"],"mappings":"6GAAAA,EAAOC,QAAU,IAA0B,mC,uLC4CrCC,EAAQ,CAAC,KAAM,KAAM,MAsBdC,EAAQC,IAAOC,IAAG,uEAAVD,CAAU,SAC3B,gBAAGE,EAAS,EAATA,UAAWC,EAAI,EAAJA,KAAI,OAAOC,YAAG,2OAC1BC,YAAG,kBAlEiB,SAAAH,GACxB,OAAQA,GACN,IAAK,MACH,MAAO,CACLI,IAAK,OACLC,MAAO,QAEX,IAAK,QACH,OAAOH,YAAG,QACNI,YAAY,CACVC,GAAI,CAEFF,MAAO,OACPG,KAAM,OACNC,OAAQ,SAEVC,GAAI,CAEFL,MAAO,OACPG,KAAM,OACNC,OAAQ,SAEVE,GAAI,CAEFN,MAAO,OACPG,KAAM,OACNC,OAAQ,WAGlB,IAAK,SACH,MAAO,CACLA,OAAQ,OACRD,KAAM,QAEV,IAAK,OACH,MAAO,CACLJ,IAAK,OACLI,KAAM,SA8BRI,CAAkBZ,GAxBH,SAACC,EAAMD,GAC1B,OAAQA,GACN,IAAK,MACL,IAAK,SACH,OAAIJ,EAAMiB,SAASZ,GACVE,YAAG,yBAAD,OAA0BF,IAE9B,CACLa,OAAQb,GAEZ,IAAK,QACL,IAAK,OACH,OAAIL,EAAMiB,SAASZ,GACVE,YAAG,2BAAD,OAA4BF,IAEhC,CACLc,MAAOd,IASTe,CAAaf,EAAMD,OAsBZiB,EAAQnB,IAAOC,IAAG,uEAAVD,CAAU,QAC3BK,YAAG,uB,iECrFA,SAASN,EAAM,GAAyD,IAAvDqB,EAAQ,EAARA,SAAQ,IAAElB,iBAAS,IAAG,UAAO,MAAEC,YAAI,IAAG,OAAI,EAAKkB,EAAI,iBACzE,OAGE,EAACC,EAAA,EAAM,aAACC,oBAAoB,GAAWF,IACpC,SAAAG,GAAK,OACJ,EAAC,EAAO,eAAKA,EAAK,CAAEtB,UAAWA,EAAWC,KAAMA,IAC9C,EAACsB,EAAeJ,GACfD,MAkBJ,SAASK,EAAW,GAAmB,IAAjBC,EAAI,EAAJA,KAASL,EAAI,iBACxC,OAAO,EAAC,EAAO,aAACM,QAASD,GAAUL,GAAM,SAAKO,IAAKC,IAAaZ,MAAO,GAAID,OAAQ,MAOrFjB,EAAMoB,MAAQM,E,oCCnBCK,UAjBI,SAACN,GAClB,IDsB4BO,ECtBtBC,GDsBsBD,ECtBA,CAACE,SAAS,GDuB/BC,YAAe,aAAEC,OAAO,GAAUJ,KCtBzC,EAA8BK,YAAU,iBAAkB,QAAO,mBAA1DC,EAAO,KAAEC,EAAU,KAC1B,OAAIC,KAAyB,SAAZF,EAEb,EAAC,EAAK,eAAKL,EAAK,CAAE9B,UAAU,QAAQC,KAAK,OACvC,EAAC,IAAEF,IAAG,CAACuC,QAAQ,OAAOC,cAAc,MAAMC,WAAW,SAASC,eAAe,SAASC,gBAAgB,SAASC,aAAc,EAAGC,EAAG,GAAIC,IAAK,IAC1I,EAAC,IAAED,EAAC,CAACE,KAAM,CAAEC,GAAI,SAAUpC,GAAI,WAAW,mFAAiF,EAAC,IAAEqC,EAAC,CAACC,KAAK,kBAAkBC,MAAO,CAAEC,EAAG,OAAQC,MAAO,KAAK,eACvL,EAAC,IAAEC,OAAM,CAACP,KAAM,CAAEC,GAAI,SAAUpC,GAAI,UAAY2C,cAAc,YAAYJ,MAAM,QAAQK,GAAI,CAAEJ,EAAG,OAAQC,MAAO,UAAYR,EAAG,CAAEG,GAAI,WAAYpC,GAAI,YAAc6C,WAAW,IAAIb,aAAc,EAAGc,UAAU,WAAWhC,QAAS,kBAAIW,EAAW,WAAY,CAACsB,KAAM,QAAM,YAKxQ","file":"static/js/components-CookieForm.302f86bb.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/close.323b7e3b.svg\";","import styled, { css, th, breakpoints } from '@xstyled/styled-components'\n\nconst getPlacementStyle = placement => {\n  switch (placement) {\n    case 'top':\n      return {\n        top: '20px',\n        right: '20px'\n      }\n    case 'right':\n      return css`\n        ${breakpoints({\n            xs: {\n              /* All devices */\n              right: '10px',\n              left: '10px',\n              bottom: '146px'\n            },\n            md: {\n              /* From md breakpoint */\n              right: '10px',\n              left: '10px',\n              bottom: '146px'\n            },\n            lg: {\n              /* From lg breakpoint */\n              right: '10px',\n              left: 'auto',\n              bottom: '10px'\n            }\n          })}`\n    case 'bottom':\n      return {\n        bottom: '20px',\n        left: '20px'\n      }\n    case 'left':\n      return {\n        top: '20px',\n        left: '20px'\n      }\n  }\n}\n\nconst SIZES = ['sm', 'md', 'lg']\nconst getSizeStyle = (size, placement) => {\n  switch (placement) {\n    case 'top':\n    case 'bottom':\n      if (SIZES.includes(size)) {\n        return th(`popups.sizes.vertical.${size}`)\n      }\n      return {\n        height: size\n      }\n    case 'right':\n    case 'left':\n      if (SIZES.includes(size)) {\n        return th(`popups.sizes.horizontal.${size}`)\n      }\n      return {\n        width: size\n      }\n  }\n}\n\nexport const Popup = styled.div`\n  ${({ placement, size }) => css`\n    ${th('popups.default')};\n    ${getPlacementStyle(placement)}\n    ${getSizeStyle(size, placement)}\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n    transition: medium;\n    cursor: auto;\n    border-radius: 3px;\n    &:focus {\n      /* important for firefox */\n      outline: none !important;\n    }\n    /* on open/close dialog for animation */\n    &[data-enter] {\n      transform: translate(0, 0);\n    }\n    &[data-leave] {\n      transition: fast;\n    }\n  `\n  }`\n\nexport const Close = styled.div`\n  ${th('popups.closeButton')}\n`\n","/* eslint-disable react/no-multi-comp */\nimport React from 'react'\nimport { func, node, oneOf } from 'prop-types'\nimport { Dialog, useDialogState } from 'reakit/Dialog'\nimport ClearButton from '../../../../assets/images/icons/close.svg'\n\nimport * as S from './Popup.style'\n\nexport function Popup({ children, placement = 'right', size = 'lg', ...rest }) {\n  return (\n    // Needed to allow to style the backdrop\n    // see: https://reakit.io/docs/styling/#css-in-js\n    <Dialog hideOnClickOutside={false} {...rest}>\n      {props => (\n        <S.Popup {...props} placement={placement} size={size}>\n          <PopupClose {...rest} />\n          {children}\n        </S.Popup>\n      )}\n    </Dialog>\n  )\n}\n\nPopup.propTypes /* remove-proptypes */ = {\n  children: node.isRequired,\n  placement: oneOf(['top', 'right', 'bottom', 'left']).isRequired,\n  size: oneOf(['sm', 'md', 'lg', 'auto'])\n}\n\nexport function usePopupState(options) {\n  return useDialogState({ modal: false, ...options })\n}\n\n\nexport function PopupClose({ hide, ...rest }) {\n  return <S.Close onClick={hide} {...rest}><img src={ClearButton} width={24} height={24}/></S.Close>\n}\n\nPopupClose.propTypes = {\n  hide: func.isRequired\n}\n\nPopup.Close = PopupClose\n","import React from 'react'\nimport { x } from '@xstyled/styled-components'\nimport { Popup, usePopupState } from './ui/Popup'\nimport { useCookie, isBrowser } from './ui/utils'\n\n\nconst CookieForm = (props) => {\n  const popup = usePopupState({visible: true})\n  const [consent, setConsent] = useCookie('Cookie-Consent', 'none')\n  if (isBrowser && consent === 'none') {\n    return (\n      <Popup {...popup} placement='right' size='sm'>\n        <x.div display=\"flex\" flexDirection='row' alignItems='center' justifyContent='center' backgroundColor='ltGrey' borderRadius={3} p={10} gap={10}>\n          <x.p text={{ sm: 'xsmall', lg: 'medium' }}>This website uses cookies to ensure you get the best experience on our website. <x.a href='/privacy-policy' color={{ _: 'blue', hover: '' }}>Learn more</x.a></x.p>\n          <x.button text={{ sm: 'xsmall', lg: 'medium' }} textTransform='uppercase' color='white' bg={{ _: 'blue', hover: 'ltBlue' }} p={{ sm: '3px 10px', lg: '8px 10px' }} lineHeight='1' borderRadius={3} alignSelf='flex-end' onClick={()=>setConsent('accepted', {days: 365})}>Accept</x.button>\n        </x.div>\n      </Popup>\n    )\n  } else {\n    return ''\n  }\n}\n\nexport default CookieForm"],"sourceRoot":""}