{"version":3,"sources":["components/Loading.js","components/ErrorComponent.js","components/ClickableButton.js","components/Nav.js","components/Filter.js","components/Report.js","components/Header.js","components/ReportList.js","components/App.js","serviceWorker.js","index.js"],"names":["Loading","className","ErrorComponent","error","message","ClickableButton","index","onClickFunc","children","onClick","Nav","activeTab","onTabChange","Select","options","onFilterChange","id","onChange","map","option","key","tid","value","name","Filter","this","props","renderContent","Component","Report","document","report","field_document","field_curriculum_vitae","uri","href","field_4yr_plan_heading","field_publish_year","substring","Array","isArray","field_research_topic","topic","undefined","field_authors","author","field_report_sponsor","sponsor","Header","sortDir","sortKey","onSortChange","ReportList","reports","nid","App","state","filter","authors","sponsors","topics","massagedReports","loading","handleTabChange","setState","sortReports","filterReports","handleFilterChange","event","target","handleSortChange","keys","response","ok","Error","status","host","window","location","hostname","authors_url","topics_url","sponsors_url","fetch","then","handleErrors","json","data","catch","tree","sort","a","b","aYear","bYear","Number","substr","aTopic","bTopic","aAuthor","bAuthor","aSponsor","bSponsor","find","off","cat","thisYear","Date","getFullYear","x","unshift","Boolean","match","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister","console"],"mappings":"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","file":"static/js/main.ef59172a.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nfunction Loading() {\r\n  return (\r\n    <div className=\"loading\">Loading...</div>\r\n  );\r\n}\r\n\r\nexport default Loading;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ErrorComponent({error}) {\r\n  switch(error.message) {\r\n    case '404':\r\n      // Temporary return to verify 404 call is working.\r\n      return(\r\n        <div>404: Page not found.</div>\r\n      );\r\n    default:\r\n      return (\r\n        <section className=\"content\">\r\n          <h2>{error.message}</h2>\r\n        </section>\r\n      );\r\n  }\r\n}\r\n\r\nErrorComponent.propTypes = {\r\n  error: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default ErrorComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ClickableButton({index, onClickFunc, children}) {\r\n  const handleClick = () => {\r\n    onClickFunc(index);\r\n  }\r\n  \r\n  return (\r\n    <button onClick={handleClick}>\r\n      {children}\r\n    </button>\r\n  );\r\n}\r\n  \r\nClickableButton.propTypes = {\r\n  index: PropTypes.number.isRequired,\r\n  onClickFunc: PropTypes.func.isRequired,\r\n  children: PropTypes.string.isRequired,\r\n}\r\n\r\nexport default ClickableButton;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ClickableButton from './ClickableButton';\r\nimport '../css/Nav.css';\r\n\r\nfunction Nav({activeTab, onTabChange}) {\r\n  return (\r\n    <nav className=\"App-nav\">\r\n      <ul>\r\n        <li className={`App-nav-item ${activeTab === 0 && 'selected'}`}>\r\n          <ClickableButton index={0} onClickFunc={onTabChange}>All Reports</ClickableButton>\r\n        </li>\r\n        <li className={`App-nav-item ${activeTab === 1 && 'selected'}`}>\r\n          <ClickableButton index={1} onClickFunc={onTabChange}>By Date</ClickableButton>\r\n        </li>\r\n        <li className={`App-nav-item ${activeTab === 2 && 'selected'}`}>\r\n          <ClickableButton index={2} onClickFunc={onTabChange}>By Topic</ClickableButton>\r\n        </li>\r\n        <li className={`App-nav-item ${activeTab === 3 && 'selected'}`}>\r\n          <ClickableButton index={3} onClickFunc={onTabChange}>By Author</ClickableButton>\r\n        </li>\r\n        <li className={`App-nav-item ${activeTab === 4 && 'selected'}`}>\r\n          <ClickableButton index={4} onClickFunc={onTabChange}>By Sponsor</ClickableButton>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  );\r\n}\r\n\r\nNav.propTypes = {\r\n  activeTab: PropTypes.number.isRequired,\r\n  onTabChange: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default Nav;\r\n","import React, { Component, Fragment } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport '../css/Filter.css';\r\n\r\nfunction Select({options, onFilterChange}) {\r\n  return (\r\n    <label className=\"filter\">Filter: \r\n      <select id=\"filter\" onChange={onFilterChange}>\r\n        {options.map(option =>\r\n          <option key={option.tid} value={option.name}>{option.name}</option>\r\n        )}\r\n      </select>\r\n    </label>\r\n  );\r\n}\r\n\r\nSelect.propTypes = {\r\n  options: PropTypes.array.isRequired,\r\n  onFilterChange: PropTypes.func.isRequired,\r\n}\r\n\r\nclass Filter extends Component {\r\n  renderContent() {\r\n    const { activeTab, options, onFilterChange } = this.props;\r\n    // Only if by Category or by Official\r\n    if (activeTab > 0) {\r\n      return <Select options={options} onFilterChange={onFilterChange}/>\r\n    } else {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  render() { \r\n    return(\r\n      <Fragment>\r\n        {this.renderContent()}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n\r\nFilter.propTypes = {\r\n  activeTab: PropTypes.number.isRequired,\r\n  onFilterChange: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default Filter;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport '../css/Report.css';\r\n\r\nfunction Report({report}) {\r\n  let document = report.field_document[0];\r\n\r\n  if (typeof document.field_curriculum_vitae !== \"undefined\" && typeof document.field_curriculum_vitae.uri !== \"undefined\" ) {\r\n    return (\r\n      <tr className=\"report\">\r\n        <td>{<a href={document.field_curriculum_vitae.uri}>{document.field_4yr_plan_heading} (pdf)</a>}</td>\r\n        <td>{document.field_publish_year.substring(0,4)}</td>\r\n        <td>{Array.isArray(document.field_research_topic)\r\n          ?<ul>\r\n            {document.field_research_topic.map(topic =>\r\n              <li key={topic.name}>{topic.name}</li>)}\r\n          </ul>\r\n          :document.field_research_topic !== undefined?document.field_research_topic.name:null}\r\n        </td>\r\n        <td>{Array.isArray(document.field_authors)\r\n          ?<ul>\r\n            {document.field_authors.map(author =>\r\n              <li key={author.name}>{author.name}</li>)}\r\n          </ul>\r\n          :document.field_authors !== undefined?document.field_authors.name:null}\r\n        </td>\r\n        <td>{Array.isArray(document.field_report_sponsor)\r\n          ?<ul>\r\n            {document.field_report_sponsor.map(sponsor =>\r\n              <li key={sponsor.name}>{sponsor.name}</li>)}\r\n          </ul>\r\n          :document.field_report_sponsor !== undefined?document.field_report_sponsor.name:null}\r\n        </td>\r\n      </tr>\r\n    );\r\n  } else {\r\n    return null;\r\n  }\r\n}\r\n\r\nReport.propTypes = {\r\n  report: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default Report;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ClickableButton from './ClickableButton';\r\nimport '../css/Header.css';\r\n\r\nfunction Header({sortDir, sortKey, onSortChange}) {\r\n  return (\r\n    <tr className=\"App-header\">\r\n      <th className={`${sortDir === -1 && 'asc'} ${sortKey === 'title' && 'selected'}`}>\r\n        <ClickableButton index={0} onClickFunc={onSortChange}>Report</ClickableButton>\r\n      </th>\r\n      <th className={`${sortDir === -1 && 'asc'} ${sortKey === 'year' && 'selected'}`}>\r\n        <ClickableButton index={1} onClickFunc={onSortChange}>Published Year</ClickableButton>\r\n      </th>\r\n      <th className={`${sortDir === -1 && 'asc'} ${sortKey === 'topic' && 'selected'}`}>\r\n        <ClickableButton index={2} onClickFunc={onSortChange}>Topics</ClickableButton>\r\n      </th>\r\n      <th className={`${sortDir === -1 && 'asc'} ${sortKey === 'author' && 'selected'}`}>\r\n        <ClickableButton index={3} onClickFunc={onSortChange}>Authors</ClickableButton>\r\n      </th>\r\n      <th className={`${sortDir === -1 && 'asc'} ${sortKey === 'sponsor' && 'selected'}`}>\r\n        <ClickableButton index={4} onClickFunc={onSortChange}>Sponsors</ClickableButton>\r\n      </th>\r\n    </tr>\r\n  );\r\n}\r\n\r\nHeader.propTypes = {\r\n  sortKey: PropTypes.string.isRequired,\r\n  sortDir: PropTypes.number.isRequired,\r\n  onSortChange: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Report from './Report.js';\r\nimport Header from './Header.js';\r\nimport '../css/ReportList.css';\r\n\r\nfunction ReportList({reports, sortKey, sortDir, onSortChange}) {\r\n  return (\r\n    <table>\r\n      <thead>\r\n        <Header sortKey={sortKey} sortDir={sortDir} onSortChange={onSortChange} />\r\n      </thead>\r\n      <tbody>\r\n        {reports.map(report =>\r\n          <Report key={report.nid} report={report} />\r\n        )}\r\n      </tbody>\r\n    </table>\r\n  );\r\n}\r\n\r\nReportList.propTypes = {\r\n  reports: PropTypes.array.isRequired,\r\n  sortKey: PropTypes.string.isRequired,\r\n  sortDir: PropTypes.number.isRequired,\r\n  onSortChange: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default ReportList;\r\n","import React, {Component} from 'react';\nimport Loading from './Loading';\nimport ErrorComponent from './ErrorComponent';\nimport Nav from './Nav';\nimport Filter from './Filter';\nimport ReportList from './ReportList';\nimport '../css/App.css';\n\n\nclass App extends Component {\n  state = {\n    activeTab: 0,\n    sortKey: 'year',\n    sortDir: -1,\n    filter: '',\n    authors: [],\n    sponsors: [],\n    topics: [],\n    reports: [],\n    massagedReports: [],\n    loading: true,\n    error: false,\n  }\n\n  handleErrors(response) {\n    if (!response.ok) {\n      throw Error(response.status);\n    }\n    return response;\n  }\n\n  // Store reports in reports so we never loose original data, sorted/filtered reports in massagedReports\n  componentDidMount() {\n    // Set data host based on requesting site\n    let host = 'https://' + window.location.hostname;\n    if (window.location.hostname === 'localhost') {\n      host = 'https://cfpatter1.drup-lb.uvm.edu';\n    }\n    // Uses JSON Content module to retrieve data\n    let reports_url = host + '/json/node?filter[og_group_ref]=246321&filter[type]=document&fields=title,field_document&range=250';\n    let authors_url = host + '/json/taxonomy/report_author';\n    let topics_url = host + '/json/taxonomy/report_topic';\n    let sponsors_url = host + '/json/taxonomy/report_sponsor';\n\n    fetch(reports_url) \n      .then(this.handleErrors) // handles response errors like 404\n      .then((response) =>  response.json())\n      .then((data) => this.setState({ loading: false, reports: data.data.filter(document => !(document.error || '')) }, () => this.setState({ massagedReports: this.sortReports(this.filterReports()) })\n      ))\n      .catch((error) => this.setState({ loading: false, error })); // Handles request errors like CORS\n    fetch(authors_url)\n      .then(this.handleErrors) // handles response errors like 404\n      .then((response) => response.json())\n      .then((data) => this.setState({ authors: data.data.tree }))\n      .catch((error) => this.setState({ loading: false, error })); // Handles request errors like CORS\n    fetch(topics_url)\n      .then(this.handleErrors) // handles response errors like 404\n      .then((response) => response.json())\n      .then((data) => this.setState({ topics: data.data.tree }))\n      .catch((error) => this.setState({ loading: false, error })); // Handles request errors like CORS\n    fetch(sponsors_url)\n      .then(this.handleErrors) // handles response errors like 404\n      .then((response) => response.json())\n      .then((data) => this.setState({ sponsors: data.data.tree }))\n      .catch((error) => this.setState({ loading: false, error })); // Handles request errors like CORS     \n  }\n\n  sortReports(reports = this.state.massagedReports, sortKey = this.state.sortKey, sortDir = this.state.sortDir) {\n    return reports.sort((a, b) => {\n      switch(sortKey) {\n        case 'year':\n          let aYear = a.field_document[0].field_publish_year;\n          let bYear = b.field_document[0].field_publish_year;\n          if (typeof aYear === \"undefined\") {\n            return -1 * sortDir;\n          }\n          if (typeof bYear === \"undefined\") {\n            return sortDir;\n          }\n          if (Number(aYear.substr(0,4)) < Number(bYear.substr(0,4))) {\n            return -1 * sortDir;\n          } else {\n            return sortDir;\n          }\n        case 'topic':\n          let aTopic = a.field_document[0].field_research_topic;\n          let bTopic = b.field_document[0].field_research_topic;\n          if (typeof aTopic === \"undefined\") {\n            return -1 * sortDir;\n          } else if (typeof bTopic === \"undefined\") {\n            return sortDir;\n          }\n          if (Array.isArray(aTopic)) {\n            aTopic = a.field_document[0].field_research_topic[0];\n          }\n          if (Array.isArray(bTopic)) {\n            bTopic = b.field_document[0].field_research_topic[0];\n          }\n          if (aTopic.name < bTopic.name) {\n            return -1 * sortDir;\n          } else {\n            return sortDir;\n          }\n        case 'author': // field_authors\n          let aAuthor = a.field_document[0].field_authors;\n          let bAuthor = b.field_document[0].field_authors;\n          if (typeof aAuthor === \"undefined\") {\n            return -1 * sortDir;\n          } else if (typeof bAuthor === \"undefined\") {\n            return sortDir;\n          }\n          if (Array.isArray(aAuthor)) {\n            aAuthor = a.field_document[0].field_authors[0];\n          }\n          if (Array.isArray(bAuthor)) {\n            bAuthor = b.field_document[0].field_authors[0];\n          }\n          if (aAuthor.name < bAuthor.name) {\n            return -1 * sortDir;\n          } else {\n            return sortDir;\n          }\n        case 'sponsor': // field_report_sponsor\n          let aSponsor = a.field_document[0].field_report_sponsor;\n          let bSponsor = b.field_document[0].field_report_sponsor;\n          if (typeof aSponsor === \"undefined\") {\n            return -1 * sortDir;\n          } else if (typeof bSponsor === \"undefined\") {\n            return sortDir;\n          }\n          if (Array.isArray(aSponsor)) {\n            aSponsor = a.field_document[0].field_report_sponsor[0];\n          }\n          if (Array.isArray(bSponsor)) {\n            bSponsor = b.field_document[0].field_report_sponsor[0];\n          }\n          if (aSponsor.name < bSponsor.name) {\n            return -1 * sortDir;\n          } else {\n            return sortDir;\n          }\n        default: // by title\n          if (a.field_document[0].field_4yr_plan_heading < b.field_document[0].field_4yr_plan_heading) {\n            return -1 * sortDir;\n          } else {\n            return sortDir;\n          }\n      }\n    });\n  }\n\n  filterReports(filter = this.state.filter) {\n    switch (this.state.activeTab) {\n      case 1: // By Year\n        return this.state.reports.filter(function(report) {\n          return report.field_document[0].field_publish_year.substring(0,4) === filter;\n        });\n      case 2: // By Topic\n        return this.state.reports.filter(function(report) {\n          if (typeof report.field_document[0].field_research_topic === \"undefined\") {\n            return false;\n          }\n          if (Array.isArray(report.field_document[0].field_research_topic)) {\n            return report.field_document[0].field_research_topic.find(off => off.name === filter);\n          } else {\n            return report.field_document[0].field_research_topic.name === filter;\n          }\n        });\n      case 3: // By Author\n        return this.state.reports.filter(function(report) {\n          if (typeof report.field_document[0].field_authors === \"undefined\") {\n            return false;\n          }\n          if (Array.isArray(report.field_document[0].field_authors)) {\n            return report.field_document[0].field_authors.find(cat => cat.name === filter);\n          } else {\n            return report.field_document[0].field_authors.name === filter;\n          }\n        });\n      case 4: // By Sponsor\n        return this.state.reports.filter(function(report) {\n          if (typeof report.field_document[0].field_report_sponsor === \"undefined\") {\n            return false;\n          }          \n          if (Array.isArray(report.field_document[0].field_report_sponsor)) {\n            return report.field_document[0].field_report_sponsor.find(off => off.name === filter);\n          } else {\n            return report.field_document[0].field_report_sponsor.name === filter;\n          }\n        });\n      default: // All Reports\n        return this.state.reports;\n    }\n  }\n\n  handleTabChange = (index) => {\n    this.setState({\n      activeTab: index,\n    }, () => {\n      switch (index) {\n        default: // All Reports sorted by year\n          this.setState({\n            massagedReports: this.sortReports(this.filterReports()),\n          });\n          break;\n        case 1: // By Year\n          this.setState({\n            massagedReports: this.sortReports(this.filterReports()),\n          });\n          break;\n        case 2: // By Topic\n          this.setState({\n            filter: this.state.topics[0].name,\n            massagedReports: this.sortReports(this.filterReports(this.state.topics[0].name)),\n          });\n          break;\n          case 3: // By Author\n          this.setState({\n            filter: this.state.authors[0].name,\n            massagedReports: this.sortReports(this.filterReports(this.state.authors[0].name)),  \n          });\n          break;\n          case 4: // By Sponsor\n          this.setState({\n            filter: this.state.sponsors[0].name,\n            massagedReports: this.sortReports(this.filterReports(this.state.sponsors[0].name)),  \n          });\n          break;\n      }\n    });\n  };\n\n  handleFilterChange = (event) => {\n    this.setState({\n      filter: event.target.value,\n      massagedReports: this.sortReports(this.filterReports(event.target.value))\n    });\n  }\n\n  handleSortChange = (index) => {\n    let keys = ['title', 'year', 'topic', 'author', 'sponsor'];\n    let sortDir = this.state.sortDir;\n    let sortKey = this.state.sortKey;\n    if (keys[index] === this.state.sortKey) {\n      // same key, change direction\n      sortDir *= -1;\n    } else {\n      sortKey = keys[index];\n      sortDir = 1;\n    }\n    this.setState({\n        sortDir: sortDir,\n        sortKey: sortKey,\n    }, () => {\n      this.setState({\n        massagedReports: this.sortReports(this.state.massagedReports, sortKey, sortDir),\n      })\n    });\n  }\n\n  render() {\n    const { activeTab, loading, error, filter, authors, topics, sponsors, massagedReports, sortKey, sortDir } = this.state;\n    let options = [];\n\n    switch (activeTab) {\n      case 1: // By Year\n        let thisYear = new Date().getFullYear();\n        for (let x = 2007; x <= thisYear; x++) {\n          options.unshift({'tid': x, 'name': x});\n        }\n        break;\n      case 2: // By Topic\n        options = topics;\n        break;\n      case 3: // By Author\n        options = authors;\n        break;\n      case 4: // By Sponsor\n        options = sponsors;\n        break;\n      default: // All Reports\n    }\n\n    return (\n      loading\n        ? <Loading />\n        : error\n          ? <ErrorComponent error={error} />\n          : <div id=\"reports\" className=\"App\">\n              <Nav activeTab={activeTab} onTabChange={this.handleTabChange} />\n              <Filter activeTab={activeTab} options={options} filter={filter} topics={topics} authors={authors} sponsors={sponsors} onFilterChange={this.handleFilterChange} />\n              <div className=\"App-content\">\n                <ReportList reports={massagedReports} sortKey={sortKey} sortDir={sortDir} onSortChange={this.handleSortChange} />\n              </div>\n            </div>\n    );\n  }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}