{"version":3,"sources":["const/usStates.jsx","services/ApiRequest.jsx","const/endPoints.jsx","App.js","reportWebVitals.js","index.js"],"names":["usStates","label","value","endpoint","a","fetch","process","headers","method","response","json","data","App","useState","setData","content","setContent","isLoading","setIsLoading","onChange","event","target","name","className","onSubmit","plateNumber","usState","preventDefault","APICaller","plate_number","then","res","status","catch","err","Form","Control","type","placeholder","e","required","Select","map","index","Button","Spinner","animation","country","make","model","state","vin","year","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.00451187.chunk.js","sourcesContent":["export const usStates = [\n  { label: \"PA\", value: \"PA\" },\n];\n","const _getHeader = () => {\n  const header = {\n    \"Accept\": \"application/json\",\n    \"Content-Type\": \"application/json\",\n  };\n  return header;\n};\n\nexport default async function APICaller(\n  endpoint\n) {\n  try {\n    const response = await fetch(\n      `${process.env.REACT_APP_API_ENDPOINT}${endpoint}`,\n      {\n        headers: _getHeader(),\n        method: 'GET'\n      }\n    );\n    const data = await response.json();\n    return data;\n  } catch (error) {\n  }\n}\n","export const SEARCH_LICENSE_PLATE_NUMBER = (plateNumber, usState) =>\n  `license-plate-search?plate=${plateNumber}&state=${usState}&format=json&request_type=web&access_token=57075c6ba628c281b08eedfcd7183792`;\n","import React, { useState } from \"react\";\nimport \"./App.css\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport { Form, Button, Spinner } from \"react-bootstrap\";\nimport { usStates } from \"./const/usStates\";\nimport APICaller from \"./services/ApiRequest\";\nimport { SEARCH_LICENSE_PLATE_NUMBER } from \"./const/endPoints\";\n\nfunction App() {\n  const [data, setData] = useState();\n  const [content, setContent] = useState(null)\n  const [isLoading, setIsLoading] = useState(false)\n  const onChange = (event) => {\n    setData({\n      ...data,\n      [event.target.name]: event.target.value,\n    });\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    setIsLoading(true)\n    APICaller(SEARCH_LICENSE_PLATE_NUMBER(data.plate_number, \"PA\"), \"GET\")\n      .then((res) => {\n        if (res && res.status === 'ok' && res.content)\n          setContent(res.content)\n          setIsLoading(false)\n      })\n      .catch((err) => {\n        setIsLoading(false)\n      });\n  };\n  return (\n    <div className=\"App\">\n      <div className=\"main-wrapper\">\n        <form onSubmit={handleSubmit} className=\"form-wrapper\">\n          <Form.Control\n            type=\"text\"\n            name=\"plate_number\"\n            placeholder=\"Enter Plate Number e.g AF60214\"\n            onChange={(e) => onChange(e)}\n            className=\"input-field\"\n            required\n          />\n          <Form.Select\n            name=\"usState\"\n            onChange={(e) => onChange(e)}\n            className=\"input-field\"\n            required\n          >\n            <option>Select State</option>\n            {usStates.map((data, index) => {\n              return <option key={index}>{data.label}</option>;\n            })}\n          </Form.Select>\n          <Button type=\"submit\" className=\"submit-button\">\n            {isLoading ? <Spinner animation=\"border\" className=\"custom-spinner-class\"/> : 'Search'}\n          </Button>\n        </form>\n        {\n          content ?\n            <div className=\"content-wrapper\">\n              <div className=\"content-item\">\n                <div className=\"content-label\">Country</div>\n                <div className=\"content-value\">{content?.country}</div>\n              </div>\n              <div className=\"content-item\">\n                <div className=\"content-label\">Make</div>\n                <div className=\"content-value\">{content?.make}</div>\n              </div>\n              <div className=\"content-item\">\n                <div className=\"content-label\">Model</div>\n                <div className=\"content-value\">{content?.model}</div>\n              </div>\n              <div className=\"content-item\">\n                <div className=\"content-label\">State</div>\n                <div className=\"content-value\">{content?.state}</div>\n              </div>\n              <div className=\"content-item\">\n                <div className=\"content-label\">Vin</div>\n                <div className=\"content-value\">{content?.vin}</div>\n              </div>\n              <div className=\"content-item\">\n                <div className=\"content-label\">Year</div>\n                <div className=\"content-value\">{content?.year}</div>\n              </div>\n            </div>\n            :\n            <></>\n        }\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}