;\n }\n\n const isSelected = selectedPath === link;\n\n return (\n
{suggestion}
;\n\n getSuggestionValue = (suggestion) => {\n return suggestion;\n };\n\n onEnter = (e) => {\n const { value, onSelect, enableSelectionOnEnter } = this.props;\n if (e.key === 'Enter' && enableSelectionOnEnter && Boolean(value.trim())) {\n onSelect(e, { suggestion: value });\n }\n };\n\n renderInputComponent = (props) => {\n return ;\n };\n\n render() {\n const { suggestions } = this.state;\n const {\n value,\n name,\n placeholder,\n onChange,\n onSelect,\n errorFlag,\n errorMessage,\n InputComponent = this.renderInputComponent,\n } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nAutoSuggest.defaultProps = {\n placeholder: 'Please Select',\n value: '',\n name: '',\n onChange: () => {},\n fetchSuggestions: () => {},\n enableSelectionOnEnter: false,\n};\n","import React, { PureComponent } from 'react';\nimport { Chip } from '@material-ui/core';\nimport './chip.scss';\n\nexport class CommonChip extends PureComponent {\n constructor() {\n super();\n this.state = {\n selected: false,\n };\n }\n\n onDelete = () => {\n const { onDeleteChip, label } = this.props;\n onDeleteChip(label);\n };\n\n onHover = (selected) => () => {\n this.setState({\n selected,\n });\n };\n\n onClick = () => {\n const { onClick, label } = this.props;\n onClick(label);\n };\n\n render() {\n const { selected } = this.state;\n const {\n label,\n onDeleteChip,\n onClick,\n classes,\n showDelete = false,\n } = this.props;\n const deleteChip = onDeleteChip\n ? { onDelete: selected || showDelete ? this.onDelete : false }\n : {};\n const clickable = Boolean(onClick) ? { onClick: this.onClick } : {};\n const isPrimary = !Boolean(clickable) || (!selected && onDeleteChip);\n\n return (\n {errorMessage}
\n\n \n \n \n {label}\n \n \n \n {items.map(({ value, label }) => {\n return (\n \n \n
\n );\n }\n}\n\nCommonRadio.defaultProps = {\n placeholder: 'Please Select',\n value: '',\n name: '',\n onChange: () => {},\n fetchSuggestions: () => {},\n};\n","import React, { PureComponent } from 'react';\nimport { Slider } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport './slider.scss';\n\nconst SenseLoafSlider = withStyles({\n valueLabel: {\n left: 'calc(-50% + -4px)',\n top: -22,\n fontSize: '14px',\n '& *': {\n background: 'transparent',\n color: '#000',\n },\n },\n})(Slider);\n\nclass CommonSlider extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n sliderValue: props.value || 0,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.value !== this.props.value) {\n this.setState({\n sliderValue: this.props.value,\n });\n }\n }\n\n onChange = (e, sliderValue) => {\n this.setState({\n sliderValue,\n });\n };\n\n render() {\n const { max, onChange, valueLabelFormat } = this.props;\n const { sliderValue } = this.state;\n const valueLabel = valueLabelFormat ? valueLabelFormat : (v) => v;\n return (\n {errorMessage}
\n{text}
',\n formatter: (o) => {\n return `${o.value\n .split(' ')\n .join('
')}
`;\n },\n useHTML: true,\n },\n },\n yAxis: {\n tickLength: 1,\n gridLineWidth: 0,\n title: {\n text: '',\n },\n },\n plotOptions: {\n column: {\n pointPadding: 0.2,\n borderWidth: 0,\n borderRadius: 4,\n states: {\n hover: {\n color: '#4b8c6f80',\n },\n },\n },\n },\n tooltip: {\n backgroundColor: '#fff',\n borderRadius: 4,\n borderColor: '#ddd',\n borderWidth: 1,\n shadow: false,\n shape: 'rect',\n distance: 24,\n pointFormat: `{point.y}')}
${tooltipLabel}`,\n headerFormat: '',\n },\n legend: {\n enabled: false,\n },\n series: [\n {\n data,\n },\n ],\n };\n\n return (\n
\n
\n );\n};\n\nexport default BarChart;\n","import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport HighchartsMore from 'highcharts/highcharts-more';\nimport { makeStyles } from '@material-ui/core';\n\nHighchartsMore(Highcharts);\n\nconst useStyles = makeStyles(() => ({\n labelNumber: {\n fontFamily: 'Roboto',\n fontSize: 16,\n fontStyle: 'normal',\n letterSpacing: 0,\n textAlign: 'left',\n color: '#000000',\n },\n labelText: {\n fontFamily: 'Roboto',\n fontSize: 12,\n fontWeight: 'normal',\n fontStyle: 'normal',\n letterSpacing: 0,\n textAlign: 'left',\n color: '#000000',\n },\n}));\n\nconst FunnelChart = ({ data = [], chartLabels = [] }) => {\n const classes = useStyles();\n const labels = chartLabels.map(\n ({ count, value }) =>\n `${count}${value}`\n );\n\n const options = {\n credits: {\n enabled: false,\n },\n chart: {\n type: 'polygon',\n },\n title: {\n text: '',\n },\n colors: ['#4b8c6f', '#6fa38c', '#d7e5df', '#d7e5df'],\n xAxis: {\n tickLength: 0,\n tickAmount: 5,\n lineWidth: 0,\n gridLineWidth: 1,\n min: 0,\n max: 40,\n labels: {\n formatter: (point) => {\n const index = point.value / 10 - 1;\n\n if (index < 0) {\n return '';\n }\n\n return labels[index];\n },\n y: -350,\n x: -140,\n align: 'left',\n enabled: true,\n },\n },\n\n yAxis: {\n max: 60,\n gridLineWidth: 0,\n title: {\n text: '',\n },\n labels: {\n enabled: false,\n },\n },\n legend: {\n enabled: false,\n },\n tooltip: {\n enabled: false,\n },\n plotOptions: {\n polygon: {\n enableMouseTracking: false,\n },\n },\n series: data,\n };\n\n return (\n
\n
\n );\n};\n\nexport default FunnelChart;\n","import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport HighchartsMore from 'highcharts/highcharts-more';\n\nHighchartsMore(Highcharts);\n\nconst RadarChart = ({ data = [], labels = [] }) => {\n const options = {\n credits: {\n enabled: false,\n },\n colors: ['#4b8c6f80'],\n chart: {\n polar: true,\n },\n title: {\n text: '',\n },\n pane: {\n startAngle: 0,\n endAngle: 360,\n },\n xAxis: {\n tickInterval: 45,\n min: 0,\n max: 360,\n labels: {\n formatter: function () {\n return labels[this.value / 45];\n },\n },\n },\n yAxis: {\n min: 0,\n labels: {\n enabled: false,\n },\n },\n plotOptions: {\n series: {\n pointStart: 0,\n pointInterval: 45,\n },\n },\n tooltip: {\n backgroundColor: '#fff',\n borderRadius: 4,\n borderColor: '#ddd',\n borderWidth: 1,\n shadow: false,\n shape: 'rect',\n distance: 24,\n pointFormatter: function () {\n return `${this.y}${labels[this.index]}`;\n },\n headerFormat: '',\n },\n legend: {\n enabled: false,\n },\n series: [\n {\n type: 'area',\n name: 'Area',\n data,\n },\n ],\n };\n\n return (\n
\n
\n );\n};\n\nexport default RadarChart;\n","import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport HighchartsHeatmap from 'highcharts/modules/heatmap';\n\nHighchartsHeatmap(Highcharts);\n\nconst HeatMap = ({ data = [], labelsX = [], labelsY = [] }) => {\n const days = [\n 'Monday',\n 'Tuesday',\n 'Wednesday',\n 'Thursday',\n 'Friday',\n 'Saturday',\n 'Sunday',\n ];\n\n const options = {\n credits: {\n enabled: false,\n },\n colors: ['#fff'],\n chart: {\n type: 'heatmap',\n },\n title: {\n text: '',\n },\n xAxis: {\n categories: labelsX,\n lineWidth: 0,\n },\n\n yAxis: {\n categories: labelsY,\n title: null,\n reversed: true,\n opposite: true,\n gridLineWidth: 0,\n tickInterval: 2,\n showLastLabel: false,\n },\n colorAxis: {\n min: 0,\n minColor: '#d7e5df',\n maxColor: '#4b8c6f',\n },\n tooltip: {\n backgroundColor: '#fff',\n borderRadius: 4,\n borderColor: '#ddd',\n borderWidth: 1,\n shadow: false,\n shape: 'rect',\n distance: 24,\n pointFormatter: function () {\n return `${this.value}${days[this.x]} - ${labelsY[this.y]}`;\n },\n headerFormat: '',\n },\n legend: {\n enabled: false,\n },\n series: [\n {\n name: '',\n borderWidth: 4,\n data,\n dataLabels: {\n enabled: false,\n },\n states: {\n hover: {\n enabled: false,\n },\n },\n },\n ],\n };\n\n return (\n
\n
\n );\n};\n\nexport default HeatMap;\n","import React from 'react';\n\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\n\nexport const ImageViewer = ({ children }) => {\n return (\n \n \n \n \n
\n \n \n \n \n \n {new Date().getFullYear()} Senseloaf Pvt LTD\n \n \n \n About\n \n history.push('/terms-of-service')}\n >\n Terms\n \n history.push('/privacy-policy')}\n >\n Privacy\n \n \n Made with{' '}\n \n \n {' '}\n BLR\n \n \n \n \n \n
\n );\n};\n\nexport default Footer;\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { IMG_LOGO } from 'images';\nimport './topBar.scss';\n\nconst TopBar = () => {\n return (\n \n \n \n \n \n \n \n
\n );\n};\n\nexport default TopBar;\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\n}), 'Favorite');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport Typography from '../Typography';\nimport withStyles from '../styles/withStyles';\nimport FormControlContext, { useFormControl } from '../FormControl/FormControlContext';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n height: '0.01em',\n // Fix IE 11 flexbox alignment. To remove at some point.\n maxHeight: '2em',\n alignItems: 'center',\n whiteSpace: 'nowrap'\n },\n\n /* Styles applied to the root element if `variant=\"filled\"`. */\n filled: {\n '&$positionStart:not($hiddenLabel)': {\n marginTop: 16\n }\n },\n\n /* Styles applied to the root element if `position=\"start\"`. */\n positionStart: {\n marginRight: 8\n },\n\n /* Styles applied to the root element if `position=\"end\"`. */\n positionEnd: {\n marginLeft: 8\n },\n\n /* Styles applied to the root element if `disablePointerEvents=true`. */\n disablePointerEvents: {\n pointerEvents: 'none'\n },\n\n /* Styles applied if the adornment is used inside \n \n \n 
\n \n \n \n Welcome Back!\n \n \n \n \n Login using your registered email.\n \n \n \n {error} \n \n \n \n {showPassword ? \n \n Forgot password\n \n \n Signup\n \n \n \n \n Login\n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default Login;\n","import React, { Component, Fragment } from 'react';\nimport Login from './login';\nimport { login } from 'controllers/authenticationController';\nimport { Loader } from 'common';\nimport { toggleMenu } from 'controllers/user/toggleMenu';\nclass LoginContainer extends Component {\n constructor() {\n super();\n this.state = {\n emailId: '',\n password: '',\n loading: false,\n error: false,\n showPassword: true,\n };\n }\n\n onChangeHandler = (e) => {\n this.setState({\n [e.target.name]: e.target.value,\n });\n };\n\n onLoginHandler = async () => {\n const { emailId, password } = this.state;\n const { history } = this.props;\n\n this.setState({\n loading: true,\n error: false,\n });\n const response = await login(emailId, password);\n\n this.setState({\n loading: false,\n error: response.msg || false,\n });\n\n if (response && !response.error) {\n const pathname = localStorage.getItem('pathname');\n\n if (pathname) {\n localStorage.setItem('pathname', '');\n history.push(pathname);\n } else {\n history.push('/resume-parser');\n toggleMenu();\n }\n } else if (!response) {\n history.push(`/verify-email?emailid=${emailId}`);\n }\n };\n\n onChangePasswordVisibility = () => {\n this.setState((prevState) => ({\n showPassword: !prevState.showPassword,\n }));\n };\n\n onClickForgotPassword = () => {\n const { history } = this.props;\n\n history.push('/reset-password');\n };\n\n onClickSignup = () => {\n const { history } = this.props;\n\n history.push('/signup');\n };\n\n render() {\n const { emailId, password, loading, error, showPassword } = this.state;\n\n return (\n