{"version":3,"sources":["components/navigation.jsx","components/header.jsx","components/features.jsx","components/about.jsx","components/solutions.jsx","components/image.jsx","components/gallery.jsx","components/contactus.jsx","components/technologies.jsx","components/testimonials.jsx","components/Team.jsx","components/contact.jsx","App.jsx","serviceWorker.js","index.js"],"names":["Navigation","props","id","className","type","data-toggle","data-target","href","src","alt","Header","data","title","paragraph","Features","map","d","i","icon","text","About","Why","Why2","Solutions","name","Image","largeImage","smallImage","tags","split","target","tag","Gallery","category","useState","visible","setVisible","caseStudies","length","filter","el","slice","onClick","Contactus","Technologies","img","Testimonials","Team","email","job","initialState","message","Contact","setState","handleChange","e","value","prevState","show","setShow","handleSubmit","a","preventDefault","sendEmailSendgrid","emailjs","sendForm","then","result","status","alert","error","console","log","htmlTemplate","emailData","to","subject","html","fetch","method","headers","body","JSON","stringify","response","json","onSubmit","placeholder","required","onChange","rows","address","linkedin","rel","facebook","twitter","instagram","Date","getFullYear","App","SmoothScroll","speed","speedAsDuration","landingPageData","setLandingPageData","useEffect","JsonData","Services","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","catch"],"mappings":"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","file":"static/js/main.9a7d5bbb.chunk.js","sourcesContent":["export const Navigation = (props) => {\n  return (\n    <nav id='menu' className='navbar navbar-default navbar-fixed-top'>\n      <div className='container'>\n        <div className='navbar-header'>\n          <button\n            type='button'\n            className='navbar-toggle collapsed'\n            data-toggle='collapse'\n            data-target='#bs-example-navbar-collapse-1'\n          >\n            {' '}\n            <span className='sr-only'>Toggle navigation</span>{' '}\n            <span className='icon-bar'></span>{' '}\n            <span className='icon-bar'></span>{' '}\n            <span className='icon-bar'></span>{' '}\n          </button>\n          <a className='navbar-brand page-scroll' href='#page-top'>\n            <img\n              src=\"img/logo/Softwarenetic_logo_main_black.svg\"\n              className='navbar-brand logo'\n              alt='Softwarenetic'\n            />\n          </a>{' '}\n        </div>\n\n        <div\n          className='collapse navbar-collapse'\n          id='bs-example-navbar-collapse-1'\n        >\n          <ul className='nav navbar-nav navbar-right'>\n            <li>\n              <a href='#features' className='page-scroll'>\n                Services\n              </a>\n            </li>\n            <li>\n              <a href='#solutions' className='page-scroll'>\n                Solutions\n              </a>\n            </li>\n            <li>\n              <a href='#portfolio' className='page-scroll'>\n                Portfolio\n              </a>\n            </li>\n            <li>\n              <a href='#technologies' className='page-scroll'>\n                Technologies\n              </a>\n            </li>\n{/*             <li> */}\n{/*               <a href='#testimonials' className='page-scroll'> */}\n{/*                 Testimonials */}\n{/*               </a> */}\n{/*             </li> */}\n            <li>\n              <a href='#about' className='page-scroll'>\n                About Us\n              </a>\n            </li>\n            <li>\n              <a href='#team' className='page-scroll'>\n                Team\n              </a>\n            </li>\n            <li>\n              <a href='#contact' className='page-scroll'>\n                Contact\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </nav>\n  )\n}\n","export const Header = (props) => {\n  return (\n    <header id='header'>\n      <div className='intro'>\n        <div className='overlay'>\n          <div className='container'>\n            <div className='row'>\n              <div className='col-md-8 col-md-offset-2 intro-text'>\n                <h1>\n                  {props.data ? props.data.title : 'Loading'}\n                  <span></span>\n                </h1>\n                <p>{props.data ? props.data.paragraph : 'Loading'}</p>\n                <a\n                  href='#contact'\n                  className='btn btn-custom btn-lg page-scroll'\n                >\n                  Contact us\n                </a>{' '}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </header>\n  )\n}","export const Features = (props) => {\n  return (\n    <div id='features' className='text-center'>\n      <div className='container'>\n        <div className='col-md-10 col-md-offset-1 section-title'>\n          <h2>Our Services</h2>\n        </div>\n        <div className='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.title}-${i}`} className='col-xs-6 col-md-3'>\n                  {' '}\n                  <i className={d.icon}></i>\n                  <h3>{d.title}</h3>\n                  <p>{d.text}</p>\n                </div>\n              ))\n            : 'Loading...'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","export const About = (props) => {\n  return (\n    <div id=\"about\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-xs-12 col-md-6\">\n            {\" \"}\n            <img src=\"img/about.jpg\" className=\"img-responsive\" alt=\"\" />{\" \"}\n          </div>\n          <div className=\"col-xs-12 col-md-6\">\n            <div className=\"about-text\">\n              <h2>About Us</h2>\n              <p>{props.data ? props.data.paragraph : \"loading...\"}</p>\n              <h3>Why Choose Us?</h3>\n              <div className=\"list-style\">\n                <div className=\"col-lg-6 col-sm-6 col-xs-12\">\n                  <ul>\n                    {props.data\n                      ? props.data.Why.map((d, i) => (\n                          <li key={`${d}-${i}`}>{d}</li>\n                        ))\n                      : \"loading\"}\n                  </ul>\n                </div>\n                <div className=\"col-lg-6 col-sm-6 col-xs-12\">\n                  <ul>\n                    {props.data\n                      ? props.data.Why2.map((d, i) => (\n                          <li key={`${d}-${i}`}> {d}</li>\n                        ))\n                      : \"loading\"}\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","export const Solutions = (props) => {\n  return (\n    <div id='solutions' className='text-center'>\n      <div className='container'>\n        <div className='section-title'>\n          <h2>Our Expertise</h2>\n          <p>\n          Delivering expert-driven solutions, we specialize in transforming complex ideas into powerful, scalable digital experiences\n          </p>\n        </div>\n        <div className='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.name}-${i}`} className='col-md-4'>\n                  {' '}\n                  <i className={d.icon}></i>\n                  <div className='service-desc'>\n                    <h3>{d.name}</h3>\n                    <p>{d.text}</p>\n                  </div>\n                </div>\n              ))\n            : 'loading'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","export const Image = ({ title, largeImage, smallImage }) => {\n  const tags = title.split(\";\");\n  return (\n    <div className=\"portfolio-item\">\n      <div className=\"hover-bg\">\n        <a href={largeImage} target=\"blank\">\n          <div className=\"hover-text\">\n            {tags.map((tag, i) => (\n              <h4 key={i}>{tag}</h4>\n            ))}\n          </div>\n          <img src={smallImage} className=\"img-responsive\" alt={title} />\n        </a>\n      </div>\n    </div>\n  );\n};\n","import { useState } from \"react\";\nimport { Image } from \"./image\";\nimport { Tabs, TabItem } from \"./tabs.jsx\";\n\nexport const Gallery = (props) => {\n  const [visible, setVisible] = useState(3);\n\n  const caseStudies = props.data;\n  const length = caseStudies?.length;\n\n  const devCaseStudies =\n    caseStudies && caseStudies.filter((el) => el.type !== \"devops\");\n  const devopsCaseStudies =\n    caseStudies && caseStudies.filter((el) => el.type !== \"development\");\n\n  const showMore = () => {\n    setVisible(length);\n  };\n\n  const categoryCaseStudy = (category) => {\n    return category.slice(0, visible).map((d, i) => (\n      <div\n        key={`${d.title}-${i}`}\n        className=\"col-sm-6 col-md-4 col-lg-4 fade-in\"\n      >\n        <Image\n          title={d.title}\n          largeImage={d.largeImage}\n          smallImage={d.smallImage}\n        />\n      </div>\n    ));\n  };\n\n  return (\n    <div id=\"portfolio\" className=\"text-center\">\n      <div className=\"container\">\n        <div className=\"section-title\">\n          <h2>Our portfolio</h2>\n          <p></p>\n        </div>\n        <div className=\"row\">\n          <div className=\"portfolio-items\">\n            {caseStudies ? categoryCaseStudy(caseStudies) : \"Loading...\"}            \n            \n            {visible < length && (\n              // eslint-disable-next-line jsx-a11y/anchor-is-valid\n              <button\n                onClick={showMore}\n                className=\"btn btn-custom mt-30 btn-lg\"\n              >\n                Show more\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","export const Contactus = (props) => {\n  return (\n    <div id=\"contactus\">\n      <div className=\"contactus\">\n        <div className=\"container\">\n          <div className=\"section-title\">\n            <h2>{props.data ? props.data.title : \"Loading\"}</h2>\n          </div>\n          <div className=\"row\">\n            <p>{props.data ? props.data.paragraph : \"Loading\"}</p>\n            <a href=\"#contact\" className=\"btn btn-custom btn-lg page-scroll\">\n              Contact us\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","export const Technologies = (props) => {\n  return (\n    <div id='technologies' className='text-center'>\n      <div className='container'>\n        <div className='col-md-8 col-md-offset-2 section-title'>\n          <h2>Our Technologies</h2>\n          <p>\n            Technology toolset which helps us to deliver the most reliable and sustainable solutions.  \n          </p>\n        </div>\n        <div id='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.name}-${i}`} className='col-md-3 col-sm-6 team'>\n                  <div className='thumbnail'>\n                    <img src={d.img} alt={d.name} className='technologies-img' />\n                    <div className='caption'>\n                      {/* <h4>{d.name}</h4> */}\n                      {/* <p>{d.name}</p> */}\n                    </div>\n                  </div>\n                </div>\n              ))\n            : 'loading'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","export const Testimonials = (props) => {\n  return (\n    <div id='testimonials'>\n      <div className='container'>\n        <div className='section-title text-center'>\n          <h2>What our clients say</h2>\n        </div>\n        <div className='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.name}-${i}`} className='col-md-4'>\n                  <div className='testimonial'>\n                    <div className='testimonial-image'>\n                      {' '}\n                      <img src={d.img} alt='' />{' '}\n                    </div>\n                    <div className='testimonial-content'>\n                      <p>\"{d.text}\"</p>\n                      <div className='testimonial-meta'> - {d.name} </div>\n                    </div>\n                  </div>\n                </div>\n              ))\n            : 'loading'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","/* eslint-disable jsx-a11y/anchor-has-content */\nexport const Team = (props) => {\n  return (\n    <div id=\"team\" className=\"text-center\">\n      <div className=\"container\">\n        <div className=\"col-md-8 col-md-offset-2 section-title\">\n          <h2>Meet the Team</h2>\n          <p>\n            Professionals that working on hard problems and unlocking business\n            value.\n          </p>\n        </div>\n        <div id=\"row\">\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.name}-${i}`} className=\"col-md-4 col-sm-6 team\">\n                  <div className=\"thumbnail\">\n                    <div className=\"team-member\">\n                      <img src={d.img} alt=\"...\" className=\"team-img\" />\n                      <div className=\"social\">\n                        <a href={d.email} className=\"social-img email-img\" />\n                      </div>\n                    </div>\n                    <div className=\"caption\">\n                      <h4>{d.name}</h4>\n                      <p>{d.job}</p>\n                    </div>\n                  </div>\n                </div>\n              ))\n            : \"loading\"}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { useState } from \"react\";\nimport emailjs from \"emailjs-com\";\n\nconst SENDGRID_LAMBDA_URL = 'https://a9xpq6loab.execute-api.eu-central-1.amazonaws.com/default/sendEmailSendgrid';\n\nconst initialState = {\n  name: \"\",\n  email: \"\",\n  message: \"\",\n};\n\nexport const Contact = (props) => {\n  const [{ name, email, message }, setState] = useState(initialState);\n\n  const handleChange = (e) => {\n    const { name, value } = e.target;\n    setState((prevState) => ({ ...prevState, [name]: value }));\n  };\n  const [show, setShow] = useState(true);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n\n    await sendEmailSendgrid();\n\n    emailjs\n      .sendForm(\n        \"service_adb2ade\",\n        \"template_9fpiaxv\",\n        e.target,\n        \"Oxmz9-JyA4UUg0NVs\"\n      )\n      .then(\n        function (result) {\n          if (result.status === 200) setShow(false);\n          else alert(\"Sorry there was a problem. Please try again...!!!\");\n        },\n        function (error) {\n          console.log(error.text);\n          alert(\"Sorry there was a problem. Please try again...!!!\");\n        }\n      );\n  };\n\n  const sendEmailSendgrid = async () => {\n      const htmlTemplate = `\n        <h3>Name: ${name}</h3>\n        <h3>Email: ${email}</h3>\n        <p>Message: ${message}</p>\n    `;\n\n      const emailData = {\n          to: \"contact@softwarenetic.com\",\n          subject: \"Softwarenetic: Email by \" + name,\n          text: 'Email from ' + name + ' (' + email + '): ' + message,\n          html: htmlTemplate\n      };\n\n      try {\n          const response = await fetch(SENDGRID_LAMBDA_URL, {\n              method: 'POST',\n              headers: {\n                  'Content-Type': 'application/json',\n              },\n              body: JSON.stringify(emailData)\n          });\n\n          const data = await response.json();\n          console.log('Response from Lambda:', data);\n      } catch (error) {\n          console.error('Error sending email:', error);\n      }\n  }\n\n  return (\n    <div>\n      <div id=\"contact\">\n        <div className=\"container\">\n          <div className=\"col-md-8\">\n            <div className=\"row\">\n              <div className=\"section-title\">\n                <h2>Get In Touch</h2>\n                {show ? (\n                  <p>\n                    Please fill out the form below to send us an email and we\n                    will get back to you as soon as possible.\n                  </p>\n                ) : (\n                  <p>\n                    Contact form successfully submitted. Thank you, we will get\n                    back to you soon!\n                  </p>\n                )}\n              </div>\n              <form name=\"sentMessage\" onSubmit={handleSubmit}>\n                <div className=\"row\">\n                  <div className=\"col-md-6\">\n                    <div className=\"form-group\">\n                      {show ? (\n                        <input\n                          type=\"text\"\n                          id=\"name\"\n                          name=\"name\"\n                          className=\"form-control\"\n                          placeholder=\"Name\"\n                          required\n                          onChange={handleChange}\n                        />\n                      ) : null}\n                      <p className=\"help-block text-danger\"></p>\n                    </div>\n                  </div>\n                  <div className=\"col-md-6\">\n                    <div className=\"form-group\">\n                      {show ? (\n                        <input\n                          type=\"email\"\n                          id=\"email\"\n                          name=\"email\"\n                          className=\"form-control\"\n                          placeholder=\"Email\"\n                          required\n                          onChange={handleChange}\n                        />\n                      ) : null}\n                      <p className=\"help-block text-danger\"></p>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"form-group\">\n                  {show ? (\n                    <textarea\n                      name=\"message\"\n                      id=\"message\"\n                      className=\"form-control\"\n                      rows=\"4\"\n                      placeholder=\"Message\"\n                      required\n                      onChange={handleChange}\n                    ></textarea>\n                  ) : null}\n                  <p className=\"help-block text-danger\"></p>\n                </div>\n                <div id=\"success\"></div>\n                {show ? (\n                  <button type=\"submit\" className=\"btn btn-custom btn-lg\">\n                    Send Message\n                  </button>\n                ) : null}\n              </form>\n            </div>\n          </div>\n          <div className=\"col-md-3 col-md-offset-1 contact-info\">\n            <div className=\"contact-item\">\n              <h3>Contact Info</h3>\n              <p>\n                <span>\n                  <i className=\"fa fa-map-marker\"></i> Address\n                </span>\n                  {props.data ? props.data.address : \"loading\"}\n              </p>\n            </div>\n\n            <div className=\"contact-item\">\n              <p>\n                <span>\n                  <i className=\"fa fa-envelope-o\"></i> Email\n                </span>\n                <a\n                  href={\n                    \"mailto:contact@softwarenetic.com\"\n                  }\n                >\n                  {props.data ? props.data.email : \"loading\"}\n                </a>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div id=\"footer\">\n        <div className=\"container text-left footer-text-box\">\n          <div className=\"footer-links\">\n            <div className=\"sections\">\n              <div>\n                <a href=\"#header\" className=\"footer-text page-scroll\">\n                  Services\n                </a>\n              </div>\n              <div>\n                <a href=\"#solutions\" className=\"footer-text page-scroll\">\n                  Solutions\n                </a>\n              </div>\n              <div>\n                <a href=\"#portfolio\" className=\"footer-text page-scroll\">\n                  Portfolio\n                </a>\n              </div>\n              <div>\n                <a href=\"#technologies\" className=\"footer-text page-scroll\">\n                  Technologies\n                </a>\n              </div>\n              <div>\n                <a href=\"#about\" className=\"footer-text page-scroll\">\n                  About us\n                </a>\n              </div>\n              <div>\n                <a href=\"#Team\" className=\"footer-text page-scroll\">\n                  Team\n                </a>\n              </div>\n            </div>\n\n            <div className=\"social\">\n              <a\n                href={props.data ? props.data.linkedin : \"/\"}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <i className=\"fa fa-linkedin\"></i>\n              </a>\n              <a\n                href={props.data ? props.data.facebook : \"/\"}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <i className=\"fa fa-facebook\"></i>\n              </a>\n              <a\n                href={props.data ? props.data.twitter : \"/\"}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <i className=\"fa fa-twitter\"></i>\n              </a>\n              <a\n                href={props.data ? props.data.instagram : \"/\"}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <i className=\"fa fa-instagram\"></i>\n              </a>\n            </div>\n          </div>\n        </div>\n        <div className=\"container text-center\">\n          <p>\n            &copy; {new Date().getFullYear()} Softwarenetic. All rights reserved\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { useState, useEffect } from \"react\";\nimport { Navigation } from \"./components/navigation\";\nimport { Header } from \"./components/header\";\nimport { Features } from \"./components/features\";\nimport { About } from \"./components/about\";\nimport { Solutions } from \"./components/solutions\";\nimport { Gallery } from \"./components/gallery\";\nimport { Contactus } from \"./components/contactus\";\nimport { Technologies } from \"./components/technologies\";\nimport { Testimonials } from \"./components/testimonials\";\nimport { Team } from \"./components/Team\";\nimport { Contact } from \"./components/contact\";\nimport JsonData from \"./data/data.json\";\nimport SmoothScroll from \"smooth-scroll\";\nimport \"./App.css\";\n\nexport const scroll = new SmoothScroll('a[href*=\"#\"]', {\n  speed: 1000,\n  speedAsDuration: true,\n});\n\nconst App = () => {\n  const [landingPageData, setLandingPageData] = useState({});\n  useEffect(() => {\n    setLandingPageData(JsonData);\n  }, []);\n\n  return (\n    <div>\n      <Navigation />\n      <Header data={landingPageData.Header} />\n      <Features data={landingPageData.Features} />\n      <Solutions data={landingPageData.Services} />\n      <Gallery data={landingPageData.Gallery} />\n      <Contactus data={landingPageData.Contactus} />\n      <Testimonials data={landingPageData.Testimonials} />\n      <Technologies data={landingPageData.Technologies} />\n      <About data={landingPageData.About} />\n      <Team data={landingPageData.Team} />\n      <Contact data={landingPageData.Contact} />\n    </div>\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 './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":""}