{"version":3,"sources":["components/Nav.js","components/Home.js","components/Results.js","components/Footer.js","App.js","index.js"],"names":["Nav","className","href","width","height","viewBox","fill","d","Home","history","useHistory","onSubmit","e","preventDefault","target","elements","locale","q","type","push","value","htmlFor","name","id","placeholder","required","autoComplete","Results","useState","result","setResult","loading","setLoading","error","setError","location","search","useEffect","fetch","then","res","json","data","catch","err","console","log","src","poster","alt","title","ottProviders","map","ott","url","rel","icon","provider","clipRule","fillRule","strokeLinejoin","strokeMiterlimit","xmlns","transform","imdb","searchSuggestions","item","index","Footer","App","path","exact","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.d9e3195e.chunk.js","sourcesContent":["import React from \"react\";\n\nconst Nav = () => {\n  return (\n    <nav>\n      <div className=\"logo\">\n        <a href=\"/\">\n          <h2>Popcorn</h2>\n        </a>\n      </div>\n      <div className=\"about\">\n        <a\n          className=\"social-action-icons\"\n          href=\"https://www.facebook.com/dialog/feed?app_id=333853130926436&display=popup&link=https://github.com/abhijeet-saxena/popcorn-times\"\n        >\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 320 512\">\n            <path\n              fill=\"white\"\n              d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"\n            ></path>\n          </svg>\n        </a>\n\n        <a\n          className=\"social-action-icons\"\n          href=\"https://twitter.com/intent/tweet?text=Ever stuck searching for your favorite TV Shows and Movies. Worry Not ! Now you can easily search for them on Netflix, Amazon Prime Video, Hotstar and many more. So just sit back 🛋️, grab some Popcorn 🍿and enjoy 🤩 https://popcorn-times.herokuapp.com/. %23popcorn %23github%0D&url=https://github.com/abhijeet-saxena/popcorn-times\"\n        >\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"white\"\n              d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"\n            ></path>\n          </svg>\n        </a>\n        <a\n          className=\"social-action-icons\"\n          href=\"https://github.com/abhijeet-saxena/popcorn-times\"\n        >\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 496 512\">\n            <path\n              fill=\"white\"\n              d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\"\n            ></path>\n          </svg>\n        </a>\n      </div>\n    </nav>\n  );\n};\n\nexport default Nav;\n","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Home = () => {\n  const history = useHistory();\n\n  const submitForm = (e) => {\n    e.preventDefault();\n    const [locale, q, type] = e.target.elements;\n\n    history.push(\n      `/results?q=${q.value}&locale=${locale.value}&type=${type.value}`\n    );\n  };\n\n  return (\n    <form onSubmit={submitForm}>\n      <label htmlFor=\"titles\">\n        Enter TV Series / Movie Title to find out live stream providers:\n      </label>\n      <div className=\"input-group\">\n        <select name=\"locale\" id=\"locale\">\n          <option value=\"en_IN\">🇮🇳</option>\n          <option value=\"en_US\">🇺🇸</option>\n          <option value=\"en_GB\">🇬🇧</option>\n          <option value=\"en_CA\">🇨🇦</option>\n          <option value=\"en_AU\">🇦🇺</option>\n        </select>\n        <input\n          type=\"text\"\n          name=\"q\"\n          id=\"q\"\n          placeholder=\"Ex. Friends\"\n          required\n          autoComplete=\"off\"\n        />\n        <select name=\"type\" id=\"type\">\n          <option value=\"\">📺 + 🎬</option>\n          <option value=\"show\">📺 TV</option>\n          <option value=\"movie\">🎬 Movie</option>\n        </select>\n      </div>\n      <br />\n      <button id=\"submit\" type=\"submit\">\n        Search\n      </button>\n    </form>\n  );\n};\n\nexport default Home;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Results = () => {\n  const [result, setResult] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const {\n    location: { search = \"?q=\" },\n  } = useHistory();\n\n  useEffect(() => {\n    fetch(`https://api.abhijeetsaxena.in/popcorn${search}`)\n      .then((res) => res.json())\n      .then((data) => {\n        setResult(data);\n        setLoading(false);\n      })\n      .catch((err) => {\n        console.log(err);\n        setError(true);\n      });\n  }, [search]);\n\n  return (\n    <>\n      {error && <p> 💀 No Results found</p>}\n      {!error && (\n        <main>\n          {loading ? (\n            <div className=\"loader\"></div>\n          ) : (\n            <>\n              <div className=\"search-results\">\n                <div className=\"card\">\n                  <img\n                    className=\"poster\"\n                    src={result.poster}\n                    alt={result.title}\n                  />\n                  <div className=\"links\">\n                    {result.ottProviders.map((ott) => (\n                      <a\n                        target=\"_blank\"\n                        href={ott.url}\n                        rel=\"noreferrer\"\n                        key={ott.provider}\n                      >\n                        <img src={ott.icon} alt={ott.provider} />\n                      </a>\n                    ))}\n                  </div>\n                  <div className=\"imdb\">\n                    <svg\n                      width=\"40\"\n                      clipRule=\"evenodd\"\n                      fillRule=\"evenodd\"\n                      strokeLinejoin=\"round\"\n                      strokeMiterlimit=\"1.41421\"\n                      viewBox=\"0 0 560 400\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <g transform=\"matrix(.959488 0 0 .959488 88.1023 56.1247)\">\n                        <path\n                          d=\"m387.6 224.3v-148.9c-1-7.9-7.2-14.2-15.1-15.5h-344.9c-8.6 1.4-15.2 8.8-15.2 17.8v144.3c0 9.9 8.1 18 18 18h339.2c9.3 0 16.8-6.8 18-15.7z\"\n                          fill=\"#f5c518\"\n                        />\n                        <path\n                          d=\"m63.1 94.7h28.4v109.2h-28.4zm88.8 0-6.6 51-4.1-27.7c-1.2-8.9-2.3-16.7-3.4-23.3h-36.8v109.2h24.8l.1-72.1 10.5 72.1h17.7l9.9-73.7.1 73.7h24.8v-109.2zm111.1 35.4v41.3c0 9.8-.5 16.3-1.5 19.6-.9 3.3-2.5 5.9-4.8 7.7-2.3 1.9-5.1 3.2-8.5 3.9s-8.5 1.1-15.3 1.1h-34.4v-109h21.2c13.7 0 21.6.6 26.5 1.9 4.8 1.3 8.5 3.3 11 6.2s4.1 6.1 4.7 9.6c0 .2.1.4.1.6.6 3.3 1 9 1 17.1zm-36 54.9c4.1 0 6.6-.8 7.5-2.5.9-1.6 1.4-6.1 1.4-13.4v-42.3c0-4.9-.2-8.1-.5-9.5s-1-2.4-2.2-3.1c-.6-.4-1.5-.6-2.7-.8-.3 0-.6-.1-1-.1-.8-.1-1.6-.1-2.6-.1v71.8zm109.9-36.8v30.6c0 6.5-.4 11.4-1.3 14.6s-3 6-6.2 8.3c-3.3 2.4-7.1 3.5-11.6 3.5-3.2 0-7.4-.7-10.2-2.1s-5.3-3.5-7.6-6.3l-1.8 7h-25.5v-109.1h27.3v35.5c2.3-2.6 4.8-4.6 7.6-5.9s7-1.9 10.2-1.9h.7c3.5.1 6.5.6 9.1 1.7 2.8 1.2 4.9 2.8 6.3 4.9s2.3 4.2 2.6 6.2c.3 2.1.4 6.4.4 13zm-36 39.3c.6 1.3 1.7 2 3.4 2s4-.7 4.5-2.1.8-4.7.8-10v-28c0-4.6-.3-7.6-.9-9s-2.9-2.1-4.6-2.1h-.3c-1.5.1-2.5.7-3 1.8-.5 1.2-.8 4.3-.8 9.3v28.8c0 4.8.3 7.9.9 9.3z\"\n                          fillRule=\"nonzero\"\n                        />\n                      </g>\n                    </svg>\n                    <span>{result.imdb}</span>\n                  </div>\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"search-suggestions-links\">\n            {!loading && (\n              <div className=\"search-suggestions\">\n                <h3>Similar Results</h3>\n                {result.searchSuggestions.map((item, index) =>\n                  item ? (\n                    <a\n                      key={item + index}\n                      href={`/results${search}&index=${index}`}\n                    >\n                      {item}\n                    </a>\n                  ) : null\n                )}\n              </div>\n            )}\n          </div>\n        </main>\n      )}\n    </>\n  );\n};\n\nexport default Results;\n","import React from \"react\";\n\nconst Footer = () => {\n  return (\n    <footer>\n      Made with\n      <svg width=\"20\" height=\"20\">\n        <path\n          d=\"M2 0h2v1h2v1h1v2h2V2h1V1h2V0h2v1h1v1h1v8h-2v2h-2v2h-2v2H6v-2H4v-2H2v-2H0V2h1V1h1V0z\"\n          fill=\"red\"\n        />\n      </svg>\n      by\n      <a href=\"https://abhijeetsaxena.in\">Abhijeet</a>\n    </footer>\n  );\n};\n\nexport default Footer;\n","import React from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport Nav from \"./components/Nav\";\nimport Home from \"./components/Home\";\nimport Results from \"./components/Results\";\nimport Footer from \"./components/Footer\";\n\nfunction App() {\n  return (\n    <div className=\"container\">\n      <Nav />\n      <Router>\n        <Switch>\n          <Route path=\"/results\" exact>\n            <Results />\n          </Route>\n          <Route path=\"/\">\n            <Home />\n          </Route>\n        </Switch>\n      </Router>\n      <Footer />\n    </div>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}