{"version":3,"sources":["pages/HomePage.tsx","assets/images/login-back-new.jpg","pages/Login.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["HomePage","state","count","className","this","props","name","React","Component","LoginScreen","useState","username","setUserName","password","setPassword","Row","style","backgroundImage","background","Col","md","backgroundColor","Form","Group","controlId","Label","Control","type","value","onChange","ev","target","placeholder","Text","Check","label","Button","variant","onClick","alert","login","App","exact","path","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"4QAyBeA,E,4MAdXC,MAAiB,CAEbC,MAAO,G,4CAEX,WACI,OACI,sBAAKC,UAAU,YAAf,UACI,wCAAWC,KAAKC,MAAMC,QACtB,yD,GATOC,IAAMC,W,wCCVd,MAA0B,2CCwD1BC,EAnCK,WAAM,IAAD,EACYC,oBAAS,GADrB,gCAGQA,mBAAS,KAHjB,mBAGhBC,EAHgB,KAGPC,EAHO,OAIQF,mBAAS,IAJjB,mBAIhBG,EAJgB,KAIPC,EAJO,KAMvB,OACE,eAACC,EAAA,EAAD,CAAKZ,UAAU,cAAca,MAAO,CAACC,gBAAgB,OAAD,OAAQC,EAAR,MAApD,UACE,cAACC,EAAA,EAAD,UAAK,oBAAIhB,UAAU,aAAd,sCACL,cAACgB,EAAA,EAAD,CAAKC,GAAI,EAAGjB,UAAU,mBAAmBa,MAAO,CAACK,gBAAgB,aAAjE,SACA,eAACC,EAAA,EAAD,CAAMnB,UAAU,4BAAhB,UACE,eAACmB,EAAA,EAAKC,MAAN,CAAYC,UAAU,iBAAtB,UACE,cAACF,EAAA,EAAKG,MAAN,4BACA,cAACH,EAAA,EAAKI,QAAN,CAAcC,KAAK,OAAOC,MAAOjB,EAAUkB,SAAU,SAACC,GAAD,OAAMlB,EAAYkB,EAAGC,OAAOH,QAAQI,YAAY,yBACrG,cAACV,EAAA,EAAKW,KAAN,CAAW9B,UAAU,aAArB,sDAKF,eAACmB,EAAA,EAAKC,MAAN,CAAYC,UAAU,oBAAtB,UACE,cAACF,EAAA,EAAKG,MAAN,uBACA,cAACH,EAAA,EAAKI,QAAN,CAAcC,KAAK,WAAWC,MAAOf,EAAUgB,SAAU,SAAAC,GAAE,OAAIhB,EAAYgB,EAAGC,OAAOH,QAAQI,YAAY,gBAE3G,cAACV,EAAA,EAAKC,MAAN,CAAYC,UAAU,oBAAtB,SACE,cAACF,EAAA,EAAKY,MAAN,CAAYP,KAAK,WAAWQ,MAAM,mBAEpC,cAACC,EAAA,EAAD,CAAQjC,UAAU,8BAA8BkC,QAAQ,UAAUV,KAAK,SAASW,QAAS,kBAjCnF,SAAC3B,EAAgBE,GAC7B0B,MAAM,cAAD,OAAe5B,EAAf,0BACQE,EADR,SAgC+F2B,CAAM7B,EAASE,IAA7G,8BCVO4B,MA5Bf,WACE,OACE,qBAAKtC,UAAU,MAAf,SACE,eAAC,IAAD,WACA,cAAC,IAAD,CAAOuC,OAAK,EAACC,KAAK,IAAIC,UAAWnC,IACjC,cAAC,IAAD,CAAOkC,KAAK,QAAQC,UAAW5C,UCAtB6C,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,O,cCFdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,IAAD,UAEA,cAAC,EAAD,QAGFC,SAASC,eAAe,SAM1Bb,M","file":"static/js/main.75c2540e.chunk.js","sourcesContent":["import React from 'react'\nimport '../App.css'\n\ntype MyProps = {\n    // using `interface` is also ok\n    name: string;\n  };\n  type MyState = {\n    count: number; // like this\n  };\nclass HomePage extends React.Component<MyProps,MyState>{\n    state: MyState = {\n        // optional second annotation for better type inference\n        count: 0,\n      };\n    render(){\n        return(\n            <div className=\"inner-app\">\n                <h1>Hello {this.props.name}</h1>\n                <h3>This is Homepage</h3>\n            </div>\n        );\n    }\n}\n\nexport default HomePage","export default __webpack_public_path__ + \"static/media/login-back-new.2f50d2ad.jpg\";","import React,{useState} from 'react'\nimport '../App.css'\nimport {Row,Col,Form,Button} from 'react-bootstrap'\n\nimport background from \"../assets/images/login-back-new.jpg\";\ntype MyProps = {\n    // using `interface` is also ok\n    name: string;\n  };\n  type MyState = {\n    count: number; // like this\n  };\n\n\nconst login = (username:string,password:string) =>{\n  alert(`username : ${username}\n  password : ${password}\n  `)\n}\n\n\nconst LoginScreen = () =>{\n  const [signInFlow,setSignInFlow] = useState(true)\n\n  const [username,setUserName] = useState(\"\")\n  const [password,setPassword] = useState(\"\")\n  \n  return(\n    <Row className=\"fill-window\" style={{backgroundImage:`url(${background})`}}>\n      <Col><h1 className=\"text-white\">Register your Approval</h1></Col>\n      <Col md={5} className=\"shadow shadow-lg\" style={{backgroundColor:\"#FFFFFFf5\"}}>\n      <Form className=\"text-left mt-auto mb-auto\">\n        <Form.Group controlId=\"formBasicEmail\">\n          <Form.Label>Email address</Form.Label>\n          <Form.Control type=\"text\" value={username} onChange={(ev)=>setUserName(ev.target.value)} placeholder=\"Enter email/Username\" />\n          <Form.Text className=\"text-muted\">\n          enter either your username or emailid\n          </Form.Text>\n        </Form.Group>\n\n        <Form.Group controlId=\"formBasicPassword\">\n          <Form.Label>Password</Form.Label>\n          <Form.Control type=\"password\" value={password} onChange={ev => setPassword(ev.target.value)} placeholder=\"Password\" />\n        </Form.Group>\n        <Form.Group controlId=\"formBasicCheckbox\">\n          <Form.Check type=\"checkbox\" label=\"Check me out\" />\n        </Form.Group>\n        <Button className=\"ml-auto mr-auto text-center\" variant=\"primary\" type=\"button\" onClick={() =>login(username,password)}>\n          Sign-In\n        </Button>\n      </Form>\n      </Col>\n    </Row>\n  )\n}\n\nexport default LoginScreen","import React from 'react';\nimport logo from './logo.svg';\nimport './App.css';\nimport { Route, Switch } from 'react-router-dom'\n\nimport HomePage from './pages/HomePage'\nimport LoginScreen from './pages/Login'\n\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Switch>\n      <Route exact path=\"/\" component={LoginScreen} />\n      <Route path=\"/home\" component={HomePage} />\n    </Switch>\n    </div>\n    \n    // <div className=\"App\">\n    //   <header className=\"App-header\">\n    //     <img src={logo} className=\"App-logo\" alt=\"logo\" />\n    //     <p>\n    //       Edit <code>src/App.tsx</code> and save to reload.\n    //     </p>\n    //     <a\n    //       className=\"App-link\"\n    //       href=\"https://reactjs.org\"\n    //       target=\"_blank\"\n    //       rel=\"noopener noreferrer\"\n    //     >\n    //       Learn React\n    //     </a>\n    //   </header>\n    // </div>\n  );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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 from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport {BrowserRouter} from 'react-router-dom'\nimport \"./main.scss\";\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter>\n    \n    <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\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":""}