{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/sonia/VisualStudioCode/Proyecto-React-Firebase/client/src/pages/auth/login.tsx\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { Button, FormGroup, Input } from 'reactstrap';\nimport AuthContainer from '../../components/AuthContainer';\nimport ErrorText from '../../components/ErrorText';\nimport { auth, Providers } from '../../config/firebase';\nimport logging from '../../config/logging';\nimport { SignInWithSocialMedia } from './modules';\n\nconst LoginPage = props => {\n  _s();\n\n  const [authenticating, setAuthenticating] = useState(false);\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [error, setError] = useState('');\n  const history = useHistory();\n\n  const signInWithEmailAndPassword = () => {\n    if (error !== '') setError('');\n    setAuthenticating(true);\n    auth.signInWithEmailAndPassword(email, password).then(result => {\n      logging.info(result);\n      history.push('/');\n    }).catch(error => {\n      logging.error(error);\n      setAuthenticating(false);\n      setError(error.message);\n    });\n  };\n\n  const signInWithSocialMedia = provider => {\n    if (error !== '') setError('');\n    setAuthenticating(true);\n    SignInWithSocialMedia(provider).then(result => {\n      logging.info(result);\n      history.push('/');\n    }).catch(error => {\n      logging.error(error);\n      setAuthenticating(false);\n      setError(error.message);\n    });\n  };\n\n  return /*#__PURE__*/_jsxDEV(AuthContainer, {\n    header: \"Login\",\n    children: [/*#__PURE__*/_jsxDEV(FormGroup, {\n      children: /*#__PURE__*/_jsxDEV(Input, {\n        type: \"email\",\n        name: \"email\",\n        id: \"email\",\n        placeholder: \"Email Address\",\n        onChange: event => setEmail(event.target.value),\n        value: email\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(FormGroup, {\n      children: /*#__PURE__*/_jsxDEV(Input, {\n        autoComplete: \"new-password\",\n        type: \"password\",\n        name: \"password\",\n        id: \"password\",\n        placeholder: \"Enter Password\",\n        onChange: event => setPassword(event.target.value),\n        value: password\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Button, {\n      disabled: authenticating,\n      color: \"success\",\n      block: true,\n      onClick: () => signInWithEmailAndPassword(),\n      children: \"Login\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"small\", {\n      children: [/*#__PURE__*/_jsxDEV(\"p\", {\n        className: \"m-1 text-center\",\n        children: [\"Don't have an account? \", /*#__PURE__*/_jsxDEV(Link, {\n          to: \"/register\",\n          children: \"Register here.\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 86,\n          columnNumber: 71\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n        className: \"m-1 text-center\",\n        children: /*#__PURE__*/_jsxDEV(Link, {\n          to: \"/forget\",\n          children: \"Forget your password?\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 87,\n          columnNumber: 48\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(ErrorText, {\n      error: error\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 89,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"hr\", {\n      className: \"bg-info m-3\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Button, {\n      block: true,\n      disabled: authenticating,\n      onClick: () => signInWithSocialMedia(Providers.google),\n      style: {\n        backgroundColor: '#ea4335',\n        borderColor: '#ea4335'\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"i\", {\n        className: \"fab fa-google mr-2\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 17\n      }, this), \" Sign in with Google\"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 91,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 55,\n    columnNumber: 9\n  }, this);\n};\n\n_s(LoginPage, \"5KvHbv0o/2LNERtloN1EEF34YYc=\", false, function () {\n  return [useHistory];\n});\n\n_c = LoginPage;\nexport default LoginPage;\n\nvar _c;\n\n$RefreshReg$(_c, \"LoginPage\");","map":{"version":3,"sources":["/home/sonia/VisualStudioCode/Proyecto-React-Firebase/client/src/pages/auth/login.tsx"],"names":["React","useState","Link","useHistory","Button","FormGroup","Input","AuthContainer","ErrorText","auth","Providers","logging","SignInWithSocialMedia","LoginPage","props","authenticating","setAuthenticating","email","setEmail","password","setPassword","error","setError","history","signInWithEmailAndPassword","then","result","info","push","catch","message","signInWithSocialMedia","provider","event","target","value","google","backgroundColor","borderColor"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { Button, FormGroup, Input } from 'reactstrap';\nimport AuthContainer from '../../components/AuthContainer';\nimport ErrorText from '../../components/ErrorText';\nimport { auth, Providers } from '../../config/firebase';\nimport logging from '../../config/logging';\nimport IPageProps from '../../interfaces/page';\nimport firebase from 'firebase';\nimport { SignInWithSocialMedia } from './modules';\n\nconst LoginPage: React.FunctionComponent<IPageProps> = props => {\n    const [authenticating, setAuthenticating] = useState<boolean>(false);\n    const [email, setEmail] = useState<string>('');\n    const [password, setPassword] = useState<string>('');\n    const [error, setError] = useState<string>('');\n\n    const history = useHistory();\n\n    const signInWithEmailAndPassword = () => {\n        if (error !== '') setError('');\n\n        setAuthenticating(true);\n\n        auth.signInWithEmailAndPassword(email, password)\n        .then(result => {\n            logging.info(result);\n            history.push('/');\n        })\n        .catch(error => {\n            logging.error(error);\n            setAuthenticating(false);\n            setError(error.message);\n        });\n    }\n\n    const signInWithSocialMedia = (provider: firebase.auth.AuthProvider) => {\n        if (error !== '') setError('');\n\n        setAuthenticating(true);\n\n        SignInWithSocialMedia(provider)\n        .then(result => {\n            logging.info(result);\n            history.push('/');\n        })\n        .catch(error => {\n            logging.error(error);\n            setAuthenticating(false);\n            setError(error.message);\n        });\n    }\n\n    return (\n        <AuthContainer header=\"Login\">\n            <FormGroup>\n                <Input \n                    type=\"email\"\n                    name=\"email\"\n                    id=\"email\"\n                    placeholder=\"Email Address\"\n                    onChange={event => setEmail(event.target.value)}\n                    value={email}\n                />\n            </FormGroup>\n            <FormGroup>\n                <Input \n                    autoComplete=\"new-password\"\n                    type=\"password\"\n                    name=\"password\"\n                    id=\"password\"\n                    placeholder=\"Enter Password\"\n                    onChange={event => setPassword(event.target.value)}\n                    value={password}\n                />\n            </FormGroup>\n            <Button\n                disabled={authenticating}\n                color=\"success\"\n                block\n                onClick={() => signInWithEmailAndPassword()}\n            >\n                Login\n            </Button>\n            <small>\n                <p className='m-1 text-center'>Don't have an account? <Link to=\"/register\">Register here.</Link></p>\n                <p className='m-1 text-center'><Link to=\"/forget\">Forget your password?</Link></p>\n            </small>\n            <ErrorText error={error} />\n            <hr className=\"bg-info m-3\" />\n            <Button\n                block\n                disabled={authenticating}\n                onClick={() => signInWithSocialMedia(Providers.google)}\n                style={{ backgroundColor:'#ea4335', borderColor: '#ea4335'}} \n            >\n                <i className=\"fab fa-google mr-2\"></i> Sign in with Google\n            </Button>\n        </AuthContainer>\n    );\n}\n\nexport default LoginPage;"]},"metadata":{},"sourceType":"module"}