{"version":3,"sources":["components/functionalEmailInput.js","components/functionalPasswordInput.js","components/functionalButton.js","hooks/UserContext.js","components/Loading.js","components/profilePage.js","components/functionalForm.js","reportWebVitals.js","components/privateRoute.js","components/landingPage.js","App.js","hooks/useGetUser.js","index.js"],"names":["FunctionalEmailInput","props","className","for","email","name","onChange","event","onInputChange","target","value","type","id","FunctionalPasswordInput","password","FunctionalButton","isButtonEnabled","$","attr","disabled","UserStoredInContext","createContext","Loading","ProfilePage","useContext","user","isLoading","setLoading","console","log","Object","keys","length","to","userid","username","LoginPage","React","useState","setEmail","setPassword","isFormValid","setIsFormValid","isLoggedIn","setLogin","setUser","handleInputChange","useEffect","test","onSubmit","e","preventDefault","payload","fetch","method","credentials","mode","body","JSON","stringify","headers","then","serverResponse","json","parsedData","catch","error","sendCookieOnSubmit","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","PrivateRoute","Component","component","rest","render","LandingPage","App","useGetUser","Provider","exact","path","ReactDOM","StrictMode","document","getElementById"],"mappings":"wMAiBeA,MAdf,SAA+BC,GAI7B,OACE,qBAAKC,UAAU,MAAf,SACE,sBAAKA,UAAU,uGAAf,UACE,uBAAOC,IAAI,aAAaD,UAAU,aAAlC,mBACA,uBAAOE,MAAOH,EAAMG,MAAOC,KAAK,QAAQC,SAP9C,SAAyBC,GACvBN,EAAMO,cAAcD,EAAME,OAAOJ,KAAME,EAAME,OAAOC,QAMmBC,KAAK,QAAQT,UAAU,eAAeU,GAAG,qBCMrGC,MAdf,SAAiCZ,GAK/B,OACE,qBAAKC,UAAU,MAAf,SACE,sBAAKA,UAAU,uGAAf,UACE,uBAAOC,IAAI,gBAAgBD,UAAU,aAArC,sBACA,uBAAOY,SAAUb,EAAMa,SAAUT,KAAK,WAAWC,SARvD,SAAyBC,GACvBN,EAAMO,cAAcD,EAAME,OAAOJ,KAAME,EAAME,OAAOC,QAO4BC,KAAK,WAAWT,UAAU,eAAeU,GAAG,wB,iBCSjHG,MAjBf,SAA0Bd,GAQxB,OAP4B,GAAzBA,EAAMe,gBACPC,IAAE,QAAQC,KAAK,YAAY,GAG3BD,IAAE,QAAQC,KAAK,YAAY,GAI3B,qBAAKhB,UAAU,MAAf,SACE,qBAAKA,UAAU,uGAAf,SACE,wBAAQiB,UAAQ,EAACR,KAAK,SAAST,UAAU,kBAAzC,yBCbKkB,EAAsBC,wBAAc,MCFlC,SAASC,IACpB,OACI,qBAAKpB,UAAU,UAAf,SACI,sBAAMA,UAAU,Y,WCiCbqB,MA7Bf,WAAuB,IAAD,EACkBC,qBAAWJ,GAA1CK,EADa,EACbA,KAAMC,EADO,EACPA,UAAWC,EADJ,EACIA,WACxB,OAAID,EAEA,cAACJ,EAAD,KAIJM,QAAQC,IAAI,oCAAqCJ,GACjB,IAA7BK,OAAOC,KAAKN,GAAMO,QACnBL,GAAW,GACJ,cAAC,IAAD,CAAUM,GAAG,YAEdR,EAEJ,qBAAKvB,UAAU,kBAAf,SACE,qBAAKA,UAAU,MAAf,SACE,sBAAKA,UAAU,uBAAf,UACE,uDAA2BuB,EAAWS,UACtC,0DAA8BT,EAAWrB,MAAzC,OACA,6DAAiCqB,EAAWU,wBAPjD,ICqEQC,MA9Ef,WAAsB,IAAD,EACOC,IAAMC,SAAS,IADtB,mBACZlC,EADY,KACLmC,EADK,OAEaF,IAAMC,SAAS,IAF5B,mBAEZxB,EAFY,KAEF0B,EAFE,OAGmBH,IAAMC,UAAS,GAHlC,mBAGZG,EAHY,KAGCC,EAHD,OAIYL,IAAMC,UAAS,GAJ3B,mBAIZK,EAJY,KAIAC,EAJA,OAK4BpB,qBAAWJ,GAAnDK,EALY,EAKZA,KAAMoB,EALM,EAKNA,QAASnB,EALH,EAKGA,UAAWC,EALd,EAKcA,WAGjC,SAASmB,EAAkBzC,EAAMK,GACrB,SAARL,EAAkBkC,EAAS7B,GAAS8B,EAAY9B,GA6CpD,IAhDA2B,IAAMU,WAAU,WAAOnB,QAAQC,IAAIzB,GAOX,uGACF4C,KAAK5C,GACvBsC,GAAe,GAGfA,GAAe,KAZ8C,CAACtC,EAAOU,EAAU2B,IAgD5Ef,GACL,OACC,cAACJ,EAAD,IAIH,OAAIqB,GAA2C,IAA7Bb,OAAOC,KAAKN,GAAMO,OAS5BW,EACA,cAAC,IAAD,CAAUV,GAAG,aAEbR,GACNG,QAAQC,IAAI,4CACJ,cAAC,IAAD,CAAUI,GAAG,mBAFlB,EAVH,uBAAMgB,SAAU,SAAAC,GAAC,OAxCnB,SAA4B3C,GAC1BA,EAAM4C,iBACNvB,QAAQC,IAAI,gCACZ,IAAMuB,EAAU,CACdhD,MAAOA,EACPU,SAAUA,GAEZuC,MAAM,qFAAsF,CACxFC,OAAQ,OACRC,YAAa,UACbC,KAAK,OACLC,KAAMC,KAAKC,UAAUP,GACrBQ,QAAQ,KAIXC,MAAK,SAAAC,GAAc,OAAIA,EAAeC,UACtCF,MAAK,SAAAG,GACJpC,QAAQC,IAAI,mEAAoEmC,GAChFnB,EAAQ,eAAImB,IACZrC,GAAW,GACXC,QAAQC,IAAI,+CAAgDJ,MAE7DoC,MAAK,WACJjC,QAAQC,IAAI,+CACZe,GAAS,MAEVqB,OAAM,SAAAC,GACLtC,QAAQC,IAAI,4CAA6CqC,MAYtCC,CAAmBjB,IAAxC,UACE,cAAC,EAAD,CAAsB9C,MAAOA,EAAOI,cAAesC,IACnD,cAAC,EAAD,CAAyBhC,SAAUA,EAAUN,cAAesC,IAC5D,cAAC,EAAD,CAAkB9B,gBAAiByB,QChE1B2B,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBT,MAAK,YAAkD,IAA/CU,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,O,oBCkBCO,MApBf,SAAsB3E,GAAO,IAAD,EACYuB,qBAAWJ,GAA1CK,EADmB,EACnBA,KAAMC,EADa,EACbA,UACMmD,GAFO,EACFlD,WACkB1B,EAAlC6E,WAAyBC,EAFP,YAEgB9E,EAFhB,eAG1B,OAAGyB,EAEC,cAACJ,EAAD,IAIiC,IAA7BQ,OAAOC,KAAKN,GAAMO,OAEtB,cAAC,IAAD,CAAUC,GAAG,WAGTR,EAEF,cAAC,IAAD,2BAAWsD,GAAX,IAAiBC,OAAQ,SAAC/E,GAAD,OAAY,cAAC4E,EAAD,eAAe5E,aAFrD,GCMQgF,MApBf,WAAuB,IAAD,EACMzD,qBAAWJ,GAA9BK,EADa,EACbA,KACP,OAFoB,EACPC,WAEXE,QAAQC,IAAI,+BAGV,cAACP,EAAD,KAGiC,IAA7BQ,OAAOC,KAAKN,GAAMO,QACxBJ,QAAQC,IAAI,4CAEV,cAAC,IAAD,CAAUI,GAAG,YAGTR,GACNG,QAAQC,IAAI,4CACJ,cAAC,IAAD,CAAUI,GAAG,mBAFlB,GCUQiD,MAlBf,WAAe,IAAD,ECVC,WAAsB,IAAD,EACV5C,mBAAS,MADC,mBAC3Bb,EAD2B,KACrBoB,EADqB,OAEFP,oBAAS,GAFP,mBAE3BZ,EAF2B,KAEhBC,EAFgB,KA2BlC,OAxBAoB,qBAAU,WAENM,MACE,qFAAsF,CACpFC,OAAQ,OACRC,YAAa,UACbC,KAAK,OACLC,KAAMC,KAAKC,UAAU,MACrBC,QAAQ,KAEXC,MAAK,SAAAC,GAAc,OAAIA,EAAeC,UACtCF,MAAK,SAAAG,GACJpC,QAAQC,IAAI,sFAAuFmC,GACnGnB,EAAQ,eAAImB,IACZrC,GAAW,MAEZsC,OAAM,SAAAC,GACLtC,QAAQC,IAAI,+DAAgEqC,GAC5EvC,GAAW,QAKd,IACI,CACLF,OACAoB,UACAnB,YACAC,cDpB6CwD,GAAxC1D,EADK,EACLA,KAAMoB,EADD,EACCA,QAASnB,EADV,EACUA,UAAWC,EADrB,EACqBA,WAE/B,OADFC,QAAQC,IAAI,gCAAiCJ,GAGzC,cAAC,IAAD,UACA,cAACL,EAAoBgE,SAArB,CAA8B1E,MAAO,CAACe,OAAMoB,UAASnB,YAAWC,cAAhE,SACI,eAAC,IAAD,WACE,cAAC,IAAD,CAAO0D,OAAK,EAACC,KAAK,IAAIR,UAAWG,IACjC,cAAC,IAAD,CAAOK,KAAK,SAASR,UAAW1C,IAChC,cAAC,EAAD,CAAckD,KAAK,WAAWR,UAAWvD,YEbrDgE,IAASP,OACP,cAAC,IAAMQ,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAQ1BtB,M","file":"static/js/main.22a0633d.chunk.js","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nfunction FunctionalEmailInput (props) {\r\n  function handleUserInput(event){\r\n    props.onInputChange(event.target.name, event.target.value);\r\n  }\r\n  return (\r\n    <div className=\"row\">\r\n      <div className=\"col-6 offset-3 col-sm-6 offset-sm-3 col-md-4 offset-md-4 col-lg-4 offset-lg-4 col-xxl-2 offset-xxl-5\">\r\n        <label for=\"emailInput\" className=\"form-label\">Email</label>\r\n        <input email={props.email} name=\"email\" onChange={handleUserInput} type=\"email\" className=\"form-control\" id=\"emailInput\"></input>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default FunctionalEmailInput;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nfunction FunctionalPasswordInput(props){\r\n  function handleUserInput(event){\r\n    props.onInputChange(event.target.name, event.target.value);\r\n  }\r\n\r\n  return (\r\n    <div className=\"row\">\r\n      <div className=\"col-6 offset-3 col-sm-6 offset-sm-3 col-md-4 offset-md-4 col-lg-4 offset-lg-4 col-xxl-2 offset-xxl-5\">\r\n        <label for=\"passwordInput\" className=\"form-label\">Password</label>\r\n        <input password={props.password} name=\"password\" onChange={handleUserInput} type=\"password\" className=\"form-control\" id=\"passwordInput\"></input>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\nexport default FunctionalPasswordInput;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport $ from 'jquery';\r\n\r\nfunction FunctionalButton(props){\r\n  if(props.isButtonEnabled == true){\r\n    $(\".btn\").attr(\"disabled\", false);\r\n  }\r\n  else{\r\n    $(\".btn\").attr(\"disabled\", true);\r\n  }\r\n\r\n  return(\r\n    <div className=\"row\">\r\n      <div className=\"col-6 offset-3 col-sm-6 offset-sm-3 col-md-4 offset-md-4 col-lg-4 offset-lg-4 col-xxl-2 offset-xxl-5\" >\r\n        <button disabled type=\"submit\" className=\"btn btn-success\">Submit</button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default FunctionalButton;\r\n","import { createContext } from \"react\";\r\n\r\nexport const UserStoredInContext = createContext(null);\r\n","export default function Loading() {\r\n    return(\r\n        <div className=\"loading\">\r\n            <span className=\"pulse\"></span>\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { UserStoredInContext } from \"../hooks/UserContext.js\";\r\nimport { useContext } from 'react';\r\nimport Loading from './Loading.js';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nfunction ProfilePage(){\r\n  const {user, isLoading, setLoading} = useContext(UserStoredInContext);\r\n  if (isLoading){\r\n    return(\r\n      <Loading/>\r\n    );\r\n  }\r\n\r\n  console.log(\"Inside Profile Component Function\", user);\r\n  if(Object.keys(user).length === 0){\r\n    setLoading(true);\r\n    return(<Redirect to=\"/login\"/>);\r\n  }\r\n  else if(user){\r\n    return(\r\n      <div className=\"container-fluid\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-4 offset-lg-4\">\r\n            <div>This is the user id {{user}.user.userid}</div>\r\n            <div>This is the user email {{user}.user.email} </div>\r\n            <div>This is the user username {{user}.user.username}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n  //console.log(\"Contest Test\", {user}.user.userid);\r\n}\r\n\r\nexport default ProfilePage;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport FunctionalEmailInput from \"./functionalEmailInput.js\"\r\nimport FunctionalPasswordInput from \"./functionalPasswordInput.js\"\r\nimport FunctionalButton from \"./functionalButton.js\"\r\nimport $ from 'jquery';\r\nimport { UserStoredInContext } from \"../hooks/UserContext.js\";\r\nimport Loading from './Loading.js';\r\nimport { Redirect } from 'react-router-dom';\r\nimport ProfilePage from \"./profilePage.js\"\r\nimport { createContext, useContext } from 'react';\r\nfunction LoginPage() {\r\n  const [email, setEmail] = React.useState(\"\");\r\n  const [password, setPassword] = React.useState(\"\");\r\n  const [isFormValid, setIsFormValid] = React.useState(false);\r\n  const [isLoggedIn, setLogin] = React.useState(false);\r\n  const {user, setUser, isLoading, setLoading} = useContext(UserStoredInContext);\r\n  React.useEffect(() => {console.log(email); isFormSubmittable()}, [email, password, isFormValid]);\r\n\r\n  function handleInputChange(name, value) {\r\n      name == \"email\" ? setEmail(value) : setPassword(value)\r\n  }\r\n\r\n  function isFormSubmittable(){\r\n    var regexEmailCheck = /^([\\w-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([\\w-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)$/;\r\n    if (regexEmailCheck.test(email)) {\r\n      setIsFormValid(true);\r\n    }\r\n    else {\r\n      setIsFormValid(false);\r\n    }\r\n  }\r\n\r\n  function sendCookieOnSubmit(event){\r\n    event.preventDefault();\r\n    console.log(\"Entered sendCookie function.\");\r\n    const payload = {\r\n      email: email,\r\n      password: password\r\n    };\r\n    fetch(\"https://flpnmoyvhe.execute-api.us-east-1.amazonaws.com/platformTesting/cookiecheck\", {\r\n        method: \"POST\",\r\n        credentials: \"include\",\r\n        mode:\"cors\",\r\n        body: JSON.stringify(payload),\r\n        headers:{\r\n\r\n        }\r\n    })\r\n    .then(serverResponse => serverResponse.json())\r\n    .then(parsedData => {\r\n      console.log(\"Fetch API Reached Lambda in Gateway and returned this response: \", parsedData);\r\n      setUser({...parsedData});\r\n      setLoading(false);\r\n      console.log(\"Inside success Fetch callback for Login Page\", user);\r\n    })\r\n    .then(()=>{\r\n      console.log(\"Before being redirected to the profile page\");\r\n      setLogin(true);\r\n    })\r\n    .catch(error => {\r\n      console.log(\"Fetch API failed and returned this error:\", error);\r\n    });\r\n  }\r\n\r\n  while (isLoading){\r\n    return(\r\n     <Loading/>\r\n   );\r\n  }\r\n\r\n  if(!isLoggedIn || Object.keys(user).length === 0){\r\n  return (\r\n    <form onSubmit={e => sendCookieOnSubmit(e)}>\r\n      <FunctionalEmailInput email={email} onInputChange={handleInputChange} />\r\n      <FunctionalPasswordInput password={password} onInputChange={handleInputChange}/>\r\n      <FunctionalButton isButtonEnabled={isFormValid} />\r\n    </form>\r\n  );\r\n}\r\n  else if(isLoggedIn){\r\n   return(<Redirect to=\"/profile\"/>);\r\n  }\r\n  else if(user){\r\n    console.log(\"Inside found User Object in Landing Page\");\r\n    return (<Redirect to='/profile'/>);\r\n  }\r\n}\r\n\r\nexport default LoginPage;\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React, { useContext } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { UserStoredInContext } from \"../hooks/UserContext.js\";\r\nimport Loading from './Loading.js';\r\n\r\nfunction PrivateRoute(props){\r\n  const {user, isLoading, setLoading} = useContext(UserStoredInContext);\r\n  const { component: Component, ...rest } = props;\r\n  if(isLoading) {\r\n    return (\r\n      <Loading/>\r\n    );\r\n  }\r\n\r\n  else if(Object.keys(user).length === 0){\r\n    return(\r\n      <Redirect to=\"/login\"/>\r\n    );\r\n  }\r\n  else if(user) {\r\n    return (\r\n        <Route {...rest} render={(props) => (<Component {...props}/>)}/>\r\n      );\r\n    }\r\n}\r\nexport default PrivateRoute;\r\n","import { UserStoredInContext } from \"../hooks/UserContext.js\";\r\nimport Loading from './Loading.js';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { useContext } from 'react';\r\n\r\nfunction LandingPage(){\r\n  const {user, isLoading} = useContext(UserStoredInContext);\r\n  if(isLoading) {\r\n    console.log(\"Inside true isLoading Check\");\r\n\r\n    return (\r\n      <Loading/>\r\n    );\r\n  }\r\n  else if(Object.keys(user).length === 0){\r\n    console.log(\"Inside empty User Object in Landing Page\");\r\n    return (\r\n      <Redirect to=\"/login\"/>\r\n    );\r\n  }\r\n  else if(user){\r\n    console.log(\"Inside found User Object in Landing Page\");\r\n    return (<Redirect to='/profile'/>);\r\n  }\r\n}\r\nexport default LandingPage;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport LoginPage from \"./components/functionalForm.js\";\r\nimport reportWebVitals from './reportWebVitals';\r\nimport useGetUser from \"./hooks/useGetUser.js\";\r\nimport { UserStoredInContext } from './hooks/UserContext';\r\nimport PrivateRoute from \"./components/privateRoute.js\";\r\nimport LandingPage from \"./components/landingPage.js\";\r\nimport ProfilePage from \"./components/profilePage.js\";\r\n\r\nfunction App(){\r\n  const {user, setUser, isLoading, setLoading} = useGetUser();\r\n  console.log(\"Inside App Function/Component\", user);\r\n    return(\r\n\r\n      <Router>\r\n      <UserStoredInContext.Provider value={{user, setUser, isLoading, setLoading}}>\r\n          <Switch>\r\n            <Route exact path=\"/\" component={LandingPage}/>\r\n            <Route path=\"/login\" component={LoginPage}/>\r\n            <PrivateRoute path=\"/profile\" component={ProfilePage}/>\r\n            </Switch>\r\n        </UserStoredInContext.Provider>\r\n      </Router>\r\n\r\n    );\r\n}\r\n\r\nexport default App;\r\n","import { useState, useEffect } from 'react';\r\n\r\nexport default function useGetUser(){\r\n  const [user, setUser] = useState(null);\r\n  const [isLoading, setLoading] = useState(true);\r\n  useEffect(() => {\r\n    function getUser(){\r\n      fetch(\r\n        \"https://flpnmoyvhe.execute-api.us-east-1.amazonaws.com/platformTesting/cookiecheck\", {\r\n          method: \"POST\",\r\n          credentials: \"include\",\r\n          mode:\"cors\",\r\n          body: JSON.stringify(null),\r\n          headers:{}\r\n      })\r\n      .then(serverResponse => serverResponse.json())\r\n      .then(parsedData => {\r\n        console.log(\"Fetch API in useGetUser Hook reached Lambda in Gateway and returned this response: \", parsedData);\r\n        setUser({...parsedData});\r\n        setLoading(false);\r\n      })\r\n      .catch(error => {\r\n        console.log(\"Fetch API in useGetUser Hook failed and returned this error:\", error);\r\n        setLoading(false);\r\n      });\r\n    }\r\n    getUser();\r\n\r\n  }, []);\r\n  return({\r\n    user,\r\n    setUser,\r\n    isLoading,\r\n    setLoading\r\n  });\r\n}\r\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport LoginPage from \"./components/functionalForm.js\";\nimport reportWebVitals from './reportWebVitals';\r\nimport useGetUser from \"./hooks/useGetUser.js\";\r\nimport App from \"./App.js\"\n\nReactDOM.render(\n  <React.StrictMode>\r\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\r\n\r\n\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}