{"version":3,"sources":["components/Country/Country.js","App.js","serviceWorker.js","index.js"],"names":["Country","props","console","log","length","country","name","area","capital","flag","languages","currencies","population","timezones","region","index","style","width","src","alt","nativeName","symbol","code","App","useState","countries","setCountries","useEffect","fetch","then","res","json","data","catch","err","className","class","border","map","idx","key","alpha3Code","href","target","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","error","message"],"mappings":"4PAuCeA,G,MArCC,SAACC,GACbC,QAAQC,IAAIF,GACZC,QAAQC,IAAIF,EAAMG,QAFK,MAYRH,EAAMI,QARjBC,EAJmB,EAInBA,KACAC,EALmB,EAKnBA,KACAC,EANmB,EAMnBA,QACAC,EAPmB,EAOnBA,KACAC,EARmB,EAQnBA,UACAC,EATmB,EASnBA,WACAC,EAVmB,EAUnBA,WACAC,EAXmB,EAWnBA,UACAC,EAZmB,EAYnBA,OAEEC,EAAQd,EAAMc,MAAQ,EAK5B,OACI,+BACI,4BACI,4BAAMA,GACN,4BAAKT,GACL,gCAAMC,EAAN,KACA,gCAAMC,EAAN,KACA,gCAAK,yBAAKQ,MAVJ,CACdC,MAAO,QAS6BC,IAAKT,EAAMU,IAAI,KAA3C,KACA,gCAAMT,EAAU,GAAGU,WAAnB,KACA,gCAAMT,EAAW,GAAGU,OAApB,IAA6BV,EAAW,GAAGW,KAA3C,KACA,gCAAMV,EAAN,KACA,gCAAMC,EAAU,GAAhB,KACA,gCAAMC,EAAN,SCeDS,MA1Cf,WAAe,MAEqBC,mBAAS,IAF9B,mBAENC,EAFM,KAEKC,EAFL,KAWb,OAPAC,qBAAU,WACRC,MAAM,wCACHC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAG,GAAI,OAAIN,EAAaM,MAC1BC,OAAM,SAAAC,GAAG,OAAIhC,QAAQC,IAAI+B,QAC3B,IAGD,yBAAKC,UAAU,OACb,6BACE,0DAEF,yBAAKA,UAAU,qBACb,2BAAOC,MAAM,QAAQC,OAAO,KAC1B,+BACE,4BACE,mCACA,uCACA,uCAAY,kCAAZ,KACA,uCACA,oCACA,wCACA,wCACA,0CACA,yCACA,wCAIFZ,EAAUa,KAAI,SAACjC,EAASkC,GAAV,OAAkB,kBAAC,EAAD,CAASC,IAAKnC,EAAQoC,WAAY1B,MAAOwB,EAAKlC,QAASA,GAAvD,UAItC,2CAAgB,uBAAGqC,KAAK,+BAA+BC,OAAO,UAA9C,WAAhB,OC/BcC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAEFC,SAASC,eAAe,SDyHpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrB3B,MAAK,SAAA4B,GACJA,EAAaC,gBAEdzB,OAAM,SAAA0B,GACLzD,QAAQyD,MAAMA,EAAMC,c","file":"static/js/main.116aa952.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nconst Country = (props) => {\r\n    console.log(props)\r\n    console.log(props.length);\r\n    const {\r\n        name,\r\n        area,\r\n        capital,\r\n        flag,\r\n        languages,\r\n        currencies,\r\n        population,\r\n        timezones,\r\n        region } = props.country;\r\n\r\n    const index = props.index + 1;\r\n    // console.log(props.index);\r\n    const flagStyle = {\r\n        width: '25px'\r\n    }\r\n    return (\r\n        <tbody>\r\n            <tr>\r\n                <th >{index}</th>\r\n                <td>{name}</td>\r\n                <td> {area} </td>\r\n                <td> {capital} </td>\r\n                <td> <img style={flagStyle} src={flag} alt=\"\" /> </td>\r\n                <td> {languages[0].nativeName} </td>\r\n                <td> {currencies[0].symbol} {currencies[0].code} </td>\r\n                <td> {population} </td>\r\n                <td> {timezones[0]} </td>\r\n                <td> {region} </td>\r\n            </tr>\r\n        </tbody>\r\n    );\r\n};\r\n\r\nexport default Country;","import React from 'react';\nimport './App.css';\nimport { useState, useEffect } from 'react';\nimport Country from './components/Country/Country';\n\n\nfunction App() {\n  // State declaration\n  const [countries, setCountries] = useState([]);\n\n  useEffect(() => {\n    fetch('https://restcountries.eu/rest/v2/all')\n      .then(res => res.json())\n      .then(data => setCountries(data))\n      .catch(err => console.log(err))\n  }, [])\n\n  return (\n    <div className=\"App\">\n      <div>\n        <h2>Country Lists and Details</h2>\n      </div>\n      <div className=\"display-countries\">\n        <table class=\"table\" border=\"1\">\n          <thead>\n            <tr>\n              <th >No.</th>\n              <th>Country</th>\n              <th>Area (km<sup>2</sup>)</th>\n              <th>Capital</th>\n              <th>Flag</th>\n              <th>Language</th>\n              <th>Currency</th>\n              <th>Population</th>\n              <th>Timezones</th>\n              <th>Region</th>\n            </tr>\n          </thead>\n          {\n            countries.map((country, idx) => <Country key={country.alpha3Code} index={idx} country={country}> </Country>)\n          }\n        </table>\n      </div>\n      <p>Developed by <a href=\"https://github.com/bdmostafa\" target=\"_blank\">Mostafa</a> </p>\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":""}