{"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 \n \n \n {children}\n \n \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 Compte suspendu\n \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 \n \n L’équipe \n Vroomvroom.fr\n \n Vous êtes le gérant de cette auto-école? Contactez-nous afin de réactiver votre compte.\n \n);\n\nexport { PopupContent };\n","import React from 'react';\nimport { Popup } from '@shared/Popup';\nimport { PopupContent } from './PopupContent';\n\nconst SchoolSuspend = () => (\n \n \n \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();\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":""}