{"version":3,"sources":["../node_modules/react-feather/dist/icons/eye.js","../node_modules/react-feather/dist/icons/eye-off.js","pages/auth/Login.tsx"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","Eye","forwardRef","_ref","ref","_ref$color","color","_ref$size","size","rest","React","createElement","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","cx","cy","r","propTypes","PropTypes","string","oneOfType","number","displayName","EyeOff","x1","y1","x2","y2","LoginWrapper","children","className","Container","Row","Col","xl","Card","CardBody","moment","format","toString","LoginForm","useState","username","password","isShowPassword","setShowPasssword","dispatch","useDispatch","login","useCallback","grant_type","loginUser","onValidSubmit","event","values","Label","for","InputGroup","InputGroupAddon","addonType","type","name","id","placeholder","value","required","to","onClick","FormGroup","Button","Login","useSelector","state","Auth","loading","error","isUserAuthenticated","md","Loader","src","logo","alt","isEmpty","Alert","isOpen","message"],"mappings":"uVAAA,SAASA,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,IAA2BS,MAAMC,KAAMR,WAEhT,SAASS,EAAyBP,EAAQQ,GAAY,GAAc,MAAVR,EAAgB,MAAO,GAAI,IAAkEC,EAAKJ,EAAnED,EAEzF,SAAuCI,EAAQQ,GAAY,GAAc,MAAVR,EAAgB,MAAO,GAAI,IAA2DC,EAAKJ,EAA5DD,EAAS,GAAQa,EAAaf,OAAOgB,KAAKV,GAAqB,IAAKH,EAAI,EAAGA,EAAIY,EAAWV,OAAQF,IAAOI,EAAMQ,EAAWZ,GAAQW,EAASG,QAAQV,IAAQ,IAAaL,EAAOK,GAAOD,EAAOC,IAAQ,OAAOL,EAFxMgB,CAA8BZ,EAAQQ,GAAuB,GAAId,OAAOmB,sBAAuB,CAAE,IAAIC,EAAmBpB,OAAOmB,sBAAsBb,GAAS,IAAKH,EAAI,EAAGA,EAAIiB,EAAiBf,OAAQF,IAAOI,EAAMa,EAAiBjB,GAAQW,EAASG,QAAQV,IAAQ,GAAkBP,OAAOQ,UAAUa,qBAAqBX,KAAKJ,EAAQC,KAAgBL,EAAOK,GAAOD,EAAOC,IAAU,OAAOL,EAMne,IAAIoB,EAAMC,sBAAW,SAAUC,EAAMC,GACnC,IAAIC,EAAaF,EAAKG,MAClBA,OAAuB,IAAfD,EAAwB,eAAiBA,EACjDE,EAAYJ,EAAKK,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAOjB,EAAyBW,EAAM,CAAC,QAAS,SAEpD,OAAoBO,IAAMC,cAAc,MAAOjC,EAAS,CACtD0B,IAAKA,EACLQ,MAAO,6BACPC,MAAOL,EACPM,OAAQN,EACRO,QAAS,YACTC,KAAM,OACNC,OAAQX,EACRY,YAAa,IACbC,cAAe,QACfC,eAAgB,SACfX,GAAoBC,IAAMC,cAAc,OAAQ,CACjDU,EAAG,iDACYX,IAAMC,cAAc,SAAU,CAC7CW,GAAI,KACJC,GAAI,KACJC,EAAG,UAGPvB,EAAIwB,UAAY,CACdnB,MAAOoB,IAAUC,OACjBnB,KAAMkB,IAAUE,UAAU,CAACF,IAAUC,OAAQD,IAAUG,UAEzD5B,EAAI6B,YAAc,MACH7B,QCvCf,SAASvB,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,IAA2BS,MAAMC,KAAMR,WAEhT,SAASS,EAAyBP,EAAQQ,GAAY,GAAc,MAAVR,EAAgB,MAAO,GAAI,IAAkEC,EAAKJ,EAAnED,EAEzF,SAAuCI,EAAQQ,GAAY,GAAc,MAAVR,EAAgB,MAAO,GAAI,IAA2DC,EAAKJ,EAA5DD,EAAS,GAAQa,EAAaf,OAAOgB,KAAKV,GAAqB,IAAKH,EAAI,EAAGA,EAAIY,EAAWV,OAAQF,IAAOI,EAAMQ,EAAWZ,GAAQW,EAASG,QAAQV,IAAQ,IAAaL,EAAOK,GAAOD,EAAOC,IAAQ,OAAOL,EAFxMgB,CAA8BZ,EAAQQ,GAAuB,GAAId,OAAOmB,sBAAuB,CAAE,IAAIC,EAAmBpB,OAAOmB,sBAAsBb,GAAS,IAAKH,EAAI,EAAGA,EAAIiB,EAAiBf,OAAQF,IAAOI,EAAMa,EAAiBjB,GAAQW,EAASG,QAAQV,IAAQ,GAAkBP,OAAOQ,UAAUa,qBAAqBX,KAAKJ,EAAQC,KAAgBL,EAAOK,GAAOD,EAAOC,IAAU,OAAOL,EAMne,IAAIkD,EAAS7B,sBAAW,SAAUC,EAAMC,GACtC,IAAIC,EAAaF,EAAKG,MAClBA,OAAuB,IAAfD,EAAwB,eAAiBA,EACjDE,EAAYJ,EAAKK,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAOjB,EAAyBW,EAAM,CAAC,QAAS,SAEpD,OAAoBO,IAAMC,cAAc,MAAOjC,EAAS,CACtD0B,IAAKA,EACLQ,MAAO,6BACPC,MAAOL,EACPM,OAAQN,EACRO,QAAS,YACTC,KAAM,OACNC,OAAQX,EACRY,YAAa,IACbC,cAAe,QACfC,eAAgB,SACfX,GAAoBC,IAAMC,cAAc,OAAQ,CACjDU,EAAG,yLACYX,IAAMC,cAAc,OAAQ,CAC3CqB,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,WAGRJ,EAAON,UAAY,CACjBnB,MAAOoB,IAAUC,OACjBnB,KAAMkB,IAAUE,UAAU,CAACF,IAAUC,OAAQD,IAAUG,UAEzDE,EAAOD,YAAc,SACNC,Q,4CCTTK,EAAgD,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,OACpD,yBAAKC,UAAU,sBACb,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAKF,UAAU,0BACb,kBAACG,EAAA,EAAD,CAAKC,GAAI,GACP,kBAACC,EAAA,EAAD,CAAML,UAAU,IACd,kBAACM,EAAA,EAAD,CAAUN,UAAU,OACjBD,MAST,kBAACG,EAAA,EAAD,CAAKF,UAAU,QACb,kBAACG,EAAA,EAAD,CAAKH,UAAU,sBACb,uBAAGA,UAAU,cAAb,oCACoCO,MAASC,OAAO,QAAQC,iBAQhEC,EAAY,WAAO,IAAD,EACHC,mBAAS,IAArBC,EADe,sBAEHD,mBAAS,IAArBE,EAFe,sBAIqBF,oBAAS,GAJ9B,mBAIfG,EAJe,KAICC,EAJD,KAMhBC,EAAWC,cACXC,EAAQC,uBACZ,SAACP,EAAUC,EAAUO,GACnBJ,EAASK,YAAUT,EAAUC,EAAUO,MAEzC,CAACJ,IAWH,OACE,kBAAC,SAAD,CAAQM,cATgB,SAACC,EAAOC,GAChCN,EAAMM,EAAOZ,SAAUY,EAAOX,SAAU,aAQEb,UAAU,uBAClD,kBAAC,UAAD,CAASA,UAAU,IACjB,kBAACyB,EAAA,EAAD,CAAOC,IAAI,YAAX,gCACA,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAiBC,UAAU,WACzB,0BAAM7B,UAAU,oBACd,kBAAC,IAAD,CAAMA,UAAU,gBAGpB,kBAAC,UAAD,CACE8B,KAAK,OACLC,KAAK,WACLC,GAAG,WACHC,YAAY,+BACZC,MAAOtB,EACPuB,UAAQ,KAIZ,kBAAC,aAAD,+BAGF,kBAAC,UAAD,CAASnC,UAAU,QACjB,kBAACyB,EAAA,EAAD,CAAOC,IAAI,YAAX,YACA,kBAAC,IAAD,CACEU,GAAG,2BACHpC,UAAU,kDAFZ,kBAMA,kBAAC2B,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAiBC,UAAU,UAAUQ,QApClB,WACzBtB,GAAiB,SAACD,GAAD,OAAqBA,OAoC9B,0BAAMd,UAAU,oBACbc,EAAiB,kBAAC,EAAD,CAAKd,UAAU,cAAiB,kBAAC,EAAD,CAAQA,UAAU,gBAGxE,kBAAC,UAAD,CACE8B,KAAMhB,EAAiB,OAAS,WAChCiB,KAAK,WACLC,GAAG,WACHC,YAAY,yBACZC,MAAOrB,EACPsB,UAAQ,KAGZ,kBAAC,aAAD,+BAGF,kBAACG,EAAA,EAAD,CAAWtC,UAAU,+BACnB,kBAACuC,EAAA,EAAD,CAAQvE,MAAM,OAAOgC,UAAU,aAA/B,YA0COwC,UAlCkB,WAAO,IAAD,EACVC,aAAY,SAACC,GAAD,OAAsBA,EAAMC,QAA3DC,EAD6B,EAC7BA,QAASC,EADoB,EACpBA,MAGjB,OAFwBC,cAGf,kBAAC,IAAD,CAAUV,GAAG,MAIpB,kBAAC,EAAD,KACE,kBAACjC,EAAA,EAAD,CAAK4C,GAAI,GAAI/C,UAAU,yBACpB4C,GAAW,kBAACI,EAAA,EAAD,MAEZ,yBAAKhD,UAAU,oBACb,yBAAKiD,IAAKC,IAAMC,IAAI,GAAG3E,OAAO,SAEhC,yBAAKwB,UAAU,oBACb,wBAAIA,UAAU,gBAAd,0KACA,wBAAIA,UAAU,gBAAd,qCACA,uBAAGA,UAAU,wBAAb,iCAGAoD,kBAAQP,IACR,kBAACQ,EAAA,EAAD,CAAOrF,MAAM,SAASsF,QAAM,GAC1B,oCAAMT,QAAN,IAAMA,OAAN,EAAMA,EAAOU,UAIjB,kBAAC,EAAD","file":"static/js/32.a58af78a.chunk.js","sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nvar Eye = forwardRef(function (_ref, ref) {\n  var _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'currentColor' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      rest = _objectWithoutProperties(_ref, [\"color\", \"size\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    ref: ref,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: size,\n    height: size,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: color,\n    strokeWidth: \"2\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\"\n  }, rest), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\n  }), /*#__PURE__*/React.createElement(\"circle\", {\n    cx: \"12\",\n    cy: \"12\",\n    r: \"3\"\n  }));\n});\nEye.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\nEye.displayName = 'Eye';\nexport default Eye;","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nvar EyeOff = forwardRef(function (_ref, ref) {\n  var _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'currentColor' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      rest = _objectWithoutProperties(_ref, [\"color\", \"size\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    ref: ref,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: size,\n    height: size,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: color,\n    strokeWidth: \"2\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\"\n  }, rest), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\n  }), /*#__PURE__*/React.createElement(\"line\", {\n    x1: \"1\",\n    y1: \"1\",\n    x2: \"23\",\n    y2: \"23\"\n  }));\n});\nEyeOff.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\nEyeOff.displayName = 'EyeOff';\nexport default EyeOff;","import React, { FunctionComponent, useState, useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Link, Redirect } from 'react-router-dom';\nimport moment from 'moment';\nimport {\n  Container,\n  Row,\n  Col,\n  Card,\n  CardBody,\n  Label,\n  FormGroup,\n  Button,\n  Alert,\n  InputGroup,\n  InputGroupAddon,\n} from 'reactstrap';\nimport { isEmpty } from 'lodash';\nimport { AvForm, AvGroup, AvInput, AvFeedback } from 'availity-reactstrap-validation';\nimport { Mail, Eye, EyeOff } from 'react-feather';\n\nimport { loginUser } from 'redux/actions';\nimport { isUserAuthenticated } from 'helpers/authUtils';\nimport Loader from 'components/Loader';\nimport logo from 'assets/images/tsl-logo-1.png';\nimport { RootState } from 'redux/reducers';\n\ninterface LoginWrapper {\n  children: React.ReactNode;\n}\n\nconst LoginWrapper: FunctionComponent<LoginWrapper> = ({ children }) => (\n  <div className=\"account-pages my-5\">\n    <Container>\n      <Row className=\"justify-content-center\">\n        <Col xl={6}>\n          <Card className=\"\">\n            <CardBody className=\"p-0\">\n              {children}\n              {/* <Col md={6} className=\"d-none d-md-inline-block\">\n                  <div className=\"auth-page-sidebar\"></div>\n                </Col> */}\n            </CardBody>\n          </Card>\n        </Col>\n      </Row>\n\n      <Row className=\"mt-3\">\n        <Col className=\"col-12 text-center\">\n          <p className=\"text-muted\">\n            Yayasan Tarbiyah Sunnah Learning {moment().format('YYYY').toString()}\n          </p>\n        </Col>\n      </Row>\n    </Container>\n  </div>\n);\n\nconst LoginForm = () => {\n  const [username] = useState('');\n  const [password] = useState('');\n\n  const [isShowPassword, setShowPasssword] = useState(false);\n\n  const dispatch = useDispatch();\n  const login = useCallback(\n    (username, password, grant_type) => {\n      dispatch(loginUser(username, password, grant_type));\n    },\n    [dispatch]\n  );\n\n  const handleValidSubmit = (event, values) => {\n    login(values.username, values.password, 'password');\n  };\n\n  const showPasswordToggle = () => {\n    setShowPasssword((isShowPassword) => !isShowPassword);\n  };\n\n  return (\n    <AvForm onValidSubmit={handleValidSubmit} className=\"authentication-form\">\n      <AvGroup className=\"\">\n        <Label for=\"username\">NIM / Nomor Whatsapp / Email</Label>\n        <InputGroup>\n          <InputGroupAddon addonType=\"prepend\">\n            <span className=\"input-group-text\">\n              <Mail className=\"icon-dual\" />\n            </span>\n          </InputGroupAddon>\n          <AvInput\n            type=\"text\"\n            name=\"username\"\n            id=\"username\"\n            placeholder=\"NIM / Nomor Whatsapp / Email\"\n            value={username}\n            required\n          />\n        </InputGroup>\n\n        <AvFeedback>This field is invalid</AvFeedback>\n      </AvGroup>\n\n      <AvGroup className=\"mb-3\">\n        <Label for=\"password\">Password</Label>\n        <Link\n          to=\"/account/forget-password\"\n          className=\"float-right text-muted text-unline-dashed ml-1\"\n        >\n          Lupa Password?\n        </Link>\n        <InputGroup>\n          <InputGroupAddon addonType=\"prepend\" onClick={showPasswordToggle}>\n            <span className=\"input-group-text\">\n              {isShowPassword ? <Eye className=\"icon-dual\" /> : <EyeOff className=\"icon-dual\" />}\n            </span>\n          </InputGroupAddon>\n          <AvInput\n            type={isShowPassword ? 'text' : 'password'}\n            name=\"password\"\n            id=\"password\"\n            placeholder=\"Masukkan Password Anda\"\n            value={password}\n            required\n          />\n        </InputGroup>\n        <AvFeedback>This field is invalid</AvFeedback>\n      </AvGroup>\n\n      <FormGroup className=\"form-group mb-0 text-center\">\n        <Button color=\"info\" className=\"btn-block\">\n          Masuk\n        </Button>\n      </FormGroup>\n    </AvForm>\n  );\n};\n\nconst Login: FunctionComponent = () => {\n  const { loading, error } = useSelector((state: RootState) => state.Auth);\n  const isAuthenticated = isUserAuthenticated();\n\n  if (isAuthenticated) {\n    return <Redirect to=\"/\" />;\n  }\n\n  return (\n    <LoginWrapper>\n      <Col md={12} className=\"p-5 position-relative\">\n        {loading && <Loader />}\n\n        <div className=\"text-center mb-5\">\n          <img src={logo} alt=\"\" height=\"200\" />\n        </div>\n        <div className=\"text-center mb-5\">\n          <h6 className=\"h5 mb-0 mt-4\">السلام عليكم ورحمة الله وبركاته</h6>\n          <h6 className=\"h5 mb-0 mt-4\">Selamat datang Kembali Pembelajar</h6>\n          <p className=\"text-muted mt-1 mb-4\">Mari semangat untuk belajar</p>\n        </div>\n\n        {!isEmpty(error) && (\n          <Alert color=\"danger\" isOpen>\n            <div>{error?.message}</div>\n          </Alert>\n        )}\n\n        <LoginForm />\n      </Col>\n    </LoginWrapper>\n  );\n};\n\nexport default Login;\n"],"sourceRoot":""}