{"version":3,"sources":["assets/banner.jpg","assets/logo.png","assets/Privacy-Notice.pdf","context/sms/smsContext.js","context/sms/smsReducer.js","context/types.js","context/sms/SmsState.js","utils/validateSession.js","context/auth/authContext.js","utils/setAuthToken.js","context/auth/authReducer.js","context/auth/AuthState.js","theme.js","App.styles.js","components/Customer/CustomerValidationSchema.js","components/Customer/Initial.styles.js","helpers/States.js","components/Validation/ValidationMessage.styles.js","components/Helpers/SrOnly.styles.js","components/Helpers/SrOnly.js","components/Validation/ValidationMessage.js","components/Grid/Row.styles.js","components/Grid/Row.js","components/Grid/Col.styles.js","components/Grid/Col.js","components/Material/MaterialField.styles.js","components/Validation/ValidationInput.styles.js","components/Validation/ValidationInput.js","components/Helpers/InfoIcon.styles.js","components/Helpers/InfoIcon.js","components/Material/MaterialField.js","components/Material/MaterialTextBox.styles.js","components/Material/MaterialTextBox.js","components/Material/MaterialSelect.styles.js","components/Material/MaterialSelect.js","components/Button/Button.styles.js","components/Button/Button.js","components/Consent/ConsentTextMessage.styles.js","components/Consent/ConsentTextMessage.js","components/Customer/CustomerForm.js","components/Loading/Loading.styles.js","components/Loading/Loading.js","components/Customer/Initial.js","components/Customer/Success.styles.js","components/Customer/Success.js","components/pages/Customer.js","components/pages/Error.styles.js","components/pages/Error.js","components/Layout/Header.styles.js","components/Layout/Header.js","components/Layout/Footer.styles.js","components/Grid/Container.styles.js","components/Grid/Container.js","components/Layout/Footer.js","components/Dashboard/Initial.styles.js","components/Dashboard/ValidationSchema.js","components/Dashboard/Form.styles.js","components/Dashboard/AdditionalFields.styles.js","utils/formatMessage.js","components/Dashboard/Preview.js","components/Dashboard/AdditionalFields.js","components/Dashboard/Form.js","components/Dashboard/Initial.js","components/Dashboard/Success.styles.js","components/Dashboard/Success.js","components/SessionTimeOut/SessionTimeOut.styles.js","components/SessionTimeOut/SessionTimeOut.js","components/pages/Dashboard.js","components/pages/Auth.js","components/routing/PrivateRoute.js","App.js","index.js"],"names":["module","exports","smsContext","createContext","state","action","type","smsInfo","payload","serverError","loading","SmsState","props","useReducer","smsReducer","dispatch","addSmsInfo","info","setErrors","a","setLoading","customerInfo","MobileNumber","replace","length","substr","axios","post","process","response","status","setFormErrors","data","errors","setGlobalErrors","error","tempErrors","Object","keys","map","errorField","isLoading","Provider","value","clearState","children","isSessionValid","saved","Date","localStorage","getItem","currentTime","isValid","getTime","clear","authContext","setAuthToken","token","defaults","headers","common","accessToken","category","email","firstName","lastName","user","name","setItem","JSON","stringify","isAuthenticated","textAlert","AuthState","initialState","parse","authReducer","login","param","pickupKey","res","console","sendTextAlert","validateSession","message","Message","lineOfBusiness","messages","logout","mainColors","footerColors","bg","text","link","buttonColors","primaryBg","primaryBorder","primaryText","primaryDisabledBg","primaryDisabledBorder","primaryDisabledText","secondaryBg","secondaryBorder","secondaryText","linkColors","main","loadingColors","circlesBg","materialFieldColors","label","invalid","ripple","materialTextBoxColors","focusLabelText","borderBottom","materialSelectColors","textShadow","infoIconColors","globalAlertColors","successColors","usernameColors","globalStyles","css","homeStyles","NAMENOSPACE","NAMEWITHSPACE","CustomerValidationSchema","Yup","shape","FirstName","trim","matches","max","required","LastName","Email","LicensePlate","initialStyles","styled","div","states","materialStyled","alertStyled","srOnlyStyles","SrOnly","ValidationMessage","isMaterialField","aria-live","role","defaultProps","RowStyles","justify","undefined","justifyValues","Row","className","find","val","xsFullStyles","xsHalfStyles","smHalfStyles","colStyles","Col","xsFull","xsHalf","smHalf","MaterialFieldStyles","filled","showError","messageStyles","optionalStyles","ValidationInput","isOptional","id","optionalElem","errorElem","infoStyles","InfoIcon","aria-hidden","focusable","data-prefix","data-icon","xmlns","viewBox","fill","d","MaterialField","errorId","errorIcon","htmlFor","moveLabel","MaterialTextBoxStyles","input","MaterialTextBox","onChange","onBlur","maxLength","touched","materialProps","event","aria-required","aria-invalid","aria-describedby","materialSelectStyles","MaterialSelect","options","disabled","option","key","primary","Border","primaryDisabled","ButtonStyled","isDisabled","Button","onClick","isPrimary","aria-disabled","consentStyles","ConsentTextMessage","CustomerForm","formikProps","values","handleChange","handleBlur","handleSubmit","setFieldValue","State","format","formatIncompletePhoneNumber","globalErrorMessage","onSubmit","newValue","parseIncompletePhoneNumber","target","indexOf","slice","circle","keyframes","loadingStyles","dotsStyles","Loading","dots","dot","index","Initial","useContext","SmsContext","loadingAnimation","reCaptchaKey","initialValues","validationSchema","castValues","cast","window","grecaptcha","execute","RecaptchaToken","successStyles","Success","stateSelected","filter","st","Customer","errorStyles","Error","title","description","errStateProps","location","appState","AuthContext","useEffect","numberValue","titleValue","descriptionValue","linkValue","to","navStyles","Banner","Header","authenticated","src","Logo","alt","footerStyles","containerStyles","Container","Footer","year","getFullYear","href","Pdf","rel","InitialStyled","startDate","setDate","getDate","endDate","when","is","test","then","min","toLocaleDateString","Time","formStyles","validationMessageBlockStyles","formatMessage","time","date","Preview","React","memo","propTypes","PropTypes","string","isRequired","oneOfType","instanceOf","AdditionalFields","setFieldTouched","isDateNeeded","isTimeNeeded","dateError","timeError","CustomButton","field","dateCol","selected","minDate","maxDate","dateFormat","customInput","timeCol","showTimeSelect","showTimeSelectOnly","timeIntervals","timeCaption","Form","resetForm","messageRow","ValidationSchema","formattedMessage","modalStyles","SessionTimeOut","resetIdle","history","useState","visible","setVisible","timer","setTimeout","handleLogout","clearTimeout","push","onClose","closeMaskOnClick","showCloseButton","animation","Dashboard","idleTimer","useRef","isUserIdle","setIdle","ref","events","onIdle","timeout","current","reset","Auth","match","firstUpdate","params","GUID","propsTemp","pathname","PrivateRoute","Component","component","rest","render","App","fullStory","org","styles","exact","path","ReactDOM","document","getElementById"],"mappings":"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,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,uBACNjD,MAAO,MAET,CACEiD,KAAM,UACNjD,MAAO,MAET,CACEiD,KAAM,UACNjD,MAAO,MAET,CACEiD,KAAM,SACNjD,MAAO,MAET,CACEiD,KAAM,QACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,UACNjD,MAAO,MAET,CACEiD,KAAM,OACNjD,MAAO,MAET,CACEiD,KAAM,SACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,YACNjD,MAAO,MAET,CACEiD,KAAM,QACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,gBACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,YACNjD,MAAO,MAET,CACEiD,KAAM,cACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,UACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,SACNjD,MAAO,MAET,CACEiD,KAAM,gBACNjD,MAAO,MAET,CACEiD,KAAM,aACNjD,MAAO,MAET,CACEiD,KAAM,aACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,iBACNjD,MAAO,MAET,CACEiD,KAAM,eACNjD,MAAO,MAET,CACEiD,KAAM,OACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEiD,KAAM,SACNjD,MAAO,MAET,CACEiD,KAAM,eACNjD,MAAO,MAET,CACEiD,KAAM,cACNjD,MAAO,MAET,CACEiD,KAAM,eACNjD,MAAO,MAET,CACEiD,KAAM,iBACNjD,MAAO,MAET,CACEiD,KAAM,eACNjD,MAAO,MAET,CACEiD,KAAM,YACNjD,MAAO,MAET,CACEiD,KAAM,QACNjD,MAAO,MAET,CACEiD,KAAM,OACNjD,MAAO,MAET,CACEiD,KAAM,UACNjD,MAAO,MAET,CACEiD,KAAM,WACNjD,MAAO,MAET,CACEi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","file":"static/js/main.d16d28bf.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/banner.4ae6fd46.jpg\";","module.exports = __webpack_public_path__ + \"static/media/logo.de358d5b.png\";","module.exports = __webpack_public_path__ + \"static/media/Privacy-Notice.f4581579.pdf\";","import { createContext } from 'react';\r\n\r\nconst smsContext = createContext();\r\n\r\nexport default smsContext;\r\n","import { ADD_SMS_INFO, SET_ERROR, SET_LOADING, CLEAR_STATE } from '../types';\r\n\r\nexport default (state, action) => {\r\n  switch (action.type) {\r\n    case ADD_SMS_INFO:\r\n      return {\r\n        ...state,\r\n        smsInfo: action.payload,\r\n        serverError: null,\r\n        loading: false\r\n      };\r\n    case SET_ERROR: {\r\n      return {\r\n        ...state,\r\n        serverError: action.payload\r\n      };\r\n    }\r\n    case SET_LOADING:\r\n      return {\r\n        ...state,\r\n        loading: action.payload\r\n      };\r\n    case CLEAR_STATE:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        serverError: null,\r\n        smsInfo: null\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","// Sign up for text alerts\r\nexport const ADD_SMS_INFO = 'ADD_SMS_INFO';\r\nexport const CLEAR_STATE = 'CLEAR_STATE';\r\n\r\n// Auth\r\nexport const LOGIN_SUCCESS = 'LOGIN_SUCCESS';\r\nexport const LOGIN_FAIL = 'LOGIN_FAIL';\r\nexport const SESSION_TIMEOUT = 'SESSION_TIMEOUT';\r\nexport const LOGOUT = 'LOGOUT';\r\nexport const SEND_TEXT_ALERT = 'SEND_TEXT_ALERT';\r\n\r\n// Shared\r\nexport const SET_LOADING = 'SET_LOADING';\r\nexport const SET_ERROR = 'SET_ERROR';\r\n","import React, { useReducer } from 'react';\r\nimport SmsContext from './smsContext';\r\nimport smsReducer from './smsReducer';\r\nimport { ADD_SMS_INFO, SET_ERROR, SET_LOADING, CLEAR_STATE } from '../types';\r\nimport axios from 'axios';\r\n\r\nconst SmsState = props => {\r\n  const initialState = {\r\n    smsInfo: null,\r\n    loading: false,\r\n    serverError: null\r\n  };\r\n\r\n  const [state, dispatch] = useReducer(smsReducer, initialState);\r\n\r\n  // Sign up for Sms alerts\r\n  const addSmsInfo = async (info, setErrors) => {\r\n    setLoading(true);\r\n    let customerInfo = { ...info };\r\n    // remove () and spaces from string\r\n    customerInfo.MobileNumber = customerInfo.MobileNumber.replace(/[^\\d]/g, '');\r\n\r\n    // remove the international number from the mobile number\r\n    if (customerInfo.MobileNumber.length === 11) {\r\n      customerInfo.MobileNumber = customerInfo.MobileNumber.substr(1);\r\n    }\r\n    try {\r\n      await axios.post(process.env.REACT_APP_API_ENDPOINT, customerInfo);\r\n      dispatch({ type: ADD_SMS_INFO, payload: info });\r\n    } catch (error) {\r\n      if (error.response && error.response.status === 400) {\r\n        setFormErrors(error.response.data.errors, setErrors);\r\n      } else {\r\n        setGlobalErrors(\r\n          \"We're sorry you are having trouble. If you continue to have issues signing up for alerts, please call 414-344-0840 for assistance. Thank you.\"\r\n        );\r\n      }\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  // Errors must be formatted in the same format that as formik\r\n  const setFormErrors = (error, setErrors) => {\r\n    let tempErrors = {};\r\n    Object.keys(error).map(\r\n      errorField => (tempErrors[errorField] = error[errorField][0])\r\n    );\r\n    setErrors(tempErrors);\r\n  };\r\n\r\n  const setGlobalErrors = error => {\r\n    dispatch({ type: SET_ERROR, payload: error });\r\n  };\r\n\r\n  const setLoading = isLoading =>\r\n    dispatch({ type: SET_LOADING, payload: isLoading });\r\n\r\n  const clearState = () => dispatch({ type: CLEAR_STATE });\r\n\r\n  return (\r\n    <SmsContext.Provider\r\n      value={{\r\n        smsInfo: state.smsInfo,\r\n        loading: state.loading,\r\n        serverError: state.serverError,\r\n        addSmsInfo,\r\n        setLoading,\r\n        clearState\r\n      }}\r\n    >\r\n      {props.children}\r\n    </SmsContext.Provider>\r\n  );\r\n};\r\n\r\nexport default SmsState;\r\n","import { isValid } from 'date-fns';\r\nconst isSessionValid = () => {\r\n  // Time is stored in milliseconds, we want to timeout after 30 minutes\r\n  const minutes = 60000 * 30;\r\n  const saved = new Date(localStorage.getItem('timeOut'));\r\n  const currentTime = new Date();\r\n  if (!saved || !isValid(saved) || currentTime.getTime() - saved > minutes) {\r\n    localStorage.clear();\r\n    return false;\r\n  }\r\n  return true;\r\n};\r\n\r\nexport default isSessionValid;\r\n","import { createContext } from 'react';\r\n\r\nconst authContext = createContext();\r\n\r\nexport default authContext;\r\n","import axios from 'axios';\r\n\r\nconst setAuthToken = token => {\r\n  if (token) {\r\n    axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;\r\n  } else {\r\n    delete axios.defaults.headers.common['Authorization'];\r\n  }\r\n};\r\n\r\nexport default setAuthToken;\r\n","import {\r\n  LOGIN_SUCCESS,\r\n  LOGIN_FAIL,\r\n  LOGOUT,\r\n  SET_LOADING,\r\n  SEND_TEXT_ALERT,\r\n  SESSION_TIMEOUT,\r\n  SET_ERROR\r\n} from '../types';\r\nimport setAuthToken from \"../../utils/setAuthToken\";\r\n\r\nexport default (state, action) => {\r\n  switch (action.type) {\r\n    case LOGIN_SUCCESS:\r\n      const {\r\n        accessToken,\r\n        category,\r\n        email,\r\n        firstName,\r\n        lastName\r\n      } = action.payload;\r\n      const user = {\r\n        name: `${firstName} ${lastName}`,\r\n        email,\r\n        category\r\n      };\r\n      localStorage.clear();\r\n      localStorage.setItem('token', accessToken);\r\n      localStorage.setItem('user', JSON.stringify(user));\r\n      localStorage.setItem('timeOut', new Date());\r\n      setAuthToken(accessToken);\r\n      return {\r\n        ...state,\r\n        token: action.payload.accessToken,\r\n        user: user,\r\n        isAuthenticated: true,\r\n        loading: false\r\n      };\r\n    case SEND_TEXT_ALERT:\r\n      return {\r\n        ...state,\r\n        textAlert: action.payload,\r\n        serverError: null,\r\n        loading: false\r\n      };\r\n    case SET_ERROR: {\r\n      return {\r\n        ...state,\r\n        serverError: action.payload,\r\n        loading: false\r\n      };\r\n    }\r\n    case LOGIN_FAIL:\r\n    case LOGOUT:\r\n    case SESSION_TIMEOUT:\r\n      localStorage.clear();\r\n      return {\r\n        ...state,\r\n        token: null,\r\n        isAuthenticated: false,\r\n        user: null,\r\n        loading: false,\r\n        textAlert: null,\r\n        serverError: null\r\n      };\r\n    case SET_LOADING:\r\n      return {\r\n        ...state,\r\n        loading: action.payload\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import React, { useReducer } from 'react';\r\nimport axios from 'axios';\r\nimport isSessionValid from '../../utils/validateSession';\r\nimport AuthContext from './authContext';\r\nimport authReducer from './authReducer';\r\n\r\nimport {\r\n  LOGIN_SUCCESS,\r\n  LOGIN_FAIL,\r\n  LOGOUT,\r\n  SET_LOADING,\r\n  SEND_TEXT_ALERT,\r\n  SESSION_TIMEOUT,\r\n  SET_ERROR\r\n} from '../types';\r\n\r\nconst AuthState = props => {\r\n  const initialState = {\r\n    token: localStorage.getItem('token'),\r\n    user: JSON.parse(localStorage.getItem('user')),\r\n    isAuthenticated:\r\n      isSessionValid() &&\r\n      localStorage.getItem('token') &&\r\n      JSON.parse(localStorage.getItem('user'))\r\n        ? true\r\n        : null,\r\n    textAlert: null,\r\n    loading: false,\r\n    serverError: null\r\n  };\r\n\r\n  const [state, dispatch] = useReducer(authReducer, initialState);\r\n\r\n  // Login User\r\n  const login = async param => {\r\n    setLoading(true);\r\n    try {\r\n      const res = await axios.post(process.env.REACT_APP_AUTH_API_ENDPOINT, {\r\n        pickupKey: param\r\n      });\r\n      dispatch({\r\n        type: LOGIN_SUCCESS,\r\n        payload: res.data\r\n      });\r\n    } catch (error) {\r\n      console.error(error);\r\n      dispatch({ type: LOGIN_FAIL });\r\n    }\r\n  };\r\n\r\n  const setLoading = isLoading =>\r\n    dispatch({ type: SET_LOADING, payload: isLoading });\r\n\r\n  const sendTextAlert = async info => {\r\n    setLoading(true);\r\n    if (!validateSession()) return false;\r\n    try {\r\n      await axios.post(process.env.REACT_APP_NOTIF_API_ENDPOINT, {\r\n        message: info.Message,\r\n        lineOfBusiness: 'MKE'\r\n      });\r\n      dispatch({ type: SEND_TEXT_ALERT, payload: info });\r\n    } catch (error) {\r\n      console.error(error);\r\n      dispatch({\r\n        type: SET_ERROR,\r\n        payload: \"We're sorry an error ocurred. Please try again.\"\r\n      });\r\n    }\r\n  };\r\n\r\n  const validateSession = () => {\r\n    if (!isSessionValid()) {\r\n      dispatch({ type: SESSION_TIMEOUT });\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // Logout\r\n  const logout = () => {\r\n    dispatch({ type: LOGOUT });\r\n  };\r\n\r\n  return (\r\n    <AuthContext.Provider\r\n      value={{\r\n        token: state.token,\r\n        textAlert: state.textAlert,\r\n        isAuthenticated: state.isAuthenticated,\r\n        user: state.user,\r\n        messages: state.messages,\r\n        serverError: state.serverError,\r\n        loading: state.loading,\r\n        login,\r\n        logout,\r\n        sendTextAlert\r\n      }}\r\n    >\r\n      {props.children}\r\n    </AuthContext.Provider>\r\n  );\r\n};\r\n\r\nexport default AuthState;\r\n","export const mainColors = {\r\n  baseText: '#080f19',\r\n  pageBg: '#ffffff',\r\n  boxBorder: '#a7a7a7',\r\n  primary: '#007cad',\r\n  white: '#ffffff',\r\n  error: '#ba0000',\r\n  safariTapHighlight: 'transparent'\r\n};\r\n\r\nexport const navColors = {\r\n  bg: '#166085'\r\n};\r\n\r\nexport const mainContentColors = {\r\n  bg: mainColors.white\r\n};\r\n\r\nexport const footerColors = {\r\n  bg: '#166085',\r\n  text: mainColors.white,\r\n  link: mainColors.white\r\n};\r\n\r\nexport const buttonColors = {\r\n  primaryBg: mainColors.primary,\r\n  primaryBorder: mainColors.primary,\r\n  primaryText: mainColors.white,\r\n  primaryDisabledBg: '#949494',\r\n  primaryDisabledBorder: '#949494',\r\n  primaryDisabledText: mainColors.white,\r\n  secondaryBg: mainColors.white,\r\n  secondaryBorder: mainColors.primary,\r\n  secondaryText: mainColors.primary\r\n};\r\n\r\nexport const linkColors = {\r\n  main: mainColors.primary,\r\n  state: '#00a1e0'\r\n};\r\n\r\nexport const loadingColors = {\r\n  text: mainColors.primary,\r\n  circlesBg: mainColors.primary\r\n};\r\n\r\nexport const materialFieldColors = {\r\n  label: '#4a4a4a',\r\n  invalid: mainColors.error,\r\n  ripple: mainColors.primary\r\n};\r\n\r\nexport const materialTextBoxColors = {\r\n  text: mainColors.baseText,\r\n  focusLabelText: mainColors.primary,\r\n  borderBottom: '#4a4a4a'\r\n};\r\n\r\nexport const materialSelectColors = {\r\n  text: mainColors.baseText,\r\n  focusLabelText: mainColors.primary,\r\n  textShadow: '#000',\r\n  borderBottom: '#4a4a4a'\r\n};\r\n\r\nexport const infoIconColors = {\r\n  main: materialFieldColors.invalid\r\n};\r\n\r\nexport const materialLabelColors = {\r\n  main: '#4a4a4a'\r\n};\r\n\r\nexport const materialRippleColors = {\r\n  bg: mainColors.primary\r\n};\r\n\r\nexport const textAreaColors = {\r\n  invalid: mainColors.error\r\n};\r\n\r\nexport const globalAlertColors = {\r\n  text: '#721c24',\r\n  bg: '#f8d7da',\r\n  border: '#f5c6cb'\r\n};\r\n\r\nexport const successColors = {\r\n  label: '#4a4a4a',\r\n  value: '#080f19',\r\n  textNotification: '#080f19'\r\n};\r\n\r\nexport const agentBoxColors = {\r\n  headerText: '#ffffff',\r\n  headerBg: mainColors.primary,\r\n  border: '#979797'\r\n};\r\n\r\nexport const usernameColors = {\r\n  text: mainColors.white\r\n};\r\n\r\nexport const fonts = {\r\n  base: '1rem'\r\n};\r\n","import { css } from '@emotion/core';\r\nimport { mainColors, fonts } from './theme';\r\n\r\nconst globalStyles = css`\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  html {\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: ${fonts.base};\r\n    color: ${mainColors.baseText};\r\n    line-height: 1.15;\r\n    -webkit-text-size-adjust: 100%;\r\n    -webkit-tap-highlight-color: ${mainColors.safariTapHighlight};\r\n  }\r\n  body {\r\n    background: ${mainColors.pageBg};\r\n  }\r\n`;\r\n\r\nconst homeStyles = css`\r\n  height: 100%;\r\n  min-height: 100vh;\r\n  width: 100%;\r\n\r\n  .block-spacing {\r\n    margin: 4em auto;\r\n    min-height: 60vh;\r\n  }\r\n`;\r\n\r\nexport { globalStyles, homeStyles };\r\n","import * as Yup from 'yup';\r\n\r\nconst PHONEREGEXP = /^(1\\s)?\\(\\d{3}\\)\\s\\d{3}-\\d{4}$/;\r\nconst ALPHANUMERICREGEX = /^[a-z0-9]+$/i;\r\nconst NAMENOSPACE = /[a-zA-Z'\\-.]/;\r\nconst NAMEWITHSPACE = /^[a-z A-Z'\\-.]+$/;\r\n\r\nconst CustomerValidationSchema = Yup.object().shape({\r\n  FirstName: Yup.string()\r\n    .trim()\r\n    .matches(NAMENOSPACE, 'First name is invalid')\r\n    .matches(NAMEWITHSPACE, 'First name is invalid')\r\n    .max(100, 'First name must be less than 100 characters')\r\n    .required('First name is required'),\r\n  LastName: Yup.string()\r\n    .trim()\r\n    .matches(NAMENOSPACE, 'Last name is invalid')\r\n    .matches(NAMEWITHSPACE, 'Last name is invalid')\r\n    .max(100, 'Last name must be less than 100 characters')\r\n    .required('Last Name is required'),\r\n  MobileNumber: Yup.string()\r\n    .trim()\r\n    .matches(PHONEREGEXP, 'Mobile number is invalid')\r\n    .required('Mobile number is required'),\r\n  Email: Yup.string()\r\n    .trim()\r\n    .email('Email is invalid')\r\n    .max(100, 'Email must be less than 100 characters'),\r\n  LicensePlate: Yup.string()\r\n    .trim()\r\n    .matches(ALPHANUMERICREGEX, 'License plate is invalid')\r\n    .max(20, 'License plate must be less than 20 characters')\r\n});\r\n\r\nexport default CustomerValidationSchema;\r\n","import styled from '@emotion/styled';\r\n\r\nconst initialStyles = styled.div`\r\n  display: ${props => (props.loading ? 'none' : 'block')};\r\n  h1 {\r\n    margin-top: 0em;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 1em;\r\n  }\r\n`;\r\n\r\nexport default initialStyles;\r\n","export const states = [\r\n  {\r\n    text: 'Alabama',\r\n    value: 'AL'\r\n  },\r\n  {\r\n    text: 'Alaska',\r\n    value: 'AK'\r\n  },\r\n  {\r\n    text: 'Arizona',\r\n    value: 'AZ'\r\n  },\r\n  {\r\n    text: 'Arkansas',\r\n    value: 'AR'\r\n  },\r\n  {\r\n    text: 'California',\r\n    value: 'CA'\r\n  },\r\n  {\r\n    text: 'Colorado',\r\n    value: 'CO'\r\n  },\r\n  {\r\n    text: 'Connecticut',\r\n    value: 'CT'\r\n  },\r\n  {\r\n    text: 'Delaware',\r\n    value: 'DE'\r\n  },\r\n  {\r\n    text: 'District Of Columbia',\r\n    value: 'DC'\r\n  },\r\n  {\r\n    text: 'Florida',\r\n    value: 'FL'\r\n  },\r\n  {\r\n    text: 'Georgia',\r\n    value: 'GA'\r\n  },\r\n  {\r\n    text: 'Hawaii',\r\n    value: 'HI'\r\n  },\r\n  {\r\n    text: 'Idaho',\r\n    value: 'ID'\r\n  },\r\n  {\r\n    text: 'Illinois',\r\n    value: 'IL'\r\n  },\r\n  {\r\n    text: 'Indiana',\r\n    value: 'IN'\r\n  },\r\n  {\r\n    text: 'Iowa',\r\n    value: 'IA'\r\n  },\r\n  {\r\n    text: 'Kansas',\r\n    value: 'KS'\r\n  },\r\n  {\r\n    text: 'Kentucky',\r\n    value: 'KY'\r\n  },\r\n  {\r\n    text: 'Louisiana',\r\n    value: 'LA'\r\n  },\r\n  {\r\n    text: 'Maine',\r\n    value: 'ME'\r\n  },\r\n  {\r\n    text: 'Maryland',\r\n    value: 'MD'\r\n  },\r\n  {\r\n    text: 'Massachusetts',\r\n    value: 'MA'\r\n  },\r\n  {\r\n    text: 'Michigan',\r\n    value: 'MI'\r\n  },\r\n  {\r\n    text: 'Minnesota',\r\n    value: 'MN'\r\n  },\r\n  {\r\n    text: 'Mississippi',\r\n    value: 'MS'\r\n  },\r\n  {\r\n    text: 'Missouri',\r\n    value: 'MO'\r\n  },\r\n  {\r\n    text: 'Montana',\r\n    value: 'MT'\r\n  },\r\n  {\r\n    text: 'Nebraska',\r\n    value: 'NE'\r\n  },\r\n  {\r\n    text: 'Nevada',\r\n    value: 'NV'\r\n  },\r\n  {\r\n    text: 'New Hampshire',\r\n    value: 'NH'\r\n  },\r\n  {\r\n    text: 'New Jersey',\r\n    value: 'NJ'\r\n  },\r\n  {\r\n    text: 'New Mexico',\r\n    value: 'NM'\r\n  },\r\n  {\r\n    text: 'New York',\r\n    value: 'NY'\r\n  },\r\n  {\r\n    text: 'North Carolina',\r\n    value: 'NC'\r\n  },\r\n  {\r\n    text: 'North Dakota',\r\n    value: 'ND'\r\n  },\r\n  {\r\n    text: 'Ohio',\r\n    value: 'OH'\r\n  },\r\n  {\r\n    text: 'Oklahoma',\r\n    value: 'OK'\r\n  },\r\n  {\r\n    text: 'Oregon',\r\n    value: 'OR'\r\n  },\r\n  {\r\n    text: 'Pennsylvania',\r\n    value: 'PA'\r\n  },\r\n  {\r\n    text: 'Puerto Rico',\r\n    value: 'PR'\r\n  },\r\n  {\r\n    text: 'Rhode Island',\r\n    value: 'RI'\r\n  },\r\n  {\r\n    text: 'South Carolina',\r\n    value: 'SC'\r\n  },\r\n  {\r\n    text: 'South Dakota',\r\n    value: 'SD'\r\n  },\r\n  {\r\n    text: 'Tennessee',\r\n    value: 'TN'\r\n  },\r\n  {\r\n    text: 'Texas',\r\n    value: 'TX'\r\n  },\r\n  {\r\n    text: 'Utah',\r\n    value: 'UT'\r\n  },\r\n  {\r\n    text: 'Vermont',\r\n    value: 'VT'\r\n  },\r\n  {\r\n    text: 'Virginia',\r\n    value: 'VA'\r\n  },\r\n  {\r\n    text: 'Washington',\r\n    value: 'WA'\r\n  },\r\n  {\r\n    text: 'West Virginia',\r\n    value: 'WV'\r\n  },\r\n  {\r\n    text: 'Wisconsin',\r\n    value: 'WI'\r\n  },\r\n  {\r\n    text: 'Wyoming',\r\n    value: 'WY'\r\n  }\r\n];\r\n","import { css } from '@emotion/core';\r\nimport { globalAlertColors, mainColors } from '../../theme';\r\n\r\nconst materialStyled = css`\r\n  font-size: 0.7rem;\r\n  color: ${mainColors.error};\r\n`;\r\n\r\nconst alertStyled = css`\r\n  color: ${globalAlertColors.text};\r\n  background-color: ${globalAlertColors.bg};\r\n  border-color: ${globalAlertColors.border};\r\n  position: relative;\r\n  padding: 0.75rem 1.25rem;\r\n  border: 1px solid transparent;\r\n  border-radius: 0.25rem;\r\n`;\r\n\r\nexport { materialStyled, alertStyled };\r\n","import { css } from '@emotion/core';\r\n\r\nconst srOnlyStyles = css`\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  border: 0;\r\n`;\r\n\r\nexport default srOnlyStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport srOnlyStyles from './SrOnly.styles';\r\n\r\nconst SrOnly = ({ children }) => {\r\n  return <div css={srOnlyStyles}>{children}</div>;\r\n};\r\n\r\nSrOnly.propTypes = {\r\n  children: PropTypes.node.isRequired\r\n};\r\n\r\nexport default SrOnly;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { materialStyled, alertStyled } from './ValidationMessage.styles';\r\n\r\nimport SrOnly from '../Helpers/SrOnly';\r\n\r\nconst ValidationMessage = ({ error, isMaterialField }) => {\r\n  return (\r\n    <div\r\n      css={isMaterialField ? materialStyled : alertStyled}\r\n      aria-live='assertive'\r\n      role='alert'\r\n    >\r\n      <SrOnly>Error</SrOnly> {error}\r\n    </div>\r\n  );\r\n};\r\n\r\nValidationMessage.propTypes = {\r\n  error: PropTypes.string.isRequired\r\n};\r\n\r\nValidationMessage.defaultProps = {\r\n  isMaterialField: false\r\n};\r\n\r\nexport default ValidationMessage;\r\n","import styled from '@emotion/styled';\r\n\r\nconst RowStyles = styled.div`\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin-right: -15px;\r\n  margin-left: -15px;\r\n  justify-content: ${props => (props.justify ? props.justify : undefined)};\r\n`;\r\n\r\nexport default RowStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport RowStyles from './Row.styles';\r\n\r\nconst justifyValues = [\r\n  'baseline',\r\n  'center',\r\n  'end',\r\n  'flex-emd',\r\n  'flex-start',\r\n  'inherit',\r\n  'initial',\r\n  'left',\r\n  'normal',\r\n  'right',\r\n  'safe',\r\n  'space-around',\r\n  'space-between',\r\n  'space-evenly',\r\n  'start',\r\n  'stretch',\r\n  'unsafe',\r\n  'unset'\r\n];\r\n\r\nconst Row = ({ children, justify, className }) => {\r\n  justify = justify && justifyValues.find(val => val === justify);\r\n  return (\r\n    <RowStyles className={className} justify={justify}>\r\n      {children}\r\n    </RowStyles>\r\n  );\r\n};\r\n\r\nRow.propTypes = {\r\n  children: PropTypes.node.isRequired,\r\n  justify: PropTypes.oneOf(justifyValues)\r\n};\r\n\r\nexport default Row;\r\n","import { css } from '@emotion/core';\r\n\r\nconst xsFullStyles = css`\r\n  flex: 0 0 100%;\r\n  max-width: 100%;\r\n`;\r\nconst xsHalfStyles = css`\r\n  flex: 0 0 50%;\r\n  max-width: 50%;\r\n`;\r\n\r\nconst smHalfStyles = css`\r\n  @media (min-width: 576px) {\r\n    flex: 0 0 50%;\r\n    max-width: 50%;\r\n  }\r\n`;\r\n\r\nconst colStyles = css`\r\n  position: relative;\r\n  width: 100%;\r\n  padding-right: 15px;\r\n  padding-left: 15px;\r\n`;\r\n\r\nexport { xsFullStyles, xsHalfStyles, smHalfStyles, colStyles };\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport {\r\n  xsFullStyles,\r\n  xsHalfStyles,\r\n  smHalfStyles,\r\n  colStyles\r\n} from './Col.styles';\r\n\r\nconst Col = ({ children, xsFull, xsHalf, smHalf, className }) => {\r\n  return (\r\n    <div\r\n      css={[\r\n        colStyles,\r\n        xsFull && xsFullStyles,\r\n        xsHalf && xsHalfStyles,\r\n        smHalf && smHalfStyles\r\n      ]}\r\n      className={className}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nCol.propTypes = {\r\n  children: PropTypes.node.isRequired\r\n};\r\n\r\nexport default Col;\r\n","import { css } from '@emotion/core';\r\nimport styled from '@emotion/styled';\r\n\r\nimport { materialFieldColors } from '../../theme';\r\n\r\nconst error = css`\r\n  select,\r\n  input {\r\n    padding-right: 1.7rem;\r\n    border-color: ${materialFieldColors.invalid};\r\n  }\r\n  .material-text-field__label {\r\n    color: ${materialFieldColors.invalid};\r\n  }\r\n\r\n  .material-text-field__ripple {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst MaterialFieldStyles = styled.div`\r\n  position: relative;\r\n  margin-top: 2.5rem;\r\n  label {\r\n    color: ${materialFieldColors.label};\r\n    font-size: ${props => (props.filled ? '12px' : '16px')};\r\n    font-weight: normal;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    left: 5px;\r\n    top: ${props => (props.filled ? '-14px' : '10px')};\r\n    transition: 300ms ease all;\r\n  }\r\n  .material-text-field__ripple {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n  .material-text-field__ripple:before {\r\n    content: '';\r\n    height: 2px;\r\n    width: 0;\r\n    bottom: 0px;\r\n    position: absolute;\r\n    background: ${materialFieldColors.ripple};\r\n    transition: 300ms ease all;\r\n    left: 0%;\r\n  }\r\n\r\n  .fa-info-circle {\r\n    color: ${materialFieldColors.invalid};\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 0px;\r\n    font-size: 1rem;\r\n  }\r\n  ${props => (props.showError ? error : undefined)}\r\n`;\r\n\r\nexport default MaterialFieldStyles;\r\n","import { css } from '@emotion/core';\r\nimport { materialTextBoxColors } from '../../theme';\r\n\r\nconst messageStyles = css`\r\n  font-size: 0.6rem;\r\n  padding-left: 5px;\r\n  padding-top: 5px;\r\n`;\r\n\r\nconst optionalStyles = css`\r\n  color: ${materialTextBoxColors.message};\r\n`;\r\n\r\nexport { messageStyles, optionalStyles };\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { messageStyles, optionalStyles } from './ValidationInput.styles';\r\n\r\nimport ValidationMessage from './ValidationMessage';\r\n\r\nconst ValidationInput = ({ isOptional, showError, error, id }) => {\r\n  // Only show Optional text when needed and when then there is no error message to be shown to the user\r\n  const optionalElem = isOptional && !showError && (\r\n    <span css={optionalStyles}>Optional</span>\r\n  );\r\n\r\n  const errorElem = showError && (\r\n    <ValidationMessage error={error} isMaterialField={true} />\r\n  );\r\n\r\n  return (\r\n    <div css={messageStyles} id={id}>\r\n      {optionalElem}\r\n      {errorElem}\r\n    </div>\r\n  );\r\n};\r\n\r\nValidationInput.propTypes = {\r\n  showError: PropTypes.bool.isRequired\r\n};\r\n\r\nValidationInput.defaultProps = {\r\n  isOptional: false,\r\n  id: null,\r\n  error: null\r\n};\r\n\r\nexport default ValidationInput;\r\n","import { css } from '@emotion/core';\r\nimport { infoIconColors } from '../../theme';\r\n\r\nconst infoStyles = css`\r\n  display: inline-block;\r\n  height: 1em;\r\n  overflow: visible;\r\n  vertical-align: -0.125em;\r\n  width: 1em;\r\n  color: ${infoIconColors.main};\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 0px;\r\n  font-size: 1rem;\r\n`;\r\n\r\nexport default infoStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\n\r\nimport infoStyles from './InfoIcon.styles';\r\n\r\nconst InfoIcon = () => {\r\n  return (\r\n    <svg\r\n      css={infoStyles}\r\n      aria-hidden='true'\r\n      focusable='false'\r\n      data-prefix='fas'\r\n      data-icon='info-circle'\r\n      className='svg-inline--fa fa-info-circle fa-w-16 '\r\n      role='img'\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      viewBox='0 0 512 512'\r\n    >\r\n      <path\r\n        fill='currentColor'\r\n        d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default InfoIcon;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport MaterialFieldStyles from './MaterialField.styles';\r\n\r\nimport ValidationInput from '../Validation/ValidationInput';\r\nimport InfoIcon from '../Helpers/InfoIcon';\r\n\r\nconst MaterialField = ({\r\n  text,\r\n  name,\r\n  isOptional,\r\n  error,\r\n  children,\r\n  showError,\r\n  errorId,\r\n  filled\r\n}) => {\r\n  let errorIcon = showError && <InfoIcon />;\r\n  return (\r\n    <MaterialFieldStyles showError={showError} filled={filled}>\r\n      {children}\r\n      {errorIcon}\r\n      <span className='material-text-field__ripple'></span>\r\n      <label className='material-text-field__label' htmlFor={name}>\r\n        {text}\r\n      </label>\r\n      <ValidationInput\r\n        id={errorId}\r\n        isOptional={isOptional}\r\n        showError={showError}\r\n        error={error}\r\n      />\r\n    </MaterialFieldStyles>\r\n  );\r\n};\r\n\r\nMaterialField.propTypes = {\r\n  text: PropTypes.string.isRequired,\r\n  name: PropTypes.string.isRequired,\r\n  isOptional: PropTypes.bool.isRequired,\r\n  errorId: PropTypes.string.isRequired\r\n};\r\n\r\nMaterialField.defaultProps = {\r\n  error: null,\r\n  showError: null,\r\n  filled: false\r\n};\r\n\r\nexport default MaterialField;\r\n","import { css } from '@emotion/core';\r\nimport styled from '@emotion/styled';\r\n\r\nimport { materialTextBoxColors } from '../../theme';\r\n\r\nconst moveLabel = css`\r\n  top: -14px;\r\n  font-size: 12px;\r\n`;\r\n\r\nconst MaterialTextBoxStyles = styled.input`\r\n  background: none;\r\n  color: ${materialTextBoxColors.text};\r\n  display: block;\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 0;\r\n  border-bottom: 1px solid ${materialTextBoxColors.borderBottom};\r\n  padding: 10px 10px 10px 5px;\r\n  width: 100%;\r\n  &:focus {\r\n    outline: none;\r\n    & ~ label.material-text-field__label {\r\n      color: ${props =>\r\n        !props.showError ? materialTextBoxColors.focusLabelText : undefined};\r\n      ${moveLabel};\r\n    }\r\n    & ~ .material-text-field__ripple:before {\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default MaterialTextBoxStyles;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport MaterialField from './MaterialField';\r\n\r\nimport MaterialTextBoxStyles from './MaterialTextBox.styles';\r\n\r\nconst MaterialTextBox = ({\r\n  text,\r\n  name,\r\n  onChange,\r\n  onBlur,\r\n  isOptional,\r\n  value,\r\n  type,\r\n  maxLength,\r\n  error,\r\n  touched\r\n}) => {\r\n  const filled = value.length !== 0 ? true : false;\r\n  const showError = error && touched ? true : false;\r\n  const errorId = `error${name}`;\r\n  const materialProps = {\r\n    text,\r\n    name,\r\n    isOptional,\r\n    error,\r\n    showError,\r\n    errorId,\r\n    filled\r\n  };\r\n\r\n  return (\r\n    <MaterialField {...materialProps}>\r\n      <MaterialTextBoxStyles\r\n        showError={showError}\r\n        name={name}\r\n        id={name}\r\n        value={value}\r\n        type={type}\r\n        onBlur={onBlur}\r\n        onChange={event => {\r\n          onChange(event);\r\n        }}\r\n        maxLength={maxLength}\r\n        aria-required={!isOptional}\r\n        aria-invalid={showError ? showError : undefined}\r\n        aria-describedby={errorId}\r\n      />\r\n    </MaterialField>\r\n  );\r\n};\r\n\r\nMaterialTextBox.propTypes = {\r\n  text: PropTypes.string.isRequired,\r\n  name: PropTypes.string.isRequired,\r\n  onChange: PropTypes.func.isRequired,\r\n  onBlur: PropTypes.func.isRequired,\r\n  value: PropTypes.string.isRequired\r\n};\r\n\r\nMaterialTextBox.defaultProps = {\r\n  isOptional: false,\r\n  error: null,\r\n  type: 'text',\r\n  touched: null,\r\n  maxLength: null\r\n};\r\n\r\nexport default MaterialTextBox;\r\n","import { css } from '@emotion/core';\r\n\r\nimport { materialSelectColors } from '../../theme';\r\n\r\nconst moveLabel = css`\r\n  top: -14px;\r\n  font-size: 12px;\r\n`;\r\n\r\nconst materialSelectStyles = css`\r\n  background: none;\r\n  color: ${materialSelectColors.text};\r\n  display: block;\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 0;\r\n  border-bottom: 1px solid ${materialSelectColors.borderBottom};\r\n  padding: 10px 35px 10px 5px;\r\n  display: inline-block;\r\n  margin: 0;\r\n  box-sizing: border-box;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  background-image: linear-gradient(45deg, transparent 50%, gray 50%),\r\n    linear-gradient(135deg, gray 50%, transparent 50%),\r\n    linear-gradient(to right, white, white);\r\n  background-position: calc(100% - 20px) calc(1em + 2px),\r\n    calc(100% - 15px) calc(1em + 2px);\r\n  background-size: 5px 5px, 5px 5px, 1px 1.5em;\r\n  background-repeat: no-repeat;\r\n\r\n  &:-moz-focusing {\r\n    color: transparent;\r\n    text-shadow: 0 0 0 ${materialSelectColors.textShadow};\r\n  }\r\n  &::-ms-expand {\r\n    display: none;\r\n  }\r\n  &:focus {\r\n    outline: none;\r\n\r\n    background-image: linear-gradient(45deg, #007cad 50%, transparent 50%),\r\n      linear-gradient(135deg, transparent 50%, #007cad 50%),\r\n      linear-gradient(to right, white, white);\r\n    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,\r\n      calc(100% - 2.5em) 0.5em;\r\n    & ~ label.material-text-field__label {\r\n      color: ${materialSelectColors.focusLabelText};\r\n      ${moveLabel}\r\n    }\r\n    & ~ .material-text-field__ripple:before {\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default materialSelectStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport materialSelectStyles from './MaterialSelect.styles';\r\n\r\nimport MaterialField from './MaterialField';\r\n\r\nconst MaterialSelect = ({\r\n  text,\r\n  name,\r\n  onChange,\r\n  onBlur,\r\n  isOptional,\r\n  options,\r\n  touched,\r\n  error,\r\n  value\r\n}) => {\r\n  const filled = value ? true : false;\r\n  const showError = error && touched ? true : false;\r\n  const errorId = `error${name}`;\r\n  const materialProps = {\r\n    text,\r\n    name,\r\n    isOptional,\r\n    error,\r\n    showError,\r\n    errorId,\r\n    filled,\r\n    value\r\n  };\r\n\r\n  return (\r\n    <MaterialField {...materialProps} filled={filled}>\r\n      <select\r\n        css={materialSelectStyles}\r\n        id={name}\r\n        name={name}\r\n        onChange={event => {\r\n          onChange(event);\r\n        }}\r\n        onBlur={onBlur}\r\n        aria-required={!isOptional}\r\n        aria-invalid={showError ? showError : undefined}\r\n        aria-describedby={errorId}\r\n        value={value ? value : ''}\r\n      >\r\n        <option value='' disabled=''>\r\n          &nbsp;\r\n        </option>\r\n        {options.map(option => (\r\n          <option\r\n            key={option.id ? option.id : option.value}\r\n            value={option.value}\r\n          >\r\n            {option.text}\r\n          </option>\r\n        ))}\r\n      </select>\r\n    </MaterialField>\r\n  );\r\n};\r\n\r\nMaterialSelect.propTypes = {\r\n  text: PropTypes.string.isRequired,\r\n  name: PropTypes.string.isRequired,\r\n  onChange: PropTypes.func.isRequired,\r\n  onBlur: PropTypes.func.isRequired,\r\n  options: PropTypes.array.isRequired\r\n};\r\n\r\nMaterialSelect.defaultProps = {\r\n  touched: null,\r\n  isOptional: false,\r\n  error: null\r\n};\r\n\r\nexport default MaterialSelect;\r\n","import { css } from '@emotion/core';\r\nimport styled from '@emotion/styled';\r\n\r\nimport { buttonColors } from '../../theme';\r\n\r\nconst primary = css`\r\n  color: ${buttonColors.primaryText};\r\n  background: ${buttonColors.primaryBg};\r\n  border-color: ${buttonColors.Border};\r\n`;\r\n\r\nconst primaryDisabled = css`\r\n  color: ${buttonColors.primaryDisabledText};\r\n  background: ${buttonColors.primaryDisabledBg};\r\n  border-color: ${buttonColors.primaryDisabledBorder};\r\n`;\r\n\r\nconst ButtonStyled = styled.input`\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  padding: 0.6rem 1.5rem;\r\n  font-weight: 700;\r\n  height: 100%;\r\n  pointer-events: ${props => (props.isDisabled ? 'none' : 'auto')};\r\n  min-width: 120px;\r\n  color: ${buttonColors.secondaryText};\r\n  background: ${buttonColors.secondaryBg};\r\n  border: 1px solid ${buttonColors.secondaryBorder};\r\n  ${props => {\r\n    return props.isDisabled && props.primary\r\n      ? primaryDisabled\r\n      : props.primary\r\n      ? primary\r\n      : undefined;\r\n  }}\r\n`;\r\n\r\nexport default ButtonStyled;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ButtonStyled from './Button.styles';\r\n\r\nconst Button = ({ value, type, id, onClick, isPrimary, isValid }) => {\r\n  return (\r\n    <ButtonStyled\r\n      primary={isPrimary}\r\n      isDisabled={!isValid}\r\n      id={id}\r\n      type={type}\r\n      value={value}\r\n      onClick={onClick}\r\n      aria-disabled={!isValid ? 'true' : undefined}\r\n    />\r\n  );\r\n};\r\n\r\nButton.propTypes = {\r\n  value: PropTypes.string.isRequired,\r\n  isPrimary: PropTypes.bool.isRequired\r\n};\r\n\r\nButton.defaultProps = {\r\n  type: 'button',\r\n  id: null,\r\n  isValid: true,\r\n  onClick: null\r\n};\r\n\r\nexport default Button;\r\n","import { css } from '@emotion/core';\r\n\r\nimport { linkColors } from '../../theme';\r\n\r\nconst consentStyles = css`\r\n  margin: 3em auto;\r\n  & > * {\r\n    margin-top: 1em;\r\n  }\r\n  .consent-header {\r\n    font-size: 1rem;\r\n    font-weight: bold;\r\n    margin-top: 1em;\r\n  }\r\n  a {\r\n    color: ${linkColors.main};\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    &:active,\r\n    &:hover,\r\n    &:focus {\r\n      color: ${linkColors.state};\r\n      text-decoration: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default consentStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\n\r\nimport consentStyles from './ConsentTextMessage.styles';\r\n\r\n// import Pdf from '../../assets/Electronic-Communications-Disclosure.pdf';\r\n\r\nconst ConsentTextMessage = () => {\r\n  return (\r\n    <div css={consentStyles}>\r\n      <div className='consent-header'>\r\n        Consent for Auto-Dialing, Pre-recorded Messages, Text Messaging\r\n      </div>\r\n      <p>\r\n        By providing your number, you're also providing the following\r\n        consents when you select the <strong>Submit</strong> button.\r\n      </p>\r\n      <p>\r\n        I authorize the City of Milwaukee and its departments, service\r\n        providers, collectors, and vendors, to contact me at such number using\r\n        any means of communication, including, but not limited to, calls placed\r\n        to this number using an automated dialing device, calls using\r\n        prerecorded messages, and/or SMS text messages, regarding any current or\r\n        future communications from the City of Milwaukee and its departments,\r\n        service providers, collectors, and vendors, even if I will be charged by\r\n        my service provider(s) for receiving such communications. Message and\r\n        data rates may apply. Text STOP to (855) 757-3086 to cancel.\r\n      </p>\r\n      <div className='consent-header'>Unsubscribe/Contact</div>\r\n      <p>To unsubscribe at any time, text stop.</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ConsentTextMessage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n  parseIncompletePhoneNumber,\r\n  formatIncompletePhoneNumber\r\n} from 'libphonenumber-js';\r\nimport { states } from '../../helpers/States';\r\nimport ValidationMessage from '../Validation/ValidationMessage';\r\nimport Row from '../Grid/Row';\r\nimport Col from '../Grid/Col';\r\nimport MaterialTextBox from '../Material/MaterialTextBox';\r\nimport MaterialSelect from '../Material/MaterialSelect';\r\nimport Button from '../Button/Button';\r\nimport ConsentTextMessage from '../Consent/ConsentTextMessage';\r\n\r\nconst CustomerForm = ({ formikProps, serverError }) => {\r\n  const {\r\n    values,\r\n    errors,\r\n    touched,\r\n    handleChange,\r\n    handleBlur,\r\n    handleSubmit,\r\n    isValid,\r\n    setFieldValue\r\n  } = formikProps;\r\n  const {\r\n    FirstName,\r\n    LastName,\r\n    MobileNumber,\r\n    Email,\r\n    LicensePlate,\r\n    State\r\n  } = values;\r\n  const format = value => {\r\n    return formatIncompletePhoneNumber(value, 'US');\r\n  };\r\n  const formatMobile = event => {\r\n    let value = MobileNumber;\r\n    value = value.replace(/[^\\d]/g, '');\r\n    let newValue = parseIncompletePhoneNumber(event.target.value);\r\n    // bug in library that does not delete the last ) of an area code\r\n    // this is small fix to work around it\r\n    if (newValue === value) {\r\n      if (format(newValue).indexOf(event.target.value) === 0) {\r\n        // Trim the last digit (or plus sign).\r\n        newValue = newValue.slice(0, -1);\r\n      }\r\n    }\r\n    setFieldValue('MobileNumber', format(newValue));\r\n  };\r\n\r\n  const globalErrorMessage = serverError && (\r\n    <ValidationMessage error={serverError} />\r\n  );\r\n\r\n  return (\r\n    <form onSubmit={handleSubmit}>\r\n      {globalErrorMessage}\r\n      <Row>\r\n        <Col smHalf>\r\n          <MaterialTextBox\r\n            name='FirstName'\r\n            text='First Name'\r\n            onChange={handleChange}\r\n            value={FirstName}\r\n            error={errors.FirstName}\r\n            touched={touched.FirstName}\r\n            onBlur={handleBlur}\r\n            maxLength={100}\r\n          />\r\n        </Col>\r\n        <Col smHalf>\r\n          <MaterialTextBox\r\n            name='LastName'\r\n            text='Last Name'\r\n            onBlur={handleBlur}\r\n            onChange={handleChange}\r\n            value={LastName}\r\n            error={errors.LastName}\r\n            touched={touched.LastName}\r\n            maxLength={100}\r\n          />\r\n        </Col>\r\n        <Col xsFull smHalf>\r\n          <MaterialTextBox\r\n            name='MobileNumber'\r\n            text='Mobile Number'\r\n            type='tel'\r\n            onBlur={handleBlur}\r\n            onChange={formatMobile}\r\n            value={MobileNumber}\r\n            error={errors.MobileNumber}\r\n            touched={touched.MobileNumber}\r\n            maxLength={16}\r\n          />\r\n        </Col>\r\n        <Col xsFull>\r\n          <MaterialTextBox\r\n            name='Email'\r\n            text='Email'\r\n            type='email'\r\n            onBlur={handleBlur}\r\n            onChange={handleChange}\r\n            isOptional={true}\r\n            value={Email}\r\n            error={errors.Email}\r\n            touched={touched.Email}\r\n            maxLength={100}\r\n          />\r\n        </Col>\r\n        <Col xsFull smHalf>\r\n          <MaterialTextBox\r\n            name='LicensePlate'\r\n            text='License Plate'\r\n            onBlur={handleBlur}\r\n            onChange={handleChange}\r\n            value={LicensePlate}\r\n            isOptional={true}\r\n            error={errors.LicensePlate}\r\n            touched={touched.LicensePlate}\r\n            maxLength={20}\r\n          />\r\n        </Col>\r\n        <Col xsFull smHalf>\r\n          <MaterialSelect\r\n            text='State'\r\n            name='State'\r\n            options={states}\r\n            onBlur={handleBlur}\r\n            onChange={handleChange}\r\n            value={State}\r\n            isOptional={true}\r\n            error={errors.State}\r\n            touched={touched.State}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <ConsentTextMessage />\r\n      <Row justify='space-around'>\r\n        <Button\r\n          value='Submit'\r\n          type='submit'\r\n          isPrimary={true}\r\n          isValid={isValid}\r\n        />\r\n      </Row>\r\n    </form>\r\n  );\r\n};\r\n\r\nCustomerForm.propTypes = {\r\n  formikProps: PropTypes.object.isRequired\r\n};\r\n\r\nCustomerForm.defaultProps = {\r\n  serverError: false\r\n};\r\n\r\nexport default CustomerForm;\r\n","import { css } from '@emotion/core';\r\nimport { keyframes } from '@emotion/core';\r\n\r\nimport { loadingColors } from '../../theme';\r\n\r\nconst circle = keyframes`\r\n  0%,\r\n  20%,\r\n  80%,\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.6);\r\n  }\r\n`;\r\n\r\nconst loadingStyles = css`\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 50vh;\r\n  display: flex;\r\n  .text {\r\n    color: ${loadingColors.text};\r\n    margin-bottom: 0.5rem;\r\n  }\r\n  .animation {\r\n    display: inline-block;\r\n    position: relative;\r\n    width: 64px;\r\n    height: 64px;\r\n    div {\r\n      position: absolute;\r\n      width: 4px;\r\n      height: 4px;\r\n      background: ${loadingColors.circlesBg};\r\n      border-radius: 50%;\r\n      animation-name: ${circle};\r\n      animation-duration: 1.2s;\r\n      animation-timing-function: linear;\r\n      animation-iteration-count: infinite;\r\n    }\r\n  }\r\n`;\r\n\r\nconst dotsStyles = [\r\n  css`\r\n    animation-delay: 0s;\r\n    top: 29px;\r\n    left: 53px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.1s;\r\n    top: 18px;\r\n    left: 50px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.2s;\r\n    top: 9px;\r\n    left: 41px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.3s;\r\n    top: 6px;\r\n    left: 29px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.4s;\r\n    top: 9px;\r\n    left: 18px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.5s;\r\n    top: 18px;\r\n    left: 9px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.6s;\r\n    top: 29px;\r\n    left: 6px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.7s;\r\n    top: 41px;\r\n    left: 9px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.8s;\r\n    top: 50px;\r\n    left: 18px;\r\n  `,\r\n  css`\r\n    animation-delay: -0.9s;\r\n    top: 53px;\r\n    left: 29px;\r\n  `,\r\n  css`\r\n    animation-delay: -1s;\r\n    top: 50px;\r\n    left: 41px;\r\n  `,\r\n  css`\r\n    animation-delay: -1.1s;\r\n    top: 41px;\r\n    left: 50px;\r\n  `\r\n];\r\n\r\nexport { dotsStyles, loadingStyles };\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\n\r\nimport { dotsStyles, loadingStyles } from './Loading.styles.js';\r\n\r\nconst Loading = () => {\r\n  const dots = dotsStyles.map((dot, index) => (\r\n    <div key={index} css={dot}></div>\r\n  ));\r\n\r\n  return (\r\n    <div css={loadingStyles}>\r\n      <div>\r\n        <div className='text'>Loading</div>\r\n        <div className='animation'>{dots}</div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Loading;\r\n","import React, { useContext, Fragment } from 'react';\r\n\r\nimport SmsContext from '../../context/sms/smsContext';\r\nimport { Formik } from 'formik';\r\nimport { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';\r\nimport CustomerValidationSchema from './CustomerValidationSchema';\r\n\r\nimport InitialStyled from './Initial.styles';\r\n\r\nimport CustomerForm from './CustomerForm';\r\nimport Loading from '../Loading/Loading';\r\n\r\nconst Initial = () => {\r\n  const smsContext = useContext(SmsContext);\r\n  const { addSmsInfo, loading, serverError } = smsContext;\r\n  const recaptchaPublicKey = process.env.REACT_APP_RECAPTCHA_PUBLIC_KEY;\r\n\r\n  const loadingAnimation = loading && <Loading />;\r\n\r\n  return (\r\n    <Fragment>\r\n      <InitialStyled loading={loading ? 'true' : undefined}>\r\n        <h1>Get Milwaukee Parking Alerts</h1>\r\n        <GoogleReCaptchaProvider reCaptchaKey={recaptchaPublicKey}>\r\n          <Formik\r\n            initialValues={{\r\n              FirstName: '',\r\n              LastName: '',\r\n              MobileNumber: '',\r\n              Email: '',\r\n              LicensePlate: '',\r\n              State: ''\r\n            }}\r\n            validationSchema={CustomerValidationSchema}\r\n            onSubmit={async (values, { setErrors }) => {\r\n              let castValues = CustomerValidationSchema.cast(values);\r\n              castValues.RecaptchaToken = values.RecaptchaToken = await window.grecaptcha.execute(\r\n                recaptchaPublicKey,\r\n                {\r\n                  action: 'TextAlertsSignUp'\r\n                }\r\n              );\r\n              addSmsInfo(castValues, setErrors);\r\n            }}\r\n          >\r\n            {props => (\r\n              <CustomerForm formikProps={props} serverError={serverError} />\r\n            )}\r\n          </Formik>\r\n        </GoogleReCaptchaProvider>\r\n      </InitialStyled>\r\n      {loadingAnimation}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default Initial;\r\n","import { css } from '@emotion/core';\r\nimport { successColors } from '../../theme';\r\n\r\nconst successStyles = css`\r\n  h2 {\r\n    margin-bottom: 1em;\r\n  }\r\n  h3 {\r\n    font-size: 1.1rem;\r\n  }\r\n  .label {\r\n    font-size: 0.89em;\r\n    color: ${successColors.label};\r\n    margin: 3em auto 1em;\r\n  }\r\n  .value {\r\n    font-size: 1.26em;\r\n    color: ${successColors.value};\r\n    word-break: break-word;\r\n  }\r\n  .text-notification {\r\n    margin: 3em auto;\r\n    color: ${successColors.textNotification};\r\n    font-size: 1.03em;\r\n  }\r\n`;\r\n\r\nexport default successStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport { useContext } from 'react';\r\n\r\nimport SmsContext from '../../context/sms/smsContext';\r\n\r\nimport successStyles from './Success.styles';\r\n\r\nimport Row from '../Grid/Row';\r\nimport Col from '../Grid/Col';\r\n\r\nimport { states } from '../../helpers/States';\r\n\r\nconst Success = () => {\r\n  const smsContext = useContext(SmsContext);\r\n  const { smsInfo } = smsContext;\r\n  const {\r\n    FirstName,\r\n    LastName,\r\n    MobileNumber,\r\n    Email,\r\n    LicensePlate,\r\n    State\r\n  } = smsInfo;\r\n\r\n  const stateSelected = State ? states.filter(st => st.value === State) : null;\r\n\r\n  return (\r\n    <div css={successStyles}>\r\n      <h2>Parking Alerts — Success</h2>\r\n      <h3>THANK YOU FOR SIGNING UP FOR ALERTS.</h3>\r\n      <Row>\r\n        <Col smHalf>\r\n          <p className='label'>First Name</p>\r\n          <p className='value'>{FirstName}</p>\r\n        </Col>\r\n        <Col smHalf>\r\n          <p className='label'>Last Name</p>\r\n          <p className='value'>{LastName}</p>\r\n        </Col>\r\n        <Col smHalf>\r\n          <p className='label'>Mobile</p>\r\n          <p className='value'>{MobileNumber}</p>\r\n        </Col>\r\n        {Email && (\r\n          <Col xsFull>\r\n            <p className='label'>Email</p>\r\n            <p className='value'>{Email}</p>\r\n          </Col>\r\n        )}\r\n        {LicensePlate && (\r\n          <Col smHalf>\r\n            <p className='label'>License Plate</p>\r\n            <p className='value'>{LicensePlate}</p>\r\n          </Col>\r\n        )}\r\n        {stateSelected && (\r\n          <Col smHalf>\r\n            <p className='label'>State</p>\r\n            <p className='value'>{stateSelected[0].text}</p>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n      <Row>\r\n        <Col xsFull className='text-notification'>\r\n          Check your text messages for a welcome message.\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Success;\r\n","import React, { useContext, Fragment } from 'react';\r\nimport SmsContext from '../../context/sms/smsContext';\r\nimport Initial from '../Customer/Initial';\r\nimport Success from '../Customer/Success';\r\n\r\nconst Customer = () => {\r\n  const smsContext = useContext(SmsContext);\r\n  const { smsInfo } = smsContext;\r\n  return <Fragment>{smsInfo ? <Success /> : <Initial />}</Fragment>;\r\n};\r\n\r\nexport default Customer;\r\n","import { css } from '@emotion/core';\r\nimport { linkColors } from '../../theme';\r\n\r\nconst errorStyles = css`\r\n  text-align: center;\r\n  .title {\r\n    font-weight: bold;\r\n    .number {\r\n      font-size: 5em;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .not-found {\r\n      font-size: 1.5em;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n  }\r\n  .link {\r\n    margin-top: 1.5rem;\r\n    a {\r\n      color: ${linkColors.main};\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      &:active,\r\n      &:hover,\r\n      &:focus {\r\n        color: ${linkColors.state};\r\n        text-decoration: none;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport default errorStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport { useContext, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport errorStyles from './Error.styles';\r\n\r\nimport SmsContext from '../../context/sms/smsContext';\r\nimport AuthContext from '../../context/auth/authContext';\r\n\r\nconst Error = props => {\r\n  let title, description, link;\r\n  const errStateProps = props.location.appState;\r\n  if (errStateProps) {\r\n    title = errStateProps.title;\r\n    description = errStateProps.description;\r\n    link = errStateProps.link;\r\n  }\r\n  const authContext = useContext(AuthContext);\r\n  const smsContext = useContext(SmsContext);\r\n  useEffect(() => {\r\n    smsContext.clearState();\r\n    // eslint-disable-next-line\r\n  }, []);\r\n  const numberValue = !errStateProps && <div className='number'>404</div>;\r\n  const titleValue = title ? title : 'Page Not Found!';\r\n  const descriptionValue = description\r\n    ? description\r\n    : `We're sorry, but we can't find the page you were looking for. Try one of these options:`;\r\n  const linkValue = link ? (\r\n    link\r\n  ) : authContext.isAuthenticated ? (\r\n    <Link to='/dashboard'>Go to Dashboard</Link>\r\n  ) : (\r\n    <Link to='/'>Go to Homepage</Link>\r\n  );\r\n  return (\r\n    <div css={errorStyles}>\r\n      <div className='title'>\r\n        {numberValue}\r\n        <div className='not-found'>{titleValue}</div>\r\n      </div>\r\n      <div>{descriptionValue}</div>\r\n      <div className='link'>{linkValue}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Error;\r\n","import { css } from '@emotion/core';\r\nimport { navColors, usernameColors } from '../../theme';\r\n\r\nimport Banner from '../../assets/banner.jpg';\r\n\r\nconst navStyles = css`\r\n  background: ${navColors.bg};\r\n  .nav-flex {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1rem;\r\n    .logo-block {\r\n      max-width: 170px;\r\n      max-height: 170px;\r\n\r\n      img {\r\n        width: 100%;\r\n        height: auto;\r\n      }\r\n\r\n      @media (min-width: 576px) {\r\n        margin-left: 1em;\r\n      }\r\n\r\n      @media (min-width: 992px) {\r\n        margin-left: 6em;\r\n      }\r\n    }\r\n    .logged-in-block {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n\r\n      .username {\r\n        display: none;\r\n        color: ${usernameColors.text};\r\n        @media (min-width: 576px) {\r\n          display: block;\r\n          padding-right: 2em;\r\n          margin-left: 1em;\r\n        }\r\n      }\r\n      @media (min-width: 576px) {\r\n        margin-right: 2em;\r\n      }\r\n    }\r\n  }\r\n\r\n  .banner {\r\n    margin-bottom: 2rem;\r\n    height: 70px;\r\n    width: 100%;\r\n    background: url(${Banner});\r\n    background-position: 20%, center;\r\n    @media (min-width: 992px) {\r\n      background-size: cover;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default navStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport { useContext } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport SmsContext from '../../context/sms/smsContext';\r\nimport AuthContext from '../../context/auth/authContext';\r\n\r\nimport navStyles from './Header.styles';\r\n\r\nimport Logo from '../../assets/logo.png';\r\nimport Button from '../Button/Button';\r\n\r\nconst Header = () => {\r\n  const smsContext = useContext(SmsContext);\r\n  const onClick = () => smsContext.clearState();\r\n\r\n  const authContext = useContext(AuthContext);\r\n  const { isAuthenticated, logout, user } = authContext;\r\n\r\n  const authenticated = isAuthenticated && (\r\n    <div className='logged-in-block'>\r\n      {user && <div className='username'>Hello, {user.name}</div>}\r\n      <Link to={'/logout'}>\r\n        <Button isPrimary={false} onClick={logout} value='logout' />\r\n      </Link>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <nav css={navStyles}>\r\n      <div className='nav-flex'>\r\n        <div className='logo-block'>\r\n          <Link to={isAuthenticated ? '/dashboard' : '/'} onClick={onClick}>\r\n            <img src={Logo} alt='Logo' />\r\n          </Link>\r\n        </div>\r\n        {authenticated}\r\n      </div>\r\n      <div className='banner' />\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","import { css } from '@emotion/core';\r\nimport { footerColors } from '../../theme';\r\n\r\nconst footerStyles = css`\r\n  background: ${footerColors.bg};\r\n  color: ${footerColors.text};\r\n  padding-top: 2em;\r\n  padding-bottom: 2em;\r\n  font-size: 0.9rem;\r\n  .box--footer__links {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    a,\r\n    a:hover {\r\n      color: ${footerColors.link};\r\n      font-weight: 700;\r\n    }\r\n    .separator {\r\n      display: inline-block;\r\n      margin: auto 10px;\r\n    }\r\n  }\r\n  .copyright {\r\n    padding: 1.5rem 0rem;\r\n    font-size: 0.8rem;\r\n  }\r\n  .translate {\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport default footerStyles;\r\n","import { css } from '@emotion/core';\r\n\r\nconst containerStyles = css`\r\n  width: 100%;\r\n  padding-right: 15px;\r\n  padding-left: 15px;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n\r\n  @media (min-width: 576px) {\r\n    max-width: 540px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    max-width: 720px;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    max-width: 920px;\r\n  }\r\n`;\r\n\r\nexport default containerStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport containerStyles from './Container.styles';\r\n\r\nconst Container = ({ children }) => {\r\n  return <div css={containerStyles}>{children}</div>;\r\n};\r\n\r\nContainer.propTypes = {\r\n  children: PropTypes.node.isRequired\r\n};\r\n\r\nexport default Container;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\n\r\nimport footerStyles from './Footer.styles';\r\n\r\nimport Container from '../Grid/Container';\r\n\r\nimport Pdf from '../../assets/Privacy-Notice.pdf';\r\n\r\nconst Footer = () => {\r\n  const year = new Date().getFullYear();\r\n\r\n  return (\r\n    <footer css={footerStyles}>\r\n      <Container>\r\n        <div className='box--footer__links'>\r\n          <div>\r\n            <a\r\n              href={Pdf}\r\n              target='_blank'\r\n              rel='noopener noreferrer'\r\n            >\r\n              Privacy Policy\r\n            </a>\r\n            <span className='separator'>|</span>\r\n            <a\r\n              href='https://duncansolutions.com/terms-of-use/'\r\n              target='_blank'\r\n              rel='noopener noreferrer'\r\n            >\r\n              Terms of Use\r\n            </a>\r\n          </div>\r\n        </div>\r\n        <div className='copyright'>\r\n          © Copyright {year} Duncan Solutions. All rights reserved.\r\n        </div>\r\n        <div className='translate' id=\"google_translate_element\" />\r\n      </Container>\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","import styled from '@emotion/styled';\r\n\r\nconst InitialStyled = styled.div`\r\n  display: ${props => (props.loading ? 'none' : 'block')};\r\n  h1 {\r\n    margin-top: 0em;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 1em;\r\n  }\r\n`;\r\n\r\nexport default InitialStyled;\r\n","import * as Yup from 'yup';\r\n\r\nlet startDate = new Date();\r\n// yup does not include current date\r\nstartDate.setDate(startDate.getDate() - 1);\r\nlet endDate = new Date();\r\nendDate.setDate(endDate.getDate() + 180);\r\n\r\nconst CustomerValidationSchema = Yup.object().shape({\r\n  Message: Yup.string().required('Message is required'),\r\n  Date: Yup.date().when('Message', {\r\n    is: Message => /{date}/.test(Message),\r\n    then: Yup.date()\r\n      .required('Date is required')\r\n      .min(\r\n        startDate,\r\n        `Date must be at least ${new Date().toLocaleDateString()}`\r\n      )\r\n      .max(endDate, `Date must be at most ${endDate.toLocaleDateString()}`)\r\n  }),\r\n  Time: Yup.date().when('Message', {\r\n    is: Message => /{time}/.test(Message),\r\n    then: Yup.date().required('Time is required')\r\n  })\r\n});\r\n\r\nexport default CustomerValidationSchema;\r\n","import { css } from '@emotion/core';\r\n\r\nconst formStyles = css`\r\n  .col-spacing > div {\r\n    margin-top: 0.7em;\r\n    margin-bottom: 0.7em;\r\n  }\r\n  .button-row {\r\n    margin-top: 4em;\r\n  }\r\n\r\n  h3 {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  h4 {\r\n    margin-bottom: 1rem;\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .message-preview {\r\n    word-break: break-word;\r\n  }\r\n`;\r\n\r\nexport default formStyles;\r\n","import { css } from '@emotion/core';\r\n\r\nconst validationMessageBlockStyles = css`\r\n  margin-top: 0.5em;\r\n`;\r\n\r\nexport default validationMessageBlockStyles;\r\n","import { format, isValid } from 'date-fns';\r\n\r\nconst formatMessage = (message, time, date) =>\r\n  message\r\n    .replace(\r\n      '{time}',\r\n      time && isValid(time) ? format(time, 'h:mm aa') : '__________'\r\n    )\r\n    .replace(\r\n      '{date}',\r\n      date && isValid(date) ? format(date, 'MM/dd/yyyy') : '__________'\r\n    );\r\n\r\nexport default formatMessage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport formatMessage from '../../utils/formatMessage';\r\n\r\nexport const Preview = React.memo(({ Message, Time, Date }) => (\r\n  <div className='message-preview'>{formatMessage(Message, Time, Date)}</div>\r\n));\r\n\r\nPreview.propTypes = {\r\n  Message: PropTypes.string.isRequired,\r\n  Time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\r\n  Date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string])\r\n};\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\nimport DatePicker from 'react-datepicker';\r\n\r\nimport validationMessageBlockStyles from './AdditionalFields.styles';\r\n\r\nimport Row from '../Grid/Row';\r\nimport Col from '../Grid/Col';\r\nimport Button from '../Button/Button';\r\nimport { Preview } from './Preview';\r\nimport ValidationMessage from '../Validation/ValidationMessage';\r\n\r\nexport const AdditionalFields = ({\r\n  Message,\r\n  Date,\r\n  Time,\r\n  setFieldValue,\r\n  errors,\r\n  touched,\r\n  setFieldTouched\r\n}) => {\r\n  const isDateNeeded = /{date}/g.test(Message) ? true : false;\r\n\r\n  const isTimeNeeded = /{time}/g.test(Message) ? true : false;\r\n\r\n  const startDate = new window.Date();\r\n\r\n  let endDate = new window.Date();\r\n  endDate.setDate(endDate.getDate() + 180);\r\n\r\n  const dateError = errors.Date && touched.Date && (\r\n    <div css={validationMessageBlockStyles}>\r\n      <ValidationMessage isMaterialField={true} error={errors.Date} />\r\n    </div>\r\n  );\r\n\r\n  const timeError = errors.Time && touched.Time && (\r\n    <div css={validationMessageBlockStyles}>\r\n      <ValidationMessage isMaterialField={true} error={errors.Time} />\r\n    </div>\r\n  );\r\n\r\n  const CustomButton = ({ value, onClick }) => (\r\n    <Button\r\n      value={value ? value : 'Select'}\r\n      isPrimary={true}\r\n      isValid={true}\r\n      onClick={onClick}\r\n    />\r\n  );\r\n\r\n  const handleChange = (field, value) => {\r\n    setFieldTouched(field, true);\r\n    setFieldValue(field, value);\r\n  };\r\n\r\n  const dateCol = isDateNeeded && (\r\n    <Col xsHalf>\r\n      <h4>Date</h4>\r\n      <DatePicker\r\n        id='date'\r\n        name='date'\r\n        onChange={date => handleChange('Date', date)}\r\n        selected={Date}\r\n        minDate={startDate}\r\n        maxDate={endDate}\r\n        dateFormat='MM/dd/yyyy'\r\n        customInput={<CustomButton />}\r\n      />\r\n      {dateError}\r\n    </Col>\r\n  );\r\n\r\n  const timeCol = isTimeNeeded && (\r\n    <Col xsHalf>\r\n      <h4>Time</h4>\r\n      <DatePicker\r\n        id='time'\r\n        name='time'\r\n        onChange={time => handleChange('Time', time)}\r\n        showTimeSelect\r\n        selected={Time}\r\n        showTimeSelectOnly\r\n        timeIntervals={30}\r\n        timeCaption='Time'\r\n        dateFormat='h:mm aa'\r\n        customInput={<CustomButton />}\r\n      />\r\n      {timeError}\r\n    </Col>\r\n  );\r\n\r\n  return (\r\n    <Row className='col-spacing'>\r\n      {dateCol}\r\n      {timeCol}\r\n      <Col>\r\n        <h3>Preview</h3>\r\n      </Col>\r\n      <Col>\r\n        <Preview Message={Message} Time={Time} Date={Date} />\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n\r\nAdditionalFields.propTypes = {\r\n  Message: PropTypes.string.isRequired,\r\n  Time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\r\n  Date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\r\n  setFieldValue: PropTypes.func.isRequired\r\n};\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport PropTypes from 'prop-types';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\n\r\nimport formStyles from './Form.styles';\r\n\r\nimport ValidationMessage from '../Validation/ValidationMessage';\r\nimport Row from '../Grid/Row';\r\nimport Col from '../Grid/Col';\r\nimport Button from '../Button/Button';\r\nimport { AdditionalFields } from './AdditionalFields';\r\nimport MaterialTextBox from \"../Material/MaterialTextBox\";\r\n\r\nconst Form = ({ formikProps, serverError }) => {\r\n  const {\r\n    values,\r\n    errors,\r\n    touched,\r\n    handleChange,\r\n    handleBlur,\r\n    handleSubmit,\r\n    isValid,\r\n    resetForm,\r\n    setFieldValue,\r\n    setFieldTouched\r\n  } = formikProps;\r\n\r\n  const { Message, Date, Time } = values;\r\n\r\n  const globalErrorMessage = serverError && (\r\n    <ValidationMessage error={serverError} />\r\n  );\r\n  const messageRow = Message && (\r\n    <AdditionalFields\r\n      Message={Message}\r\n      Date={Date}\r\n      Time={Time}\r\n      errors={errors}\r\n      touched={touched}\r\n      setFieldValue={setFieldValue}\r\n      setFieldTouched={setFieldTouched}\r\n    />\r\n  );\r\n\r\n  return (\r\n    <form css={formStyles} onSubmit={handleSubmit}>\r\n      {globalErrorMessage}\r\n      <Row>\r\n        <Col xsFull>\r\n          <MaterialTextBox\r\n              name='Message'\r\n              text='Message'\r\n              onChange={handleChange}\r\n              value={Message}\r\n              error={errors.Message}\r\n              touched={touched.Message}\r\n              onBlur={handleBlur}\r\n              maxLength={140}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      {messageRow}\r\n      <Row className='button-row' justify='space-evenly'>\r\n        <Button\r\n          value='Reset'\r\n          isPrimary={false}\r\n          isValid={true}\r\n          onClick={() => resetForm()}\r\n        />\r\n        <Button\r\n          value='Send Alert'\r\n          type='submit'\r\n          isPrimary={true}\r\n          isValid={isValid}\r\n        />\r\n      </Row>\r\n    </form>\r\n  );\r\n};\r\n\r\nForm.propTypes = {\r\n  formikProps: PropTypes.object.isRequired\r\n};\r\n\r\nForm.defaultProps = {\r\n  serverError: false\r\n};\r\n\r\nexport default Form;\r\n","import React, { useContext, Fragment } from 'react';\r\nimport AuthContext from '../../context/auth/authContext';\r\nimport { Formik } from 'formik';\r\n\r\nimport InitialStyled from './Initial.styles';\r\n\r\nimport ValidationSchema from './ValidationSchema';\r\nimport Form from './Form';\r\nimport Loading from '../Loading/Loading';\r\n\r\nconst Initial = () => {\r\n  const authContext = useContext(AuthContext);\r\n  const { sendTextAlert, loading, serverError } = authContext;\r\n\r\n  const loadingAnimation = loading && <Loading />;\r\n\r\n  return (\r\n    <Fragment>\r\n      <InitialStyled loading={loading ? 'true' : undefined}>\r\n        <h1>Text Alert</h1>\r\n        <Formik\r\n          initialValues={{\r\n            Message: '',\r\n            Date: '',\r\n            Time: ''\r\n          }}\r\n          validationSchema={ValidationSchema}\r\n          onSubmit={async (values, { setErrors }) => {\r\n            sendTextAlert(values, setErrors);\r\n          }}\r\n        >\r\n          {props => (\r\n            <Form\r\n              formikProps={props}\r\n              serverError={serverError}\r\n            />\r\n          )}\r\n        </Formik>\r\n      </InitialStyled>\r\n      {loadingAnimation}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default Initial;\r\n","import { css } from '@emotion/core';\r\n\r\nconst successStyles = css`\r\n  h2 {\r\n    margin-bottom: 1em;\r\n  }\r\n  h3 {\r\n    font-size: 1.1rem;\r\n  }\r\n  .label {\r\n    font-size: 0.89em;\r\n    color: #4a4a4a;\r\n    margin: 3em auto 1em;\r\n  }\r\n  .value {\r\n    font-size: 1.26em;\r\n    color: #080f19;\r\n    word-break: break-word;\r\n  }\r\n`;\r\n\r\nexport default successStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport { useContext } from 'react';\r\nimport AuthContext from '../../context/auth/authContext';\r\n\r\nimport successStyles from './Success.styles';\r\n\r\nimport Row from '../Grid/Row';\r\nimport Col from '../Grid/Col';\r\nimport formatMessage from '../../utils/formatMessage';\r\n\r\nconst Success = () => {\r\n  const authContext = useContext(AuthContext);\r\n  const { textAlert } = authContext;\r\n  const { Message, Date, Time } = textAlert;\r\n  const formattedMessage = formatMessage(Message, Time, Date);\r\n\r\n  return (\r\n    <div css={successStyles}>\r\n      <h2>Text Alert — Success</h2>\r\n      <h3>YOUR MESSAGE HAS BEEN SENT</h3>\r\n      <Row>\r\n        <Col xsFull>\r\n          <p className='label'>Text</p>\r\n          <p className='value'>{formattedMessage}</p>\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Success;\r\n","import { css } from '@emotion/core';\r\n\r\nconst modalStyles = css`\r\n  .rodal,\r\n  .rodal-mask {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    position: fixed !important;\r\n    padding: 10px;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n  }\r\n  .rodal-dialog {\r\n    display: flex;\r\n    margin: auto;\r\n    height: auto !important;\r\n    flex-direction: column;\r\n    background-color: #fff;\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n    padding: 1.25em;\r\n    border-radius: 0.3125em;\r\n    box-sizing: border-box;\r\n    justify-content: center;\r\n    position: relative !important;\r\n    width: 32em;\r\n    max-width: 100%;\r\n  }\r\n  .header,\r\n  .body {\r\n    margin-bottom: 35px;\r\n    text-align: center;\r\n  }\r\n  .header {\r\n    font-size: 1.7rem;\r\n  }\r\n\r\n  .body {\r\n    font-size: 1.1rem;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .footer {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n  }\r\n`;\r\n\r\nexport default modalStyles;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport { useState, useEffect } from 'react';\r\nimport Rodal from 'rodal';\r\nimport 'rodal/lib/rodal.css';\r\n\r\nimport modalStyles from './SessionTimeOut.styles';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nconst SessionTimeOut = ({ resetIdle, logout, history }) => {\r\n  const [visible, setVisible] = useState(true);\r\n  const LOGOUT_TIME = 1000 * 60;\r\n\r\n  useEffect(() => {\r\n    let timer = setTimeout(() => {\r\n      handleLogout();\r\n    }, LOGOUT_TIME);\r\n    return () => {\r\n      clearTimeout(timer);\r\n    };\r\n    // eslint-disable-next-line\r\n  }, []);\r\n\r\n  const handleLogout = () => {\r\n    setVisible(false);\r\n    logout();\r\n    history.push('/logout');\r\n  };\r\n\r\n  return (\r\n    <div css={modalStyles}>\r\n      <Rodal\r\n        visible={visible}\r\n        onClose={handleLogout}\r\n        closeMaskOnClick={false}\r\n        showCloseButton={false}\r\n        animation='fade'\r\n      >\r\n        <div className='header'>Are you still there?</div>\r\n        <div className='body'>\r\n          Your session is about to expire. You will be logged out due to\r\n          inactivity in 60 seconds.\r\n        </div>\r\n        <div className='footer'>\r\n          <Button isPrimary={false} onClick={handleLogout} value={'Logout'} />\r\n          <Button isPrimary={true} onClick={resetIdle} value='Continue' />\r\n        </div>\r\n      </Rodal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SessionTimeOut;\r\n","import React, {\r\n  useContext,\r\n  Fragment,\r\n  useRef,\r\n  useState\r\n} from 'react';\r\nimport AuthContext from '../../context/auth/authContext';\r\nimport Initial from '../Dashboard/Initial';\r\nimport Success from '../Dashboard/Success';\r\nimport Loading from '../Loading/Loading';\r\nimport SessionTimeOut from '../SessionTimeOut/SessionTimeOut';\r\nimport IdleTimer from 'react-idle-timer';\r\n\r\nconst Dashboard = props => {\r\n  const authContext = useContext(AuthContext);\r\n  const {loading, textAlert, logout } = authContext;\r\n  const idleTimer = useRef();\r\n  const [isUserIdle, setIdle] = useState(false);\r\n  const idleTimerEvents = [];\r\n\r\n  const resetIdle = () => {\r\n    idleTimer.current.reset();\r\n    setIdle(false);\r\n  };\r\n\r\n  const onIdle = () => setIdle(true);\r\n\r\n  if (loading) {\r\n    return <Loading />;\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <IdleTimer\r\n        ref={idleTimer}\r\n        events={idleTimerEvents}\r\n        onIdle={onIdle}\r\n        timeout={1000 * 60 * 9}\r\n      />\r\n      {textAlert ? <Success /> : <Initial />}\r\n      {isUserIdle && (\r\n        <SessionTimeOut\r\n          resetIdle={resetIdle}\r\n          logout={logout}\r\n          history={props.history}\r\n        />\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default Dashboard;\r\n","import React, { useContext, useEffect, useRef } from 'react';\r\nimport AuthContext from '../../context/auth/authContext';\r\nimport Loading from '../Loading/Loading';\r\n\r\nconst Auth = props => {\r\n  const { match } = props;\r\n  const authContext = useContext(AuthContext);\r\n  const { login, isAuthenticated } = authContext;\r\n  const firstUpdate = useRef(true);\r\n\r\n  useEffect(() => {\r\n    if (firstUpdate.current) {\r\n      firstUpdate.current = false;\r\n      login(match.params.GUID);\r\n    } else {\r\n      if (isAuthenticated) {\r\n        props.history.push('/dashboard');\r\n      } else {\r\n        const propsTemp = {\r\n          title: 'We are sorry',\r\n          description: `We are unable to authenticate you. Try one of these options:`,\r\n          link: (\r\n            <a\r\n              href={process.env.REACT_APP_CALM_LOGIN}\r\n              rel='noopener noreferrer'\r\n            >\r\n              Go to Login\r\n            </a>\r\n          )\r\n        };\r\n        props.history.push({\r\n          pathname: '/error',\r\n          appState: {\r\n            ...propsTemp\r\n          }\r\n        });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [isAuthenticated]);\r\n\r\n  return <Loading />;\r\n};\r\n\r\nexport default Auth;\r\n","import React, { useContext } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport AuthContext from '../../context/auth/authContext';\r\n\r\nconst PrivateRoute = ({ component: Component, ...rest }) => {\r\n  const authContext = useContext(AuthContext);\r\n  const { isAuthenticated } = authContext;\r\n  return (\r\n    <Route\r\n      {...rest}\r\n      render={props =>\r\n        !isAuthenticated ? <Redirect to='/' /> : <Component {...props} />\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nexport default PrivateRoute;\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport 'normalize.css';\r\nimport { HashRouter, Route, Switch } from 'react-router-dom';\r\nimport { Global } from '@emotion/core';\r\nimport FullStory from 'react-fullstory';\r\n\r\nimport SmsState from './context/sms/SmsState';\r\nimport AuthState from './context/auth/AuthState';\r\n\r\nimport { globalStyles, homeStyles } from './App.styles';\r\n\r\nimport Customer from './components/pages/Customer';\r\nimport Error from './components/pages/Error';\r\nimport Header from './components/Layout/Header';\r\nimport Footer from './components/Layout/Footer';\r\nimport Container from './components/Grid/Container';\r\nimport Dashboard from './components/pages/Dashboard';\r\nimport Auth from './components/pages/Auth';\r\nimport PrivateRoute from './components/routing/PrivateRoute';\r\n\r\nimport setAuthToken from './utils/setAuthToken';\r\n\r\nif (localStorage.token) {\r\n  setAuthToken(localStorage.token);\r\n}\r\n\r\nfunction App() {\r\n  const fullStory = process.env.REACT_APP_FULLSTORY_ORG && (\r\n    <FullStory org={process.env.REACT_APP_FULLSTORY_ORG} />\r\n  );\r\n\r\n  return (\r\n    <SmsState>\r\n      <AuthState>\r\n        <HashRouter>\r\n          <Global styles={globalStyles} />\r\n          <div css={homeStyles}>\r\n            {fullStory}\r\n            <Header />\r\n            <Container>\r\n              <div className='block-spacing'>\r\n                <Switch>\r\n                  <Route exact path='/' component={Customer} />\r\n                  <Route exact path='/auth/:GUID' component={Auth} />\r\n                  <PrivateRoute exact path='/dashboard' component={Dashboard} />\r\n                  <Route component={Error} />\r\n                </Switch>\r\n              </div>\r\n            </Container>\r\n            <Footer />\r\n          </div>\r\n        </HashRouter>\r\n      </AuthState>\r\n    </SmsState>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n"],"sourceRoot":""}