{"version":3,"sources":["components/Header.js","components/Footer.js","components/Container.js","components/Login.js","components/ForgotPassword.js","App.js","reportWebVitals.js","index.js"],"names":["Header","goTo","link","window","location","replace","scrollTo","id","closeNav","document","getElementById","scrollIntoView","behavior","openNav","style","width","className","onClick","pathname","Fragment","type","fontSize","Component","Footer","open","height","src","alt","Container","state","modalDetails","this","viewBox","xmlns","x1","y1","x2","y2","offset","stopColor","d","stroke","strokeWidth","fill","transform","align","paddingBottom","color","backgroundColor","paddingTop","dots","infinite","speed","slidesToShow","slidesToScroll","initialSlide","responsive","breakpoint","settings","Products","map","data","process","title","fontWeight","price","setState","desc","tabIndex","role","Login","isPassword","passwordHide","error","props","method","action","name","placeholder","required","flexDirection","alignItems","href","App","exact","path","element","to","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.d8506b22.chunk.js","sourcesContent":["import React, { Component } from 'react'\n\nclass Header extends Component { \n  render () {\n    return <>\n      <div>\n        <div className=\"navbar sticky-top header d-none d-lg-block\">\n          <div className=\"container-fluid\">\n            <div className=\"d-flex\">\n              <span className=\"me-5 mt-1\" onClick={() => window.location.replace('/')}>\n                Home\n              </span>\n\n              {\n                window.location.pathname === '/' &&\n                <React.Fragment>\n                  <span className=\"me-5 mt-1\" onClick={() => this.scrollTo(\"getToKnowUs\")}>\n                    About Us\n                  </span>\n\n                  <span className=\"me-5 mt-1\" onClick={() => this.scrollTo(\"featuredProducts\")}>\n                    Our Products\n                  </span> \n\n                  <span className=\"me-5 mt-1\" onClick={() => this.scrollTo(\"contact\")}>\n                    Contact\n                  </span> \n\n                  <button type=\"button\" className=\"btn btn-success custom-header-btn\" onClick={() => this.goTo('Login')}>\n                    Sign In\n                  </button>\n                </React.Fragment>\n              }\n            </div>\n          </div>\n        </div>\n\n        <div className=\"d-lg-none sticky-top header\">\n          <i className=\"fas fa-bars\" style={{ fontSize: 30 }} onClick={() => this.openNav()}/>\n\n          <div id=\"mySidenav\" className=\"sidenav\">\n            <span className=\"closebtn\" onClick={() => this.closeNav()}>\n              &times;\n            </span>\n\n            <span onClick={() => this.scrollTo(\"getToKnowUs\")}>\n              About Us\n            </span>\n\n            <span onClick={() => this.scrollTo(\"featuredProducts\")}>\n              Our Products\n            </span>\n\n            <span onClick={() => this.scrollTo(\"contact\")}>\n              Contact\n            </span>\n\n            <span onClick={() => this.goTo('Login')}>\n              Sign In\n            </span>\n          </div>\n        </div>\n      </div>\n    </>\n  }\n\n  goTo = (link) => {\n    if (link === \"Home\") {\n      window.location.replace('/')\n    } else if (link === \"Login\") {\n      window.location.replace('/Login')\n    }\n  }\n\n  scrollTo = (id) => {\n    this.closeNav()\n    document.getElementById(id).scrollIntoView({ behavior: \"smooth\" })\n  }\n\n  openNav = () => {\n    document.getElementById(\"mySidenav\").style.width = \"250px\"\n  }\n\n  closeNav = () => {\n    document.getElementById(\"mySidenav\").style.width = \"0px\"\n  }\n}\n\nexport default Header","import { Component } from 'react';\n\nclass Footer extends Component { \n  render () {\n    return <>\n      <div>\n        <div className=\"footer-container\">\n          <div className=\"footer\">\n            <div className=\"row gx-5 gy-5\">\n              <div className=\"col-sm-12 col-md-6 col-lg-4 col-xl-4\" id=\"contact\">\n                <div className=\"mb-4\">\n                  <span className=\"title\">\n                    CONTACT\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label\">\n                    <i className=\"fas fa-map-marker-alt\"/> &nbsp; 2nd Floor Victoria One, Quezon Avenue, Quezon City\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label\">\n                    <i className=\"fas fa-mobile-alt\"/> &nbsp; 0917 329 0837\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label\">\n                    <i className=\"fas fa-phone-square-alt\"/> &nbsp; 373 1215\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label\">\n                    <i className=\"fas fa-envelope\"/> &nbsp; mail@upsglobal.net\n                  </span>\n                </div>\n              </div>\n\n              <div className=\"col-sm-12 col-md-6 col-lg-4 col-xl-4\">\n                <div className=\"mb-4\">\n                  <span className=\"title\">\n                    OTHER LINKS\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label link\" onClick={() => window.open('https://unified.ph/')}>\n                    <i className=\"fas fa-link\"/> &nbsp; Unified Products and Services\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label link\" onClick={() => window.open('https://ecashpay.com/')}>\n                    <i className=\"fas fa-link\"/> &nbsp; Ecashpay\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label link\" onClick={() => window.open('https://www.facebook.com/globalpinoytravel')}>\n                    <i className=\"fab fa-facebook-square\"/> &nbsp; Global Pinoy Travel and Tours\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label link\" onClick={() => window.open('https://www.facebook.com/AccretioHoldingsIncOfficial')}>\n                  <i className=\"fab fa-facebook-square\"/> &nbsp; Accretio Holdings Inc.\n                  </span>\n                </div>\n\n                <div className=\"mb-4\">\n                  <span className=\"content-label link\" onClick={() => window.open('https://gocab.ph/')}>\n                    <i className=\"fas fa-link\"/> &nbsp; GoCab\n                  </span>\n                </div>\n              </div>\n\n              <div className=\"col-sm-12 col-md-6 col-lg-4 col-xl-4\">\n                <div className=\"mb-4\">\n                  <span className=\"title\">\n                    MAP LOCATION\n                  </span>\n                </div>\n\n                <div>\n                  <img style={{ width: '100%', height: 250 }} className=\"vitamin-bottle-png\" src={process.env.PUBLIC_URL + '/assets/images/MapLoc.png'} alt=\"\"/>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  }\n}\n\nexport default Footer","import React, { Component } from 'react'\nimport Slider from 'react-slick';\nimport '../css/Container.css'\nimport Products from '../json/featured-products.json'\nclass Container extends Component { \n  state = {\n    modalDetails: {}\n  }\n\n  render () { \n    var sliderSettings = {\n      dots: false,\n      infinite: true,\n      speed: 500,\n      slidesToShow: 3,\n      slidesToScroll: 3,\n      initialSlide: 0,\n      responsive: [\n        {\n          breakpoint: 1024,\n          settings: {\n            slidesToShow: 2,\n            slidesToScroll: 2,\n            infinite: true,\n            dots: false\n          }\n        },\n        {\n          breakpoint: 768,\n          settings: {\n            slidesToShow: 1,\n            slidesToScroll: 1,\n            infinite: true,\n            dots: false\n          }\n        },\n      ]\n    }\n\n    const { modalDetails } = this.state\n\n    return <>\n      <div>\n        <div className=\"content-1 d-none d-lg-block\">\n          <svg width=\"100%\" height=\"100%\" id=\"svg\" viewBox=\"0 0 1440 600\" xmlns=\"http://www.w3.org/2000/svg\" className=\"transition duration-300 ease-in-out delay-150\"><defs><linearGradient id=\"gradient\" x1=\"0%\" y1=\"50%\" x2=\"100%\" y2=\"50%\"><stop offset=\"5%\" stopColor=\"#002bdc88\"></stop><stop offset=\"95%\" stopColor=\"#32ded488\"></stop></linearGradient></defs><path d=\"M 0,600 C 0,600 0,200 0,200 C 194.13333333333333,164.93333333333334 388.26666666666665,129.86666666666665 523,141 C 657.7333333333333,152.13333333333335 733.0666666666666,209.46666666666667 876,227 C 1018.9333333333334,244.53333333333333 1229.4666666666667,222.26666666666665 1440,200 C 1440,200 1440,600 1440,600 Z\" stroke=\"none\" strokeWidth=\"0\" fill=\"url(#gradient)\" className=\"transition-all duration-300 ease-in-out delay-150 path-0\" transform=\"rotate(-180 720 300)\"></path><defs><linearGradient id=\"gradient\" x1=\"0%\" y1=\"50%\" x2=\"100%\" y2=\"50%\"><stop offset=\"5%\" stopColor=\"#002bdcff\"></stop><stop offset=\"95%\" stopColor=\"#32ded4ff\"></stop></linearGradient></defs><path d=\"M 0,600 C 0,600 0,400 0,400 C 173.86666666666667,362.79999999999995 347.73333333333335,325.59999999999997 510,334 C 672.2666666666667,342.40000000000003 822.9333333333334,396.4 976,415 C 1129.0666666666666,433.6 1284.5333333333333,416.8 1440,400 C 1440,400 1440,600 1440,600 Z\" stroke=\"none\" strokeWidth=\"0\" fill=\"url(#gradient)\" className=\"transition-all duration-300 ease-in-out delay-150 path-1\" transform=\"rotate(-180 720 300)\"></path></svg>\n\n          <div className=\"centered\">\n            <div className=\"row gx-5\" data-aos=\"fade-in\">\n              <div className=\"col-sm-12 col-md-12 col-lg-6 col-xl-6\" align=\"left\">\n                <div className=\"pt-5\">\n                  <div className=\"pb-4\">\n                    <span className=\"title\">\n                      WEALTHY LIFESTYLE <br/>\n                      ALL-NATURAL PRODUCTS\n                    </span>\n                  </div>\n\n                  <div>\n                    <button type=\"button\" className=\"btn btn-success custom-button\">CONTACT US</button>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"col-sm-12 col-md-12 col-lg-6 col-xl-6\">\n                <img className=\"vitamin-bottle-png\" src={process.env.PUBLIC_URL + '/assets/images/ProductBanner.png'} alt=\"\"/>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"content-1 d-lg-none mb-5\">\n          <div data-aos=\"fade-in\">\n            <div>\n              <img className=\"vitamin-bottle-png\" src={process.env.PUBLIC_URL + '/assets/images/ProductBanner.png'} alt=\"\"/>\n            </div>\n\n            <div className=\"pb-4\">\n              <span className=\"title\">\n                WEALTHY LIFESTYLE <br/>\n                ALL-NATURAL PRODUCTS\n              </span>\n            </div>\n\n            <div className=\"pb-5\">\n              <button type=\"button\" className=\"btn btn-success custom-button\">CONTACT US</button>\n            </div>\n          </div>\n        </div>\n\n        <div align=\"left\" style={{ paddingBottom: 150 }} id=\"getToKnowUs\">\n          <div className=\"row gx-5 content-2\">\n            <div className=\"col-sm-12 col-md-12 col-lg-12 col-xl-12\">\n              <div className=\"pb-3\" align=\"center\">\n                <span className=\"title\">\n                  GET TO KNOW US\n                </span>\n              </div>\n\n              <div className=\"d-flex justify-content-center row gx-5 gy-5\">\n                <div className=\"col-sm-12 col-md-6 col-lg-6 col-xl-4\">\n                  <div className=\"card front-page-card\">\n                    <div className=\"card-body front-page-card-body\">\n                      <span className=\"content-label\">\n                        We envision to have a healthier society in which people may live longer, healthier and happier. In Wealthy Lifestyle, we strive to give you better choices for a better life. \n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"col-sm-12 col-md-6 col-lg-6 col-xl-4\">\n                  <div className=\"card front-page-card\">\n                    <div className=\"card-body front-page-card-body\">\n                      <span className=\"content-label\">\n                        Wealthy Lifestyle is a new wellness brand and products of Unified Products and Services established in year 2021 with more than twenty (20) health and natural products good for everyone’s health and body. \n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"col-sm-12 col-md-6 col-lg-6 col-xl-4\">\n                  <div className=\"card front-page-card\">\n                    <div className=\"card-body front-page-card-body\">\n                      <span className=\"content-label\">\n                        Wealthy Lifestyle are truly dedicated in providing the best products for our customers and suppliers. We believe that it is our mission to provide them the knowledge and information that will surely help them to improve their healthy living lifestyle. \n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div align=\"left\" style={{ paddingBottom: 200 }}>\n          <div className=\"d-flex justify-content-center row gx-5 gy-5 content-2\" align=\"center\">\n            <div className=\"col-sm-12 col-md-12 col-lg-6 col-xl-4\">\n              <div className=\"pb-3\">\n                <i className=\"fas fa-bullseye\" style={{ fontSize: 70, color: '#4ca8de' }} />\n              </div>\n\n              <div className=\"pb-3\">\n                <span className=\"title\">\n                  OUR MISSION\n                </span>\n              </div>\n\n              <div className=\"pb-3\">\n                <span className=\"content-label\">\n                  Our Mission is to provide only best and healthiest products that help people both physically and financially as we offer natural and quality products in most affordable way.\n                </span>\n              </div>\n            </div>\n\n            <div className=\"col-sm-12 col-md-12 col-lg-6 col-xl-4\">\n              <div className=\"pb-3\">\n                <i className=\"fas fa-eye\" style={{ fontSize: 70, color: '#4ca8de' }} />\n              </div>\n\n              <div className=\"pb-3\">\n                <span className=\"title\">\n                  OUR VISION\n                </span>\n              </div>\n\n              <div className=\"pb-3\">\n                <span className=\"content-label\">\n                  Our Vision is to educate and empower people to take extra care with their health and lifestyle and know the importance of being physically fit and healthy. \n                </span>\n              </div>\n            </div>\n\n            <div className=\"col-sm-12 col-md-12 col-lg-6 col-xl-4\">\n              <div className=\"pb-3\">\n                <i className=\"fas fa-heart\" style={{ fontSize: 70, color: '#4ca8de' }} />\n              </div>\n\n              <div className=\"pb-3\">\n                <span className=\"title\">\n                  OUR CORE VALUES\n                </span>\n              </div>\n\n              <div className=\"pb-2\">\n                <span className=\"content-label\">\n                  TRUST, COMPASSION, EXCELLENCE, INTEGRITY, SENSE OF JOY\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div align=\"center\" style={{ backgroundColor: '#4ca8de'}}>\n          <div className=\"content-2\" style={{ paddingTop: 50, paddingBottom: 50 }} id=\"featuredProducts\">\n            <div className=\"pb-5\">\n              <span className=\"title\" style={{ color: 'white' }}>\n                FEATURED PRODUCTS\n              </span>\n            </div>\n\n            <Slider {...sliderSettings}>\n              {\n                Products && Products.map((data) => (\n                  <React.Fragment key={data.title}>\n                    <div className=\"d-flex justify-content-center\">\n                      <div className=\"card product-card\">\n                        <img src={ `${process.env.PUBLIC_URL}/assets/images/products/${data.title}.png` } alt=\"https://picsum.photos/200\" style={{ height: 250 }}/>\n                        \n                        <div className=\"card-body\" align=\"center\">\n                          <div className=\"pb-3\">\n                            <span style={{ fontWeight: 700, fontSize: 18 }}>\n                              { data.title }\n                            </span>\n                          </div>\n\n                          <div className=\"pb-3\">\n                            <span style={{ fontWeight: 500, fontSize: 15 }}>\n                              { `₱ ${data.price}` }\n                            </span>\n                          </div>\n                          \n                          <div>\n                            <button type=\"button\" className=\"btn btn-success card-button\" data-toggle=\"modal\" data-target=\"#productModal\" onClick={() => this.setState({ modalDetails: { title: data.title, desc: data.desc, price: data.price } })}>\n                              View Details\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </React.Fragment>\n                ))\n              }\n            </Slider>\n          </div>\n        </div>\n\n        <div className=\"modal fade\" id=\"productModal\" tabIndex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n          <div className=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div className=\"modal-content\">\n              <div className=\"modal-body\" align=\"center\">\n                <div className=\"pb-4\">\n                  <img src={ `${process.env.PUBLIC_URL}/assets/images/products/${modalDetails.title}.png` } alt=\"https://picsum.photos/200\" style={{ height: 250 }}/>\n                </div>\n\n                <div className=\"modal-product-title pb-2\">\n                  <span>\n                    { modalDetails.title }\n                  </span>\n                </div>\n                \n                <div className=\"modal-product-price pb-3\">\n                  <span>\n                    { `₱ ${modalDetails.price}` }\n                  </span>\n                </div>\n\n                <div className=\"modal-product-desc\">\n                  <span>\n                    { modalDetails.desc }\n                  </span>\n                </div>\n              </div>\n              \n              <div className=\"modal-footer\">\n                <button type=\"button\" className=\"btn btn-primary modal-close-btn\" data-dismiss=\"modal\">\n                  Close\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  }\n}\n\nexport default Container","import { Component } from 'react'\nimport '../css/Login.css'\nclass Login extends Component {\n  state = {\n    isPassword: 'password'\n  }\n\n  componentDidMount() {\n    window.document.title = \"Login\"\n  }\n\n  // handleSignUp(){\n  //   window.location.replace('/Registration')\n  // }\n  render() {\n    const { isPassword } = this.state\n    const { error } = this.props\n\n    return <>\n      <div className=\"login-container\" align=\"center\">\n        <div className=\"login-container-child\">\n          <div>\n            <div className=\"card login-card\">\n              <div className=\"card-body login-card-body\">\n                <form method=\"POST\" action=\"https://secure.wealthylifestyle.com.ph/Login/wealthyLifeStyle\">\n                  <div className=\"overlay\">\n                    <div className=\"overlay-item\">\n                      <div className=\"d-flex justify-content-center\">\n                        <div className=\"spinner-border\" role=\"status\">\n                          <span className=\"visually-hidden\">Loading...</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"row g-3\">\n                    <div className=\"col-12\">\n                      <img className=\"form-logo\" src={process.env.PUBLIC_URL + '/assets/images/wealthylogo.jpg'} alt=\"\" />\n                    </div>\n\n                    {\n                      error &&\n\n                      <div className=\"col-12\">\n                        <span className=\"error-validation\">\n                          {error}\n                        </span>\n                      </div>\n                    }\n\n                    <div className=\"col-12\">\n                      <input type=\"text\" id=\"username\" name=\"username\" placeholder=\"Username\" required />\n                    </div>\n\n                    <div className=\"col-12 pass-input-container\">\n                      <input type={isPassword ? 'password' : 'text'} id=\"password\" name=\"password\" placeholder=\"Password\" required />\n\n                      <div className=\"pass-icon\" onClick={() => this.passwordHide()}>\n                        <i className={isPassword ? 'fas fa-eye' : 'fas fa-eye-slash'} style={{ fontSize: 25 }} />\n                      </div>\n                    </div>\n\n                    <div className=\"col-12\">\n                      <button type=\"submit\" className=\"btn btn-success login-btn\" id=\"btnLogin\" name=\"btnLogin\">\n                        LOGIN\n                      </button>\n                    </div>\n\n                    {/* <div align=\"right\" className=\"col-12\">\n                      <span className=\"forgot-pass-lbl\" onClick={() => window.location.replace('/ForgotPassword')}>\n                        Forgot password?\n                      </span>\n                    </div>  */}\n\n                    <div style={{ flexDirection: 'row', alignItems: 'center' }}>\n                      <div align=\"right\" className=\"btn btn-list\">\n                        <a href='https://secure.wealthylifestyle.com.ph/registration/wealthylifestyle' style={{ color: \"green\", fontWeight: \"bold\" }}> Create an account</a>\n                      </div>\n\n                      <span className=\"line-in-middle\"></span>\n\n                      <div align=\"right\" className=\"btn btn-list\">\n                        <a href='https://secure.wealthylifestyle.com.ph/Login/wealthy_forgot_password' style={{ color: \"green\", fontWeight: \"bold\" }}> Forgot password?</a>\n\n                      </div>\n\n                    </div>\n                  </div>\n\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  }\n\n  passwordHide = () => {\n    const { isPassword } = this.state\n\n    this.setState({ isPassword: !isPassword })\n  }\n}\n\nexport default Login","import { Component } from 'react'\nimport '../css/Login.css'\n\nimport { useLocation } from 'react-router-dom'\nclass Login extends Component { \n  state = {\n  }\n\n  componentDidMount () { \n    window.document.title = \"Login\"\n  }\n\n  render () {\n    const { error } = this.props\n\n    return <>\n      <div className=\"login-container\" align=\"center\">\n        <div className=\"login-container-child\">\n          <div>\n            <div className=\"card\">\n              <div className=\"card-body\">\n                <form method=\"POST\" action=\"http://localhost:8090/Login/wealthyLifeStyle\">\n                  <div className=\"overlay\">\n                    <div className=\"overlay-item\">\n                      <div className=\"d-flex justify-content-center\">\n                        <div className=\"spinner-border\" role=\"status\">\n                          <span className=\"visually-hidden\">Loading...</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"row g-3\">\n                    <div className=\"col-12\">\n                      <img className=\"form-logo\" src={process.env.PUBLIC_URL + '/assets/images/logo.jpg'} alt=  \"\"/>\n                    </div>\n\n                    <div>\n                      <span style={{ fontWeight: 'bold', fontSize: 20 }}>\n                        Forgot Password\n                      </span>\n                    </div>\n\n                    {\n                      error &&\n\n                      <div className=\"col-12\">\n                        <span className=\"error-validation\">\n                          { error }\n                        </span>\n                      </div>\n                    }\n\n\n                    <div className=\"col-12\">\n                      <input type=\"text\" id=\"username\" name=\"username\" placeholder=\"Username\" required/>\n                    </div>\n\n                    <div className=\"col-12\">\n                      <input type=\"text\" id=\"regcode\" name=\"regcode\" placeholder=\"Regcode\" required/>\n                    </div>\n\n                    <div className=\"col-12\">\n                      <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Email\" required/>\n                    </div>\n\n                    <div className=\"col-12\">\n                      <button type=\"submit\" className=\"btn btn-success login-btn\" id=\"btnLogin\" name=\"btnLogin\">\n                        SUBMIT\n                      </button>\n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  }\n\n  passwordHide = () => {\n    const { isPassword } = this.state\n\n    this.setState({ isPassword: !isPassword })\n  }\n}\n\nexport default Login","import Header from './components/Header'\nimport Footer from './components/Footer'\nimport Container from './components/Container'\nimport ForgotPassword from './components/ForgotPassword'\nimport Login from './components/Login'\n\nimport { BrowserRouter, Route, Routes, Navigate } from 'react-router-dom'\n\nimport './App.css'\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Header/>\n\n      <BrowserRouter>\n        <Routes>\n          <Route exact path='/' element={<Container/>}/>\n\n          <Route exact path='/Login' element={<Login/>}/>\n\n          <Route exact path='/Login/error' element={<Login error={'Login failed, please try again.'}/>}/>\n\n          {/* <Route path='/ForgotPassword' element={<ForgotPassword/>}/>\n\n          <Route path='/ForgotPassword/error' element={<ForgotPassword error={'Forgot password failed, please try again.'}/>}/> */}\n\n          <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n      </BrowserRouter>\n\n      {\n        window.location.pathname === '/' &&\n        <Footer/>\n      }\n    </div>\n  );\n}\n\nexport default App;\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 from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\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":""}