{"version":3,"file":"js/schoolSuspendEntry-8edfde0315566373fc3d.js","mappings":"qJAOA,MAAMA,EAAYC,EAAAA,GAAOC,IAAG,+DAAVD,CAAU,2GAMLE,GAAUA,EAAMC,eAMjCC,EAAUJ,EAAAA,GAAOC,IAAG,6DAAVD,CAAU,+VAKdE,GAAUA,EAAMG,eAObH,GAAUA,EAAMI,SAAWJ,EAAMI,SAAW,QAGvDC,EAAAA,GAAMC,MAAO;MACVN,GAAUA,EAAMO,oBAAuB;KAexCC,EAAQ,EACZC,WAAUC,QAAOT,eAAcG,WAAUG,wBAEzC,gCACE,gBAAC,KAAU,MACX,gBAAC,KAAe,KACd,gBAACV,EAAS,CAACI,aAAcA,GACvB,gBAACC,EAAO,CAACC,aAAcO,EAAON,SAAUA,EAAUG,mBAAoBA,GAAqBE,MAcnGD,EAAMG,aAAe,CACnBD,MAAO,IACPT,aAAc,kBACdG,SAAU,OACVG,oBAAoB,E,iOC3Ef,MAAMK,EAAmB,gEACnBC,EAAa,UACbC,EAAc,UACdC,EAAY,UACZC,EAAkB,UAClBC,EAAY,UACZC,EAAc,UACdC,EAAgB,UAChBC,EAAc,UACdC,EAAkB,UAClBC,EAAY,UACZC,EAAa,UACbC,EAAY,UACZC,EAAuB,UACvBC,EAAa,UACbC,EAAW,UACXC,EAAe,UACfC,EAAS,UAETC,EAA2B,UAE3BC,EAAsB,sBAEtBC,EAA2B,SAC3BC,EAA8B,O,ylCCrBpC,MAAMC,EAAS,SAEhBC,EAAQ,CACZ,CAACD,GAAS,KAmBZ,E,MAhBqBE,GACnBD,GACA,CAACE,EAAaC,EAAOC,KACnB,MAAMC,EAASF,EAAQ,GACvB,OAAO,EAAP,KACKD,GAAW,IACd,CAACE,GAAQ,IAAIE,KAASC,EAAAA,EAAAA,IAAG,kCACFF,GACjBE,EAAAA,EAAAA,OAAOD,KAEZ,GAGL,CAAC,E,2EChBH,MAAME,EAAQ7C,EAAAA,GAAOC,IAAG,4DAAVD,CAAU,sHACPc,EAAAA,GAKNC,EAAAA,IAIL+B,EAAO9C,EAAAA,GAAO+C,EAAC,2DAAR/C,CAAQ,wHACJc,EAAAA,GAINC,EAAAA,GAOEC,EAAAA,IAIPgC,EAAOhD,EAAAA,GAAO+C,EAAC,2DAAR/C,CAAQ,qFACJc,EAAAA,GAINQ,EAAAA,IAGL2B,EAAe,IACnB,gCACE,gBAACJ,EAAK,KAAC,mBACP,gBAACC,EAAI,KAAC,4JAIN,gBAACA,EAAI,KAAC,uBAEJ,qBAAGI,KAAK,KAAI,kBAEd,gBAACF,EAAI,KAAC,wGC/CJG,EAAgB,IACpB,gBAACzC,EAAA,EAAK,CAACP,aAAa,0BAClB,gBAAC8C,EAAY,OCDjBG,SAASC,iBAAiB,oBAAoB,KAC5C,MAAMC,EAAOF,SAASG,eAAe,wBAErC,GAAID,EAAM,EACKE,EAAAA,EAAAA,GAAWF,GACnBG,OAAO,gBAACN,EAAa,MAC5B,I","sources":["webpack:///./app/javascript/_shared/Popup/Popup.jsx","webpack:///./app/javascript/main-app/theme.js","webpack:///./app/javascript/main-app/utils/mediaQueries.js","webpack:///./app/javascript/main-app/components/SchoolSuspend/PopupContent.jsx","webpack:///./app/javascript/main-app/components/SchoolSuspend/SchoolSuspend.jsx","webpack:///./app/javascript/packs/schoolSuspendEntry.jsx"],"sourcesContent":["import React from 'react';\nimport PropsTypes from 'prop-types';\nimport styled from 'styled-components';\nimport ScrollLock, { TouchScrollable } from 'react-scrolllock';\n\nimport media from '../../main-app/utils/mediaQueries';\n\nconst Container = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ${(props) => props.overlayColor};\n  padding: 0 16px;\n  //to overcome z-index: 10000 of the header\n  z-index: 20000;\n`;\n\nconst Content = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: ${(props) => props.contentWidth}px;\n  max-width: calc(100% - 32px);\n  background-color: #fff;\n  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(155, 132, 135, 0.06), 0 4px 12px 0 rgba(119, 94, 98, 0.05);\n  border-radius: 12px;\n  padding: 32px 40px 24px;\n  max-height: 100%;\n  overflow: ${(props) => props.overflow ? props.overflow : 'auto'};\n  -webkit-overflow-scrolling: touch;\n\n  ${media.mobile`\n    ${(props) => props.isMobilesFullWidth && `\n      position: fixed;\n      width: auto;\n      max-width: 100vw;\n      top: auto;\n      bottom: 0;\n      left: 0;\n      transform: none;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      padding: 20px 24px 24px;\n    `}\n  `}\n`;\n\nconst Popup = ({\n  children, width, overlayColor, overflow, isMobilesFullWidth,\n}) => (\n  <>\n    <ScrollLock />\n    <TouchScrollable>\n      <Container overlayColor={overlayColor}>\n        <Content contentWidth={width} overflow={overflow} isMobilesFullWidth={isMobilesFullWidth}>{children}</Content>\n      </Container>\n    </TouchScrollable>\n  </>\n);\n\nPopup.propTypes = {\n  children: PropsTypes.node.isRequired,\n  width: PropsTypes.number,\n  overlayColor: PropsTypes.string,\n  overflow: PropsTypes.string,\n  isMobilesFullWidth: PropsTypes.bool,\n};\n\nPopup.defaultProps = {\n  width: 368,\n  overlayColor: 'rgba(0,0,0,0.4)',\n  overflow: 'auto',\n  isMobilesFullWidth: false,\n};\n\nexport { Popup };\n","export const FONT_FAMILY_MAIN = \"'Muli', 'Trebuchet MS', Tahoma, helvetica, arial, sans-serif;\";\nexport const TEXT_COLOR = '#354354';\nexport const LINKS_COLOR = '#4a90e2';\nexport const PALE_GREY = '#eef1f6';\nexport const LIGHT_PALE_GREY = '#fafafb';\nexport const BLUE_GREY = '#9aa1a9';\nexport const ERROR_COLOR = '#f74656';\nexport const SUCCESS_COLOR = '#51e3ae';\nexport const NOTES_COLOR = '#68727f';\nexport const LIGHT_BLUE_GREY = '#ccd0d4';\nexport const MAIN_BLUE = '#4a90e2';\nexport const LIGHT_BLUE = '#a6c8f0';\nexport const DARK_BLUE = '#124483';\nexport const PALE_CORNFLOWER_BLUE = '#c8ddf6';\nexport const ALICE_BLUE = '#f3f8ff';\nexport const SOLITUDE = '#e5eaf2';\nexport const GRAY_CHATEAU = '#979ea7';\nexport const COBALT = '#0153b4';\nexport const SILVER = '#ccd0d4';\nexport const TABLES_LIGHT_STYLE_HOVER = '#f4f7f9';\n\nexport const INPUT_BORDERS_COLOR = 'rgba(0, 0, 0, 0.07)';\n\nexport const BIG_SCREEN_CONTENT_WIDTH = '1160px';\nexport const MEDIUM_SCREEN_CONTENT_WIDTH = '960px';\n","import { css } from 'styled-components';\nimport reduce from 'lodash/reduce';\n\nexport const MOBILE = 'mobile';\n\nconst sizes = {\n  [MOBILE]: 998,\n};\n\nconst mediaQueries = reduce(\n  sizes,\n  (accumulator, value, label) => {\n    const emSize = value / 16;\n    return {\n      ...accumulator,\n      [label]: (...args) => css`\n        @media (max-width: ${emSize}em) {\n          ${css(...args)}\n        }\n      `,\n    };\n  },\n  {},\n);\n\nexport default mediaQueries;\nexport { sizes };\n","import React, { Fragment } from 'react';\nimport styled from 'styled-components';\nimport {\n  FONT_FAMILY_MAIN, LINKS_COLOR, NOTES_COLOR, TEXT_COLOR,\n} from '../../theme';\n\nconst Title = styled.div`\n  font-family: ${FONT_FAMILY_MAIN};\n  font-size: 24px;\n  font-weight: 800;\n  line-height: 1.25;\n  letter-spacing: 0.2px;\n  color: ${TEXT_COLOR};\n  margin-bottom: 8px;\n`;\n\nconst Text = styled.p`\n  font-family: ${FONT_FAMILY_MAIN};\n  font-size: 18px;\n  line-height: 1.33;\n  letter-spacing: 0.2px;\n  color: ${TEXT_COLOR};\n  \n  & + & {\n    margin-top: 12px;\n  }\n  \n  a {\n    color: ${LINKS_COLOR};\n  }\n`;\n\nconst Note = styled.p`\n  font-family: ${FONT_FAMILY_MAIN};\n  font-size: 14px;\n  line-height: 1.29;\n  letter-spacing: -0.1px;\n  color: ${NOTES_COLOR};\n`;\n\nconst PopupContent = () => (\n  <>\n    <Title>Compte suspendu</Title>\n    <Text>\n      Le compte de cette auto-école a été suspendu. Nous vous invitons à vous tourner vers une autre auto-école\n      pour effectuer votre formation.\n    </Text>\n    <Text>\n      L’équipe&nbsp;\n      <a href=\"/\">Vroomvroom.fr</a>\n    </Text>\n    <Note>Vous êtes le gérant de cette auto-école? Contactez-nous afin de réactiver votre compte.</Note>\n  </>\n);\n\nexport { PopupContent };\n","import React from 'react';\nimport { Popup } from '@shared/Popup';\nimport { PopupContent } from './PopupContent';\n\nconst SchoolSuspend = () => (\n  <Popup overlayColor=\"rgba(53, 67, 84, 0.9);\">\n    <PopupContent />\n  </Popup>\n);\n\nexport { SchoolSuspend };\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { SchoolSuspend } from '../main-app/components/SchoolSuspend';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  const node = document.getElementById('react-school-suspend');\n\n  if (node) {\n    const root = createRoot(node);\n    root.render(<SchoolSuspend />);\n  }\n});\n"],"names":["Container","styled","div","props","overlayColor","Content","contentWidth","overflow","media","mobile","isMobilesFullWidth","Popup","children","width","defaultProps","FONT_FAMILY_MAIN","TEXT_COLOR","LINKS_COLOR","PALE_GREY","LIGHT_PALE_GREY","BLUE_GREY","ERROR_COLOR","SUCCESS_COLOR","NOTES_COLOR","LIGHT_BLUE_GREY","MAIN_BLUE","LIGHT_BLUE","DARK_BLUE","PALE_CORNFLOWER_BLUE","ALICE_BLUE","SOLITUDE","GRAY_CHATEAU","COBALT","TABLES_LIGHT_STYLE_HOVER","INPUT_BORDERS_COLOR","BIG_SCREEN_CONTENT_WIDTH","MEDIUM_SCREEN_CONTENT_WIDTH","MOBILE","sizes","reduce","accumulator","value","label","emSize","args","css","Title","Text","p","Note","PopupContent","href","SchoolSuspend","document","addEventListener","node","getElementById","createRoot","render"],"sourceRoot":""}