{"version":3,"sources":["components/RecordForm.js","App.js","index.js"],"names":["RecordForm","state","ip","result","status","message","onChange","e","setState","target","value","onSubmit","a","fetch","process","method","body","headers","response","console","log","json","toString","className","style","margin","placeholder","this","onClick","replace","React","Component","App","Container","displayName","name","document","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render"],"mappings":"kRAqFeA,E,4MA7EbC,MAAQ,CACNC,GAAI,GACJC,OAAQ,CACNC,OAAQ,GACRC,QAAS,K,EAIbC,SAAW,SAAAC,GACT,EAAKC,SAAS,CAAEN,GAAIK,EAAEE,OAAOC,S,EAG/BC,S,sBAAW,gCAAAC,EAAA,6DACDV,EAAO,EAAKD,MAAZC,GADC,kBAGgBW,MAAM,GAAD,OAAIC,IAAJ,uBAAiD,CAC3EC,OAAQ,OACRC,KAAK,MAAD,OAAQd,GACZe,QAAS,CACL,eAAgB,uCAPf,cAGDC,EAHC,OAUPC,QAAQC,IAAIF,GAVL,SAWYA,EAASG,OAXrB,OAWDL,EAXC,OAYiB,MAApBE,EAASd,OACX,EAAKI,SAAS,CACZL,OAAQ,CACNC,OA/BE,QAgCFC,QAASW,EAAKX,WAIlB,EAAKG,SAAS,CACZL,OAAQ,CACNC,OAvCI,KAwCJC,QAASW,EAAKX,WAvBb,kDA4BP,EAAKG,SAAS,CACZL,OAAQ,CACNC,OA9CI,QA+CJC,QAAS,KAAEiB,cA/BR,0D,uDAsCT,OACE,6BACE,yBAAKC,UAAU,MAAMC,MAAO,CAAEC,OAAQ,KACpC,0EAEF,yBAAKF,UAAU,MAAMC,MAAO,CAAEC,OAAQ,KACpC,yBAAKF,UAAU,YACb,2BAAOG,YAAY,aAAahB,MAAOiB,KAAK1B,MAAMC,GAAIqB,UAAU,eAAejB,SAAUqB,KAAKrB,YAEhG,yBAAKiB,UAAU,YACb,4BAAQK,QAASD,KAAKhB,SAAUY,UAAU,mBAA1C,YAGJ,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aArET,OAsEHI,KAAK1B,MAAME,OAAOC,OAAqB,yBAAKmB,UAAU,uBACrD,2CADsC,MACX,2CAAiBI,KAAK1B,MAAMC,GAAG2B,QAAQ,MAAO,KAA9C,sBADW,4BArEtC,UAwEAF,KAAK1B,MAAME,OAAOC,OAAmB,yBAAKmB,UAAU,uBAClD,yCADmC,MACTI,KAAK1B,MAAME,OAAOE,SACrC,U,GAxEEyB,IAAMC,WCDVC,G,6KAIjB,OACI,6BACI,kBAACC,EAAA,EAAD,KACI,kBAAC,EAAD,Y,GAPiBF,cAAZC,EACZE,YAAcF,EAAIG,KCDXC,SAASC,qBAAqB,QAAQ,GAAGC,aAAa,QAAtE,IACMC,EAAcH,SAASI,eAAe,QAE5CC,IAASC,OACL,kBAAC,EAAD,MACFH,K","file":"static/js/main.83f6b483.chunk.js","sourcesContent":["\r\nimport React from 'react';\r\n\r\nconst SUCCESS = 'ok';\r\nconst ERROR = 'error';\r\n\r\nclass RecordForm extends React.Component {\r\n\r\n  state = {\r\n    ip: '',\r\n    result: {\r\n      status: '',\r\n      message: ''\r\n    }\r\n  }\r\n\r\n  onChange = e => {\r\n    this.setState({ ip: e.target.value });\r\n  }\r\n\r\n  onSubmit = async () => {\r\n    const { ip } = this.state;\r\n    try {\r\n      const response = await fetch(`${process.env.PUBLIC_URL}/api/dnsrecord/save`, {\r\n        method: 'POST',\r\n        body: `ip=${ip}`,\r\n        headers: {\r\n            \"content-type\": \"application/x-www-form-urlencoded\"\r\n        }\r\n      });\r\n      console.log(response);\r\n      const body = await response.json();\r\n      if (response.status !== 200) {\r\n        this.setState({\r\n          result: {\r\n            status: ERROR,\r\n            message: body.message\r\n          }\r\n        });\r\n      } else {\r\n        this.setState({\r\n          result: {\r\n            status: SUCCESS,\r\n            message: body.message\r\n          }\r\n        });\r\n      }\r\n    } catch (e) {\r\n      this.setState({\r\n        result: {\r\n          status: ERROR,\r\n          message: e.toString()\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div className=\"row\" style={{ margin: 60 }}>\r\n          <p>Enter the local IP Address of your device:</p>\r\n        </div>\r\n        <div className=\"row\" style={{ margin: 60 }}>\r\n          <div className=\"col-md-5\">\r\n            <input placeholder=\"IP Address\" value={this.state.ip} className=\"form-control\" onChange={this.onChange} />\r\n          </div>\r\n          <div className=\"col-md-5\">\r\n            <button onClick={this.onSubmit} className=\"btn btn-primary\">Submit</button>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"col-md-12\">\r\n            {this.state.result.status === SUCCESS ? <div className=\"alert alert-success\">\r\n              <strong>Success</strong> - <em>nslookup ip-{this.state.ip.replace(/\\./g, '-')}.mylocaldevice.com</em> to see your new record!\r\n            </div> :\r\n              this.state.result.status === ERROR ? <div className=\"alert alert-warning\">\r\n                <strong>Error</strong> - {this.state.result.message}\r\n              </div> : ''}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nexport default RecordForm;","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport RecordForm from './components/RecordForm';\r\nimport './custom.css'\r\n\r\nexport default class App extends Component {\r\n  static displayName = App.name;\r\n\r\n  render () {\r\n    return (\r\n        <div>\r\n            <Container>\r\n                <RecordForm />\r\n            </Container>\r\n        </div>\r\n    );\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n    <App />,\r\n  rootElement);\r\n"],"sourceRoot":""}