{"version":3,"sources":["logo.svg","components/SignUpContainer.js","App.js","reportWebVitals.js","index.js"],"names":["SignUpContainer","useState","result","state","setState","useEffect","isModal","URL","document","location","searchParams","get","className","action","method","isLoaded","error","value","for","type","onChange","e","first_name","target","name","id","placeholder","email","phone_number","onClick","fetch","headers","body","JSON","stringify","btoa","then","res","json","class","App","console","log","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.47ef46d0.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import React, { useEffect, useState } from 'react';\nconst SignUpContainer = () => {\n\n  const [state, setState] = useState({ result: '' });\n\n  const handleSubmit = () => {\n    fetch('https://tingutravel.com/api/voucher/generate', {\n      method: 'post',\n      headers: {\n        'Accept': 'application/json, text/plain, */*',\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({ email: state.email, first_name: state.first_name, phone_number: btoa(state.phone_number) })\n    }).then(res => res.json())\n      .then(res => setState({ ...state, isLoaded: true, result: res }));\n  }\n\n  useEffect(() => {\n    isModal();\n  }, [])\n\n  var statusBlock;\n\n  const handleEmailChange = (e) => {\n    // console.log(e.target.value);\n    setState({ ...state, email: e.target.value });\n  }\n\n  const handleNameChange = (e) => {\n    // console.log(e.target.value);\n    setState({ ...state, first_name: e.target.value });\n  }\n\n\n  const handlePhoneNumberChange = (e) => {\n    // console.log(e.target.value);\n    setState({ ...state, phone_number: e.target.value });\n  }\n\n  const isModal = () => {\n    let params = (new URL(document.location)).searchParams;\n    let isModal = params.get(\"isModal\");\n    if(isModal) {\n      setState({ ...state, isModal: true });\n    }\n  }\n  return (\n    <div className=\"relative\">\n      <div className=\"bg-white shadow rounded-lg md:absolute md:-top-32 md:left-0 md:bottom-0 mx-auto md:right-0 md:w-96 w-full\">\n        <div className=\"flex\">\n          <div className=\"w-full px-4 pt-4 bg-white \">\n            <form action=\"http://localhost:3002/api/voucher/generate\" method=\"POST\">\n              <h2 className=\"font-bold text-xl\">Join our mailing list and get 5% off a trip!</h2>\n              {state.isLoaded ?\n                state.result.error ? <div className=\"mt-4 bg-red-900 text-white p-4 rounded-md\">{state.result.value}</div> : <div className=\"mt-4 bg-green-900 text-white p-4 rounded-md\">{state.result.value}</div>\n                : ''}\n\n\n              <div className=\"mt-4\">\n                <label for=\"first_name\" className=\"block text-sm font-medium text-gray-700\">First name</label>\n                <div className=\"mt-1\">\n                  <input type=\"text\" onChange={handleNameChange} value={state.first_name} name=\"first_name\" id=\"first_name\" className=\"p-1 w-full border-gray-800 border-2 rounded-sm\" placeholder=\"James\" />\n                </div>\n              </div>\n              <div className=\"mt-4\">\n                <label for=\"user_email\" className=\"block text-sm font-medium text-gray-700\">Email</label>\n                <div className=\"mt-1\">\n                  <input type=\"text\" onChange={handleEmailChange} value={state.email} name=\"user_email\" id=\"user_email\" className=\"p-1 w-full border-gray-800 border-2 rounded-sm\" placeholder=\"you@example.com\" />\n                </div>\n              </div>\n              <div className=\"mt-4\">\n                <label for=\"phone_number\" className=\"block text-sm font-medium text-gray-700\">WhatsApp Number</label>\n                <div className=\"mt-1\">\n                  <input type=\"text\" onChange={handlePhoneNumberChange} value={state.phone_number} name=\"phone_number\" id=\"phone_number\" className=\"p-1 w-full border-gray-800 border-2 rounded-sm\" placeholder=\"+9715400239\" />\n                </div>\n              </div>\n              <div className=\"my-8\">\n                <button type=\"button\" onClick={() => handleSubmit()} class=\"inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\">\n                  Sign up\n</button>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default SignUpContainer;\n","import logo from './logo.svg';\nimport './App.css';\nimport './index.css';\nimport SignUpContainer from './components/SignUpContainer';\nimport React, { useEffect, useState } from 'react';\n\nfunction App() {\n  const [state, setState] = useState({ isModal: false });\n  useEffect(() => {\n    isModal();\n  }, [])\n  const isModal = () => {\n    let params = (new URL(document.location)).searchParams;\n    let isModal = params.get(\"isModal\");\n    // console.log(isModal);\n    if(isModal) {\n      console.log('it is a modal')\n      setState({ ...state, isModal: true });\n    }\n  }\n\n  return (\n    <div className=\"App\">\n      <div className={state.isModal ? 'md:h-48 text-center' : 'background h-96 text-center'}>\n        {!state.isModal && \n      <h1 className=\"text-center text-4xl text-white font-bold pt-16\">Join us on an epic adventure!</h1>\n    }\n      </div>\n      <SignUpContainer />\n    </div>\n  );\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":""}