{"version":3,"file":"static/js/153.d8f7f098.chunk.js","mappings":"wMAaA,MAAMA,GAAYC,EAAAA,EAAAA,IAAWC,IAAK,CAChCC,YAAa,CACbC,MAAO,QAERC,WAAY,CACXC,QAAS,cAkCX,EA9BqBC,IACnB,MAAM,UACJC,EAAS,OACTC,KACGC,GACDH,EAEEI,EAAUX,IACVY,GAAQC,EAAAA,EAAAA,KAAKN,EAAO,CAAC,SAAUA,EAAMO,OAE3C,OACAC,EAAAA,EAAAA,MAACC,EAAAA,EAAW,CACXR,WAAWS,EAAAA,EAAAA,GAAKN,EAAQR,YAAaK,GAAa,MAClDI,QAAOA,EAAqBM,SAAA,EAE5BC,EAAAA,EAAAA,KAACC,EAAAA,EAAS,CACTC,QAAQ,cACJX,IAGJE,GACCO,EAAAA,EAAAA,KAACG,EAAAA,EAAc,CAACd,UAAWG,EAAQN,WAAWa,UAC7CC,EAAAA,EAAAA,KAAA,KAAAD,SAAIN,EAAMW,YAER,OAEQ,C,6QChDhB,MAAMC,EAAMC,EAAQ,OAUpB,EARwBD,EAAIE,SAASC,MAAM,CACzCC,SAAUJ,EAAIK,SACXC,SAAS,sBAEZC,SAAUP,EAAIK,SACXC,SAAS,2B,eCcd,MAAM9B,GAAiBC,EAAAA,EAAAA,IAAWC,IAAK,CACrC8B,KAAM,CAAC,EACPC,OAAQ,CACNC,OAAQhC,EAAMiC,SAAS,GACvBC,QAAS,OACTC,SAAU,OACV,QAAS,CACPC,SAAU,EACVJ,OAAQhC,EAAMiC,QAAQ,KAG1BI,aAAc,CACZC,UAAWtC,EAAMiC,QAAQ,GACzB/B,MAAO,YAiGX,EA5FmBG,IACjB,MAAM,SACJkC,GACElC,EACEI,EAAUX,IAEV0C,GAAWC,EAAAA,EAAAA,MACXC,GAAeC,EAAAA,EAAAA,KAAYC,IAASjC,EAAAA,EAAAA,KAAKiC,EAAO,CAAC,OAAQ,kBAAkBC,EAAAA,IAC3EC,GAAkBH,EAAAA,EAAAA,KAAYC,IAASjC,EAAAA,EAAAA,KAAKiC,EAAO,CAAC,OAAQ,qBAAqBC,EAAAA,IAEjFE,GAAkBC,EAAAA,EAAAA,IAAQ,CAC9BC,KAAM,WACNC,eAAgB,WAChBC,cAAe,CACbzB,SAAU,GACVG,SAAU,IAEZuB,iBAAkBC,KAGd,SAAEC,EAAQ,OAAE/C,EAAM,MAAEgD,EAAK,UAAEC,EAAS,UAAEC,EAAS,aAAEC,GAAkBX,EAYzE,OACElC,EAAAA,EAAAA,MAAA,QACE,cAAY,aACZP,WAAWS,EAAAA,EAAAA,GAAKN,EAAQqB,MACxBS,SAAUmB,EAAcnB,GAdPoB,KACnBnB,EAAS,CACPoB,KAAMC,EAAAA,EAAeC,MACrBC,QAAS,CACPrC,SAAUiC,EAAKjC,SACfG,SAAU8B,EAAK9B,WAEjB,IAOiDb,SAAA,EAEjDH,EAAAA,EAAAA,MAAA,OAAKP,UAAWG,EAAQsB,OAAOf,SAAA,EAC7BC,EAAAA,EAAAA,KAAC+C,EAAAA,EAAW,CACVpC,UAAQ,EACR,cAAY,WACZqC,WAAS,EACTC,MAAM,WACNtD,KAAK,WACLO,QAAQ,WACRb,UAAWG,EAAQR,YACnBM,OAAQA,EACR4D,SAAUb,EACVc,WAAY,CACV,aAAc,eAIlBnD,EAAAA,EAAAA,KAAC+C,EAAAA,EAAW,CACVpC,UAAQ,EACR,cAAY,WACZqC,WAAS,EACTC,MAAM,WACNtD,KAAK,WACLgD,KAAK,WACLzC,QAAQ,WACRb,UAAWG,EAAQR,YACnBM,OAAQA,EACR4D,SAAUb,EACVc,WAAY,CACV,aAAc,kBAKpBnD,EAAAA,EAAAA,KAACoD,EAAAA,EAAM,CACL,cAAY,eACZ/D,UAAWG,EAAQ4B,aACnBiC,MAAM,YACNC,KAAK,QACLpD,QAAQ,YACRqD,SAAW9B,GAAgBI,IAAoBU,EAAUiB,QACzDb,KAAK,SAAQ5C,SAGV0B,GAAgBI,GACf7B,EAAAA,EAAAA,KAACyD,EAAAA,EAAgB,CACfH,KAAM,GACND,MAAM,YACD,cAGR,E,0BC5FX,MAAMxE,GAAiBC,EAAAA,EAAAA,IAAWC,IAAK,CACrC8B,KAAM,CACJ6C,OAAQ,OACRzC,QAAS,OACT0C,WAAY,SACZC,eAAgB,SAChBzE,QAASJ,EAAMiC,QAAQ,EAAG,IAE5B6C,SAAU,CACRC,cAAe/E,EAAMiC,QAAQ,IAE/B+C,KAAM,CACJ9E,MAAOF,EAAMiF,YAAYC,OAAOC,GAChCC,SAAU,OACVC,SAAU,UACVnD,QAAS,OACToD,SAAU,WACV,QAAS,CACPlD,SAAU,EACVmD,UAAW,MACXrF,MAAO,QAGXsF,QAAS,CACPpF,QAASJ,EAAMiC,QAAQ,EAAG,EAAG,EAAG,IAElCwD,MAAO,CACLC,qBAAsB,EACtBC,wBAAyB,EACzBvF,QAASJ,EAAMiC,QAAQ,GACvBqC,MAAOtE,EAAM4F,QAAQC,OAAOC,MAC5B5D,QAAS,OACT6D,cAAe,SACflB,eAAgB,WAChB,CAAC7E,EAAMiF,YAAYe,KAAK,OAAQ,CAC9B9D,QAAS,SAGb+D,KAAM,CACJC,gBAAiBC,EAAAA,EAAUC,MAC3B9B,MAAOtE,EAAM4F,QAAQC,OAAOC,MAC5BO,aAAcrG,EAAMyB,MAAM4E,aAC1BjG,QAASJ,EAAMiC,QAAQ,GACvBqD,SAAU,WACVgB,KAAM,GACNC,KAAMvG,EAAMiC,QAAQ,GACpB0C,OAAQ,GACRzE,MAAO,GACPsG,SAAU,IAEZC,UAAW,CACTnE,UAAWtC,EAAMiC,QAAQ,IAE3ByE,QAAS,CACP1E,OAAQhC,EAAMiC,QAAQ,EAAG,IAE3B0E,OAAQ,CACNrE,UAAWtC,EAAMiC,QAAQ,GACzBC,QAAS,QAEX0E,OAAQ,CACNC,YAAa7G,EAAMiC,QAAQ,IAE7B6E,YAAa,CACXxB,SAAU,QACViB,KAAM,IACNQ,OAAQ,IACR7G,MAAO,OACPoE,MAAO,kBACPK,OAAQ,OACRqC,UAAW,SACXR,SAAU,QAEZS,OAAQ,CACNC,WAAYlH,EAAMiC,QAAQ,GAC1BuE,SAAU,OACVlC,MAAO,WAsEX,EAlEwBjE,IACtB,MAAMI,EAAUX,IAKjB,OAHAqH,EAAAA,EAAAA,YAAU,QACN,KAGDtG,EAAAA,EAAAA,MAACuG,EAAAA,EAAI,CACH9G,UAAWG,EAAQqB,KACnBuF,MAAM,QAAOrG,SAAA,EAEbH,EAAAA,EAAAA,MAACyG,EAAAA,EAAI,CAAChH,UAAWG,EAAQuE,KAAKhE,SAAA,EAC5BH,EAAAA,EAAAA,MAAC0G,EAAAA,EAAW,CAACjH,UAAWG,EAAQ+E,QAAQxE,SAAA,EACtCC,EAAAA,EAAAA,KAACuG,EAAAA,EAAQ,CAAClH,UAAWG,EAAQwF,QAE7BhF,EAAAA,EAAAA,KAACwG,EAAAA,EAAU,CACTC,cAAY,EACZvG,QAAQ,KAAIH,SACb,aAIDC,EAAAA,EAAAA,KAACwG,EAAAA,EAAU,CAACE,WAAS,EAACxG,QAAQ,YAAWH,SAAC,iDAI1CC,EAAAA,EAAAA,KAAC2G,EAAS,CACRtH,UAAWG,EAAQgG,UACnBoB,WAAYxH,EAAMwH,cAEpB5G,EAAAA,EAAAA,KAAC6G,EAAAA,EAAO,CAACxH,UAAWG,EAAQiG,WAE5BzF,EAAAA,EAAAA,KAAC8G,EAAAA,EAAI,CACHC,MAAM,SACN1D,MAAM,YACN2D,UAAU,SACV9G,QAAQ,YACR+G,KAAI,GAAAC,OAAKC,EAAAA,GAAYC,KAAKC,gBAAgBC,mBAC1CC,QAAUC,IAAaA,EAAEC,kBAAkBC,EAAAA,EAAAA,IAAS,GAADR,OAAIC,EAAAA,GAAYC,KAAKC,gBAAgBxG,KAAI,KAAAqG,OAAIC,EAAAA,GAAYC,KAAKC,gBAAgBC,mBAAoB,EAAGvH,SACzJ,yBAMHC,EAAAA,EAAAA,KAAC2H,EAAAA,EAAS,CACRtI,UAAWG,EAAQgF,MACnBoD,MAAM,oBACNxB,MAAM,cAMVxG,EAAAA,EAAAA,MAAA,OAAKP,UAAWG,EAAQqG,YAAY9F,SAAA,EACpCH,EAAAA,EAAAA,MAAA,KAAAG,SAAA,CAAG,IAAE8H,EAAAA,GAAa,+BACN,YAAXC,EAAAA,KACG9H,EAAAA,EAAAA,KAAA,KAAGX,UAAWG,EAAQwG,OAAOjG,SAAC,6BAK7B,C","sources":["components/form/text-field/index.tsx","pages/auth/login/login-form-schema.tsx","pages/auth/login/login-form.tsx","pages/auth/login/index.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport {\n\tget as _get\n} from 'lodash';\n\nimport {\n  makeStyles,\n} from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormHelperText from '@material-ui/core/FormHelperText';\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n\t\twidth: '100%'\n\t},\n\thelperText: {\n\t\tpadding: '0 10px',\n\t}\n}));\n\nconst AtTextField = (props: any) => {\n  const {\n    className,\n    errors,\n    ...rest\n  } = props;\n  \n  const classes = useStyles();\n  const error = _get(props, ['errors', props.name]);\n\n  return (\n\t\t<FormControl\n\t\t\tclassName={clsx(classes.formControl, className || null)}\n\t\t\terror={error ? true : false}>\n\n\t\t\t<TextField\n\t\t\t\tvariant=\"outlined\"\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t{\n\t\t\t\terror ? (\n\t\t\t\t\t<FormHelperText className={classes.helperText}>\n\t\t\t\t\t\t<b>{error.message}</b>\n\t\t\t\t\t</FormHelperText>\n\t\t\t\t) : null\n\t\t\t}\n\t\t</FormControl>\n  );\n}\n\nexport default AtTextField;\n","const yup = require('yup');\n\nconst LoginFormSchema = yup.object().shape({\n  username: yup.string()\n    .required('Email is required.'),\n  //  .email('Invalid Email'),\n  password: yup.string()\n    .required('Password is required.'),\n});\n\nexport default LoginFormSchema;\n","import React, { useState, useEffect, useMemo, useCallback, useContext} from 'react';\nimport { useSelector, useDispatch, shallowEqual } from 'react-redux';\nimport { useForm } from 'react-hook-form';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\n\nimport {\n  get as _get\n} from 'lodash';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport { AuthActionType } from '../../../store/auth/auth-action-types';\nimport { IAuthenticationErrors, IAuthenticationErrorsKeys } from '../../../store/auth/auth-redux.model';\n\nimport AtTextField from '../../../components/form/text-field';\n\nimport LoginFormSchema from './login-form-schema';\n\nconst useStyles: any = makeStyles(theme => ({\n  root: {},\n  fields: {\n    margin: theme.spacing(-1),\n    display: 'flex',\n    flexWrap: 'wrap',\n    '& > *': {\n      flexGrow: 1,\n      margin: theme.spacing(1)\n    }\n  },\n  submitButton: {\n    marginTop: theme.spacing(2),\n    width: '100%'\n  }\n}));\n\n\nconst LoginForm = (props: any) => {\n  const {\n    onSubmit // for unit testing\n  } = props;\n  const classes = useStyles();\n\n  const dispatch = useDispatch();\n  const loginRequest = useSelector(state => _get(state, ['auth', 'loginRequest']), shallowEqual);\n  const userInfoRequest = useSelector(state => _get(state, ['user', 'userInfoRequest']), shallowEqual);\n\n  const hookFormMethods = useForm({\n    mode: 'onChange',\n    reValidateMode: 'onChange',\n    defaultValues: {\n      username: '',\n      password: ''\n    },\n    validationSchema: LoginFormSchema,\n  });\n\n  const { register, errors, reset, formState, getValues, handleSubmit  } = hookFormMethods;\n\n  const handleLogin = (data: any) => {\n    dispatch({\n      type: AuthActionType.Login,\n      payload: {\n        username: data.username,\n        password: data.password\n      }\n    });\n  }\n\n  return (\n    <form\n      data-testid=\"login-form\"\n      className={clsx(classes.root)}\n      onSubmit={handleSubmit( onSubmit || handleLogin)}\n    >\n      <div className={classes.fields}>\n        <AtTextField\n          required\n          data-testid=\"username\"\n          fullWidth\n          label=\"Username\"\n          name=\"username\"\n          variant=\"outlined\"\n          className={classes.formControl}\n          errors={errors}\n          inputRef={register}\n          inputProps={{\n            'aria-label': 'username'\n          }}\n        />\n\n        <AtTextField\n          required\n          data-testid=\"password\"\n          fullWidth\n          label=\"Password\"\n          name=\"password\"\n          type=\"password\"\n          variant=\"outlined\"\n          className={classes.formControl}\n          errors={errors}\n          inputRef={register}\n          inputProps={{\n            'aria-label': 'password'\n          }}\n        />\n      </div>\n\n      <Button\n        data-testid=\"login-button\"\n        className={classes.submitButton}\n        color=\"secondary\"\n        size=\"large\"\n        variant=\"contained\"\n        disabled={ loginRequest || userInfoRequest || !formState.isValid }\n        type=\"submit\"\n      >\n        {\n          (loginRequest || userInfoRequest) ?\n            <CircularProgress\n              size={24}\n              color=\"primary\"\n              /> : 'Sign in'\n        }\n      </Button>\n    </form>\n  )\n}\n\nexport default LoginForm;\n","import React, { useState, useEffect, useMemo, useCallback, useContext} from 'react';\nimport { navigate } from 'hookrouter';\nimport clsx from 'clsx';\n\nimport {\n\tget as _get,\n  keys as _keys,\n  orderBy as _orderBy,\n} from 'lodash';\n\nimport {\n  Card,\n  CardContent,\n  CardMedia,\n  Typography,\n  Divider,\n  Link,\n  Avatar,\n  Theme,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport LockIcon from '@material-ui/icons/Lock';\n\nimport Page from '../../../components/page';\nimport gradients from '../../../utils/gradients';\n\nimport LoginForm from './login-form';\n\nimport {\n  Navigations\n} from '../../../settings/nav-config';\nimport { IAuthenticationErrors } from '../../../store/auth/auth-redux.model';\nimport { AuthActionType } from '../../../store/auth/auth-action-types';\nimport { AdminVersion, RUN_MODE } from '../../../settings/app';\n\nconst useStyles: any = makeStyles(theme => ({\n  root: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: theme.spacing(6, 2)\n  },\n  subtitle: {\n    paddingBottom: theme.spacing(2)\n  },\n  card: {\n    width: theme.breakpoints.values.md,\n    maxWidth: '100%',\n    overflow: 'visible',\n    display: 'flex',\n    position: 'relative',\n    '& > *': {\n      flexGrow: 1,\n      flexBasis: '50%',\n      width: '50%'\n    }\n  },\n  content: {\n    padding: theme.spacing(8, 4, 3, 4)\n  },\n  media: {\n    borderTopRightRadius: 4,\n    borderBottomRightRadius: 4,\n    padding: theme.spacing(3),\n    color: theme.palette.common.white,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-end',\n    [theme.breakpoints.down('md')]: {\n      display: 'none'\n    }\n  },\n  icon: {\n    backgroundImage: gradients.green,\n    color: theme.palette.common.white,\n    borderRadius: theme.shape.borderRadius,\n    padding: theme.spacing(1),\n    position: 'absolute',\n    top: -32,\n    left: theme.spacing(3),\n    height: 64,\n    width: 64,\n    fontSize: 32\n  },\n  loginForm: {\n    marginTop: theme.spacing(3)\n  },\n  divider: {\n    margin: theme.spacing(2, 0)\n  },\n  person: {\n    marginTop: theme.spacing(2),\n    display: 'flex'\n  },\n  avatar: {\n    marginRight: theme.spacing(2)\n  },\n  versionText: {\n    position: \"fixed\",\n    left: \"0\",\n    bottom: \"0\",\n    width: \"100%\",\n    color: \"rgba(0,0,0,0.5)\",\n    height: \"50px\",\n    textAlign: \"center\",\n    fontSize: \"10px\"\n  },\n  devenv: {\n    marginLeft: theme.spacing(2),\n    fontSize: '12px',\n    color: 'red',\n  }\n}));\n\nconst LoginContainer = (props: any) => {\n  const classes = useStyles();\n\n\tuseEffect(() => {\n  }, []);\n\n\treturn (\n    <Page\n      className={classes.root}\n      title=\"Login\"\n    >\n      <Card className={classes.card}>\n        <CardContent className={classes.content}>\n          <LockIcon className={classes.icon} />\n\n          <Typography\n            gutterBottom\n            variant=\"h3\"\n          >\n            Sign in\n          </Typography>\n\n          <Typography paragraph variant=\"subtitle2\">\n            Welcome to the ARWell PRO Therapist Portal!\n          </Typography>\n\n          <LoginForm\n            className={classes.loginForm}\n            authErrors={props.authErrors} />\n\n          <Divider className={classes.divider} />\n\n          <Link\n            align=\"center\"\n            color=\"secondary\"\n            underline=\"always\"\n            variant=\"subtitle2\"\n            href={`${Navigations.auth.accountSecurity.resetPasswordLink}`}\n            onClick={(e: any) => { e.preventDefault(); navigate(`${Navigations.auth.accountSecurity.root}/${Navigations.auth.accountSecurity.resetPasswordLink}`);}}\n          >\n            Forgot Password?\n          </Link>\n\n        </CardContent>\n\n        <CardMedia\n          className={classes.media}\n          image=\"./images/auth.png\"\n          title=\"Cover\"\n        >\n        </CardMedia>\n\n        \n      </Card>\n      <div className={classes.versionText}>\n      <p>v{AdminVersion} | Augment Therapy, Inc. </p>\n      {RUN_MODE==='testing' && (\n          <p className={classes.devenv}>\n          *** TESTING ENV ***  \n          </p>\n        )}\n      </div>\n    </Page>\n\t);\n};\n\nexport default LoginContainer;\n"],"names":["useStyles","makeStyles","theme","formControl","width","helperText","padding","props","className","errors","rest","classes","error","_get","name","_jsxs","FormControl","clsx","children","_jsx","TextField","variant","FormHelperText","message","yup","require","object","shape","username","string","required","password","root","fields","margin","spacing","display","flexWrap","flexGrow","submitButton","marginTop","onSubmit","dispatch","useDispatch","loginRequest","useSelector","state","shallowEqual","userInfoRequest","hookFormMethods","useForm","mode","reValidateMode","defaultValues","validationSchema","LoginFormSchema","register","reset","formState","getValues","handleSubmit","data","type","AuthActionType","Login","payload","AtTextField","fullWidth","label","inputRef","inputProps","Button","color","size","disabled","isValid","CircularProgress","height","alignItems","justifyContent","subtitle","paddingBottom","card","breakpoints","values","md","maxWidth","overflow","position","flexBasis","content","media","borderTopRightRadius","borderBottomRightRadius","palette","common","white","flexDirection","down","icon","backgroundImage","gradients","green","borderRadius","top","left","fontSize","loginForm","divider","person","avatar","marginRight","versionText","bottom","textAlign","devenv","marginLeft","useEffect","Page","title","Card","CardContent","LockIcon","Typography","gutterBottom","paragraph","LoginForm","authErrors","Divider","Link","align","underline","href","concat","Navigations","auth","accountSecurity","resetPasswordLink","onClick","e","preventDefault","navigate","CardMedia","image","AdminVersion","RUN_MODE"],"sourceRoot":""}