{"version":3,"sources":["components/Header.js","components/MobilePhone.js","components/MobilePhoneQRCode.js","components/OutputQRCode.js","components/App.js","serviceWorker.js","index.js"],"names":["Header","props","className","MobilePhone","shareUrl","outputUrl","id","width","height","name","scrolling","src","title","alt","autoPlay","loop","muted","type","QRCode","require","MobilePhoneQRCode","url","size","value","OutputQRCode","style","axios","App","React","useState","setShareUrl","setOutputUrl","useEffect","method","then","response","data","console","log","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"0RAWeA,EATO,SAACC,GACrB,OACE,yBAAKC,UAAW,qBACd,kDACA,2GCwCSC,EA5CY,SAAC,GAA2B,IAA1BC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,UACrC,OAASD,GAAaC,EACpB,yBAAKH,UAAW,2BAEd,yBAAKA,UAAU,iBACb,yBAAKI,GAAG,aAAaJ,UAAU,gBAC7B,4BACEK,MAAM,OACNC,OAAO,OACPC,KAAK,kBACLC,UAAU,OACVC,IAAKP,EACLQ,MAAO,yBAGX,yBAAKN,GAAG,aAAaJ,UAAU,oBAC7B,yBAAKS,IAAK,6BAA8BE,IAAK,mBAIjD,yBAAKX,UAAW,8BACd,6BACE,2BACEY,UAAQ,EACRC,MAAM,EACNT,GAAG,MACHU,OAAK,GAEL,4BACEL,IAAI,gEACJM,KAAK,gBAIX,yBAAKf,UAAW,WACd,4BACES,IAAKN,EACLO,MAAO,uBApCkB,MCF/BM,EAASC,EAAQ,GAqBRC,EAnBkB,SAAC,GAAW,IAAVC,EAAS,EAATA,IACjC,OACE,yBAAKnB,UAAW,mCACd,yBAAKA,UAAW,oCACd,uBAAGA,UAAW,UAAd,WACA,wFACA,kDAEEmB,GACA,kBAACH,EAAD,CACEI,KAAM,GACNC,MAAOF,OCbbH,EAASC,EAAQ,GAqBRK,EAnBa,SAAC,GAAW,IAAVH,EAAS,EAATA,IAC5B,OACE,yBAAKnB,UAAW,6BACd,yBAAKA,UAAW,oCACd,uBAAGA,UAAW,UAAd,cACA,yFACA,uBAAGuB,MAAO,CAAC,WAAc,WAAzB,uBAEEJ,GACA,kBAAC,EAAD,CACEC,KAAM,GACNC,MAAOF,OCRbK,G,MAAQP,EAAQ,KA6CPQ,MA3Cf,WAAgB,IAAD,EACmBC,IAAMC,SAAS,MADlC,mBACNzB,EADM,KACI0B,EADJ,OAEqBF,IAAMC,SAAS,MAFpC,mBAENxB,EAFM,KAEK0B,EAFL,KAsBb,OAlBAH,IAAMI,UAAU,WAKdN,EAAM,CACJO,OAAQ,MACRZ,IAAK,0EAENa,KAAK,SAAUC,GACVA,GAAYA,EAASC,MAAQD,EAASC,KAAKhC,UAAY+B,EAASC,KAAK/B,YACvEyB,EAAYK,EAASC,KAAKhC,UAC1B2B,EAAaI,EAASC,KAAK/B,WAC3BgC,QAAQC,IAAI,mCAAoCH,EAASC,UAX5D,IAiBD,yBAAKlC,UAAU,OAKb,kBAAC,EAAD,MACA,kBAAC,EAAD,CACEE,SAAUA,EACVC,UAAWA,IAEb,kBAAC,EAAD,CACEgB,IAAKjB,IAEP,kBAAC,EAAD,CACEiB,IAAKhB,MCjCOkC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OAAO,kBAAC,EAAD,MAASC,SAASC,eAAe,SD2H3C,kBAAmBC,WACrBA,UAAUC,cAAcC,MAAMhB,KAAK,SAAAiB,GACjCA,EAAaC,iB","file":"static/js/main.1cfe8a6e.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nexport const Header = (props) => {\r\n  return (\r\n    <div className={\"container--header\"}>\r\n      <h1>Soccer Live Mobile</h1>\r\n      <p>A mobile Control Application designed for soccer, right at your fingertips</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Header;","import React from 'react';\r\n\r\nexport const MobilePhone = ({shareUrl, outputUrl}) => {\r\n  return (!shareUrl || !outputUrl) ? null :\r\n    <div className={\"container--mobile-phone\"}>\r\n      {/*Start Copy and Paste from Previous Site*/}\r\n      <div className=\"soccer-mobile\">\r\n        <div id=\"soccer-app\" className=\"singular-app\">\r\n          <iframe\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            name=\"htmlComp-iframe\"\r\n            scrolling=\"auto\"\r\n            src={shareUrl}\r\n            title={\"iframe-mobile-phone\"}\r\n          />\r\n        </div>\r\n        <div id=\"background\" className=\"background-image\">\r\n          <img src={\"./images/samsung-phone.png\"} alt={\"mobile phone\"} />\r\n        </div>\r\n      </div>\r\n      {/*End Copy and Paste from Previous Site*/}\r\n      <div className={\"wrapper--video-and-overlay\"}>\r\n        <div>\r\n          <video\r\n            autoPlay\r\n            loop={true}\r\n            id=\"vid\"\r\n            muted\r\n          >\r\n            <source\r\n              src=\"https://singular-live.s3-us-west-2.amazonaws.com/Football.mp4\"\r\n              type=\"video/mp4\"\r\n            />\r\n          </video>\r\n        </div>\r\n        <div className={\"overlay\"}>\r\n          <iframe\r\n            src={outputUrl}\r\n            title={\"iframe--overlay\"}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n};\r\n\r\nexport default MobilePhone;","import React from 'react';\r\nconst QRCode = require('qrcode.react');\r\n\r\nexport const MobilePhoneQRCode = ({url}) => {\r\n  return (\r\n    <div className={\"container--mobile-phone-QR-code\"}>\r\n      <div className={\"wrapper--QR-code-and-description\"}>\r\n        <p className={\"header\"}>The App</p>\r\n        <p>Scan this QR code to access the app on your mobile phone.</p>\r\n        <p>Control the output.</p>\r\n        {\r\n          url &&\r\n          <QRCode\r\n            size={90}\r\n            value={url}\r\n          />\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MobilePhoneQRCode;","import React from 'react';\r\nconst QRCode = require('qrcode.react');\r\n\r\nexport const OutputQRCode = ({url}) => {\r\n  return (\r\n    <div className={\"container--output-QR-code\"}>\r\n      <div className={\"wrapper--QR-code-and-description\"}>\r\n        <p className={\"header\"}>The Output</p>\r\n        <p>Scan this QR code to view the output on your mobile phone.</p>\r\n        <p style={{\"visibility\": \"hidden\"}}>Control the output.</p>\r\n        {\r\n          url &&\r\n          <QRCode\r\n            size={90}\r\n            value={url}\r\n          />\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OutputQRCode;","import React from 'react';\nimport Header from './Header';\nimport MobilePhone from './MobilePhone';\nimport MobilePhoneQRCode from './MobilePhoneQRCode';\nimport OutputQRCode from './OutputQRCode';\nimport './App.css';\nconst axios = require('axios');\n\nfunction App() {\n  const [shareUrl, setShareUrl] = React.useState(null);\n  const [outputUrl, setOutputUrl] = React.useState(null);\n\n  React.useEffect(() => {\n    getAppAndOutputURL();\n  }, []);\n\n  function getAppAndOutputURL() {\n    axios({\n      method: 'get',\n      url: \"https://ifetut5dh8.execute-api.us-west-2.amazonaws.com/dev/mobiledemo\"\n    })\n    .then(function (response) {\n      if (response && response.data && response.data.shareUrl && response.data.outputUrl) {\n        setShareUrl(response.data.shareUrl);\n        setOutputUrl(response.data.outputUrl);\n        console.log('****** RETURN DATA ***********: ', response.data);\n      }\n    });\n  }\n\n  return (\n    <div className=\"app\">\n      {/*<button onClick={() => {*/}\n        {/*console.log('shareUrl: ', shareUrl);*/}\n        {/*console.log('outputUrl: ', outputUrl);*/}\n      {/*}}>Log</button>*/}\n      <Header/>\n      <MobilePhone\n        shareUrl={shareUrl}\n        outputUrl={outputUrl}\n      />\n      <MobilePhoneQRCode\n        url={shareUrl}\n      />\n      <OutputQRCode\n        url={outputUrl}\n      />\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.1/8 is 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    .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.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './styles/index.scss';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\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":""}