- \n
- looking to place people in work; \n
- looking to identify training opportunities; \n
- wanting to learn more about their existing talent; or \n
- who are looking for the perfect candidate for a position. \n
- \n
- e-mail to: enquiries@skillsminer.ai \n
- \n write to us at our registered address: SkillzMiner Limited, Stirling House, 226 St Vincent Street, Glasgow, G2 5RQ, Scotland\n \n
- \n
- \n Your right of access - to ask us for a copy of your\n personal information.\n \n
- \n Your right to rectification - to ask us to rectify\n information you think is inaccurate. You also have the right to ask\n us to complete information you think is incomplete.\n \n
- \n Your right to erasure - to ask us to erase your\n personal information in certain circumstances.\n \n
- \n Your right to restriction of processing - You have\n the right to ask us to restrict the processing of your information\n in certain circumstances.\n \n
- \n Your right to object to processing - to the\n processing of your personal data in certain circumstances, and an\n absolute right to object to receiving marketing messages from us.\n \n
- \n Your right to data portability - to ask for a copy\n of the personal data that you have provided to us in a structured,\n commonly used and machine-readable format.\n \n
\n \n \n \n \n \n \n \n \n \n \n \n {!forgotPasswordCode && (\n \n \n \n \n \n\n \n {error}}\n />\n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n authenticated: state.auth.authenticated,\n forgotPasswordCode: state.auth.forgotPasswordCode,\n errorMessage: state.auth.error,\n ...state,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n { forgotPasswordAction, confirmForgotPasswordAction },\n dispatch\n ),\n dispatch,\n };\n}\n\nForget = connect(mapStateToProps, mapDispatchToProps)(Forget);\n\nexport default withStyles(styles)(Forget);\n","import Button from \"@material-ui/core/Button\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Link from \"@material-ui/core/Link\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\nimport SnackbarContent from \"@material-ui/core/SnackbarContent\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport CancelIcon from \"@material-ui/icons/Cancel\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Divider from \"@material-ui/core/Divider\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport { bindActionCreators } from \"redux\";\nimport green from \"@material-ui/core/colors/green\";\nimport { Cache } from \"aws-amplify\";\n\nimport {\n confirmLogin as confirmLoginAction,\n login as loginAction,\n setNewPassword as setPasswordAction,\n} from \"../../actions/auth_actions\";\nimport { AUTH_ERROR_CLEAR } from \"../../actions/types\";\nimport * as ROUTES from \"../../constants/routes\";\n\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\nimport { ReactComponent as Mountains } from \"./Icons/mountains.svg\";\nimport config from \"../../config\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n form: {\n width: \"100%\", // Fix IE 11 issue.\n //marginTop: theme.spacing(1)\n },\n formhold: {\n marginLeft: theme.spacing(4),\n marginRight: 27,\n marginTop: theme.spacing(4),\n marginBottom: theme.spacing(1),\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(2),\n },\n },\n grid: {\n minHeight: \"100vh\",\n },\n main: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n minWidth: 720,\n maxWidth: 720,\n [theme.breakpoints.down(740)]: {\n maxWidth: 600,\n minWidth: 600,\n },\n [theme.breakpoints.down(\"xs\")]: {\n minWidth: 100,\n },\n },\n logingrid: {\n minHeight: 450,\n },\n button: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(1),\n marginBottom: 14,\n },\n },\n textField: {\n marginTop: 0,\n marginBottom: 0,\n\n fontSize: 14,\n },\n progress: {},\n progressCont: {\n height: 3,\n [theme.breakpoints.down(\"md\")]: {\n height: 2,\n },\n [theme.breakpoints.up(\"md\")]: {\n height: 3,\n },\n },\n marginLabel: {\n margin: 20,\n marginBottom: 0,\n marginTop: 10,\n },\n snack: {\n marginTop: 10,\n },\n error: {\n backgroundColor: theme.palette.error.dark,\n },\n success: {\n backgroundColor: green[600],\n },\n version: {\n fontSize: 9,\n color: \"#bbb\",\n textAlign: \"right\",\n marginTop: 3,\n marginRight: theme.spacing(2),\n marginBottom: 5,\n },\n buttonProgress: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n marginTop: -12,\n marginLeft: -12,\n },\n wrapper: {\n position: \"relative\",\n },\n logo: {\n width: \"100%\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n mountainsgrid: {\n backgroundColor: \"#FDEFE7\",\n //height: \"100%\"\n borderTopRightRadius: 8,\n borderBottomRightRadius: 8,\n overflow: \"hidden\",\n display: \"flex\",\n },\n mountains: {\n width: \"105%\",\n marginLeft: -1,\n alignSelf: \"flex-end\",\n marginBottom: -15,\n [theme.breakpoints.down(\"xs\")]: {\n width: \"160%\",\n height: \"160%\",\n marginBottom: -20,\n alignSelf: \"flex-start\",\n },\n },\n title: {\n fontSize: 32,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 25,\n },\n\n [theme.breakpoints.down(\"xs\")]: {},\n },\n titlesubheading:{\n textAlign: \"center\",\n color: \"#5A6375\",\n fontSize: 26,\n marginBottom: theme.spacing(2),\n },\n subtitle: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 3,\n marginBottom: theme.spacing(2),\n },\n formtitle: {\n color: \"#202A3E\",\n fontSize: 14,\n marginBottom: 4,\n marginTop: 18,\n },\n forgotpw: {\n color: \"#FF6A14\",\n fontSize: 12,\n textAlign: \"right\",\n marginTop: 16,\n },\n tfroot: {\n fontSize: 14,\n backgroundColor: \"#F5F6F7\",\n },\n tfoutline: {\n border: \"none\",\n },\n signup: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 14,\n textAlign: \"center\",\n },\n poweredBylogo:{\n height: 40, \n width: 165,\n marginBottom: theme.spacing(2),\n },\n orgLogo:{\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n logoContainer:{\n display: \"flex\",\n justifyContent: \"center\"\n },\n privacy: {\n color: \"#5A6375\",\n fontSize: 12,\n textAlign: \"left\",\n marginTop: 16,\n },\n});\n\nclass Login extends Component {\n state = {\n email: \"\",\n password: \"\",\n npassword: \"\",\n presumedOrg: undefined,\n showPassword: false,\n open: false,\n vertical: \"top\",\n horizontal: \"center\",\n error: \"\",\n loading: false,\n version:\n (process.env.REACT_APP_REGION === \"eu-west-2\" ? \"uk.\" : \"ireland.\") +\n process.env.REACT_APP_STAGE +\n \"@\" +\n process.env.REACT_APP_VERSION +\n (process.env.REACT_APP_BUILD\n ? \".\" + parseInt(process.env.REACT_APP_BUILD, 10)\n : \"\"),\n manualURL: \"\",\n };\n\n constructor(props) {\n super(props);\n this.login = this.login.bind(this);\n this.changePass = this.changePass.bind(this);\n }\n handleClose = () => {\n \n this.setState({ open: false });\n this.props.dispatch({ type: AUTH_ERROR_CLEAR });\n };\n handleForceClose = () => {\n this.setState({ open: false, forceClose: true });\n }\n async componentDidMount() {\n //Auth.currentCredentials();\n //global.AWS.config.credentials = await Auth.currentCredentials();\n if (!this.state.presumedOrg){\n const tryCache = Cache.getItem(\"origin\")\n // console.log(tryCache)\n if (tryCache && tryCache.organisation){\n this.setState({ presumedOrg: tryCache.organisation });\n }\n }\n }\n\n componentDidUpdate(prevProps) {\n if (\n this.props.errorMessage !== prevProps.errorMessage &&\n this.props.errorMessage !== \"\" &&\n this.props.errorMessage\n ) {\n //temporary fix bypassing Auth.completeNewPassword device key error\n if (this.props.errorMessage && this.props.errorMessage ===\"Invalid device key given.\"){\n window.location.reload();\n }\n else{\n this.setState({\n open: true,\n error: this.props.errorMessage,\n loading: false,\n });\n } \n }\n if (this.props.changePassword !== prevProps.changePassword) {\n this.setState({\n loading: false,\n });\n }\n if (this.props.needConfirm !== prevProps.needConfirm) {\n this.setState({\n loading: false,\n });\n }\n }\n\n handleChange = (prop) => (event) => {\n this.setState({ [prop]: event.target.value });\n };\n\n handleClickShowPassword = () => {\n this.setState((state) => ({ showPassword: !state.showPassword }));\n };\n\n login(e) {\n e.preventDefault();\n\n let username = this.state.email.trim().toLowerCase();\n let password = this.state.password.trim();\n\n this.setState({\n loading: true,\n error: \"\",\n open: false,\n });\n\n this.props.loginAction({ username, password }, this.props.history);\n }\n\n changePass(e) {\n e.preventDefault();\n\n this.setState({\n loading: true,\n error: \"\",\n open: false,\n });\n\n this.props.setPasswordAction(\n this.props.currentAuthUser,\n this.state.npassword,\n this.props.history\n );\n }\n\n render() {\n let { open, error} = this.state;\n const { horizontal, vertical, loading, version, forceClose} = this.state;\n const { classes, changePassword, success } = this.props;\n let queryDict = {};\n window.location.search.substr(1).split(\"&\").forEach(function(item) {queryDict[item.split(\"=\")[0]] = item.split(\"=\")[1]})\n let duration = 3000;\n\n if (queryDict.message === \"inactivity\" && !error && !loading && !forceClose){\n duration = false;\n open = true;\n error = \"Sorry you have been logged out due to inactivity of 60 minutes, please sign in again.\";\n }\n \n let {password,email,presumedOrg} = this.state;\n\n if (queryDict.email && queryDict.pass && !this.state.queryParamsLoaded){\n password = decodeURIComponent(queryDict.pass);\n email = queryDict.email;\n this.setState({\n password: password,\n email: email,\n queryParamsLoaded: true\n });\n }\n\n if (!presumedOrg && queryDict.org){\n presumedOrg = queryDict.org;\n this.setState({\n presumedOrg: presumedOrg\n });\n } \n\n const isRightLength = this.state.npassword && this.state.npassword.length >= 8 ? true : false;\n const hasSpecial = /[/\\W|_/g]/.test(this.state.npassword);\n const hasNumber = this.state.npassword.match(/\\d/);\n const hasUpperCase = this.state.npassword.match(/[A-Z]/);\n\n return (\n \n {loading &&
\n\n \n \n Forgotten your password?\n \n \n Enter your email address below and we’ll send you details of how to get back into Skillsminer.\n \n {\" \"}\n \n Back\n \n
\n )}\n {forgotPasswordCode && (\n \n \n New Password\n \n \n Please enter the verification code we sent to{\" \"}\n {email}\n \n \n
\n )}\n \n \n \n \n \n {presumedOrg && presumedOrg !== \"skillzminer\" ? (\n 
\n ) : (\n \n \n \n \n \n \n \n \n \n \n \n {!changePassword && (\n \n \n \n Powered By\n \n \n \n \n \n )}\n \n \n \n \n \n\n \n {error}}\n />\n \n \n {success}}\n />\n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n errorMessage: state.auth.error,\n mfaRequired: state.auth.mfa,\n changePassword: state.auth.changePassword,\n currentAuthUser: state.auth.currentAuthUser,\n success: state.auth.success,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n {\n loginAction,\n confirmLoginAction,\n setPasswordAction,\n },\n dispatch\n ),\n dispatch,\n };\n}\n\nLogin = connect(mapStateToProps, mapDispatchToProps)(Login);\n\nexport default withStyles(styles)(Login);\n","import LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Link from \"@material-ui/core/Link\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Divider from \"@material-ui/core/Divider\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport { bindActionCreators } from \"redux\";\nimport green from \"@material-ui/core/colors/green\";\n\nimport { unsubscribe } from \"../../actions/auth_actions\";\nimport * as ROUTES from \"../../constants/routes\";\n\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\nimport { ReactComponent as Mountains } from \"./Icons/mountains.svg\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n form: {\n width: \"100%\", // Fix IE 11 issue.\n //marginTop: theme.spacing(1)\n },\n formhold: {\n marginLeft: theme.spacing(4),\n marginRight: 27,\n marginTop: theme.spacing(4),\n marginBottom: 20,\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(2),\n },\n },\n grid: {\n minHeight: \"100vh\",\n },\n main: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n minWidth: 720,\n maxWidth: 720,\n [theme.breakpoints.down(740)]: {\n maxWidth: 600,\n minWidth: 600,\n },\n [theme.breakpoints.down(\"xs\")]: {\n minWidth: 100,\n },\n },\n logingrid: {\n minHeight: 200,\n },\n button: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(1),\n marginBottom: 14,\n },\n },\n textField: {\n marginTop: 0,\n marginBottom: 0,\n\n fontSize: 14,\n },\n progress: {},\n progressCont: {\n height: 3,\n [theme.breakpoints.down(\"md\")]: {\n height: 2,\n },\n [theme.breakpoints.up(\"md\")]: {\n height: 3,\n },\n },\n marginLabel: {\n margin: 20,\n marginBottom: 0,\n marginTop: 10,\n },\n snack: {\n marginTop: 10,\n },\n error: {\n backgroundColor: theme.palette.error.dark,\n },\n success: {\n backgroundColor: green[600],\n },\n version: {\n fontSize: 9,\n color: \"#bbb\",\n textAlign: \"right\",\n marginTop: 3,\n marginRight: theme.spacing(2),\n marginBottom: 5,\n },\n buttonProgress: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n marginTop: -12,\n marginLeft: -12,\n },\n wrapper: {\n position: \"relative\",\n },\n logo: {\n width: \"100%\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n logoContainer:{\n display: \"flex\",\n justifyContent: \"center\"\n },\n mountainsgrid: {\n backgroundColor: \"#FDEFE7\",\n //height: \"100%\"\n borderTopRightRadius: 8,\n borderBottomRightRadius: 8,\n overflow: \"hidden\",\n display: \"flex\",\n },\n mountains: {\n width: \"105%\",\n marginLeft: -1,\n alignSelf: \"flex-end\",\n marginBottom: -15,\n [theme.breakpoints.down(\"xs\")]: {\n width: \"160%\",\n height: \"160%\",\n marginBottom: -20,\n alignSelf: \"flex-start\",\n },\n },\n title: {\n paddingBottom: 10,\n fontSize: 32,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 25,\n },\n\n [theme.breakpoints.down(\"xs\")]: {},\n },\n titlesubheading:{\n textAlign: \"center\",\n color: \"#5A6375\",\n fontSize: 26,\n marginBottom: theme.spacing(2),\n },\n subtitle: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 3,\n marginBottom: theme.spacing(2),\n },\n formtitle: {\n color: \"#202A3E\",\n fontSize: 14,\n marginBottom: 4,\n marginTop: 18,\n },\n forgotpw: {\n color: \"#FF6A14\",\n fontSize: 12,\n textAlign: \"right\",\n marginTop: 16,\n },\n tfroot: {\n fontSize: 14,\n backgroundColor: \"#F5F6F7\",\n },\n tfoutline: {\n border: \"none\",\n },\n signup: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 14,\n textAlign: \"center\",\n },\n});\n\nclass Unsub extends Component {\n state = {\n urlString: window.location.search,\n completeQuery: \"\",\n awaitingResponse: false,\n version:\n (process.env.REACT_APP_REGION === \"eu-west-2\" ? \"uk.\" : \"ireland.\") +\n process.env.REACT_APP_STAGE +\n \"@\" +\n process.env.REACT_APP_VERSION +\n (process.env.REACT_APP_BUILD\n ? \".\" + parseInt(process.env.REACT_APP_BUILD, 10)\n : \"\")\n };\n\n async componentDidMount() {\n if (!this.state.completeQuery && !this.state.awaitingResponse){\n this.setState({awaitingResponse: true});\n let queryDict = {}\n this.state.urlString.substr(1).split(\"&\").forEach(function(item) {queryDict[item.split(\"=\")[0]] = item.split(\"=\")[1]})\n if (queryDict && queryDict.email){\n await this.props.unsubscribe(queryDict.email) \n this.setState({completeQuery: true}); \n this.setState({awaitingResponse: false}); \n }\n else{\n this.props.history.push(\"/login\");\n }\n \n \n }\n }\n\n render() {\n let { completeQuery, awaitingResponse, version } = this.state;\n const { classes } = this.props;\n\n return (\n \n {loading &&
\n\n \n ) : (\n \n \n Sign in\n \n \n \n Don't have an account?{\" \"}\n \n Sign Up\n \n \n \n \n Visit\n \n {\" \"} our Youtube Channel\n \n \n }\n {this.state.queryParamsLoaded &&\n Your temporary login details have been entered, please push sign in to set your permanent credentials. \n }\n
\n )}\n\n {changePassword && (\n \n {\" \"}\n
\n )}\n {presumedOrg && presumedOrg !== \"skillzminer\" && (\n {version}
\n \n \n \n \n {completeQuery && (\n \n \n \n \n \n \n \n \n \n \n \n \n )}\n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n errorMessage: state.auth.error,\n mfaRequired: state.auth.mfa,\n changePassword: state.auth.changePassword,\n currentAuthUser: state.auth.currentAuthUser,\n success: state.auth.success,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n {\n unsubscribe,\n },\n dispatch\n ),\n dispatch,\n };\n}\n\nUnsub = connect(mapStateToProps, mapDispatchToProps)(Unsub);\n\nexport default withStyles(styles)(Unsub);\n","import LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Link from \"@material-ui/core/Link\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Divider from \"@material-ui/core/Divider\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport { bindActionCreators } from \"redux\";\nimport green from \"@material-ui/core/colors/green\";\n\nimport { updateJobTracking, autoApply } from \"../../actions/auth_actions\";\nimport * as ROUTES from \"../../constants/routes\";\n\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\nimport { ReactComponent as Mountains } from \"./Icons/mountains.svg\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n form: {\n width: \"100%\", // Fix IE 11 issue.\n //marginTop: theme.spacing(1)\n },\n formhold: {\n marginLeft: theme.spacing(4),\n marginRight: 27,\n marginTop: theme.spacing(4),\n marginBottom: 20,\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(2),\n },\n },\n grid: {\n minHeight: \"100vh\",\n },\n main: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n minWidth: 720,\n maxWidth: 720,\n [theme.breakpoints.down(740)]: {\n maxWidth: 600,\n minWidth: 600,\n },\n [theme.breakpoints.down(\"xs\")]: {\n minHeight: \"100vh\",\n minWidth: 100,\n },\n },\n logingrid: {\n minHeight: 200,\n },\n button: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(1),\n marginBottom: 14,\n },\n },\n textField: {\n marginTop: 0,\n marginBottom: 0,\n\n fontSize: 14,\n },\n progress: {},\n progressCont: {\n height: 3,\n [theme.breakpoints.down(\"md\")]: {\n height: 2,\n },\n [theme.breakpoints.up(\"md\")]: {\n height: 3,\n },\n },\n marginLabel: {\n margin: 20,\n marginBottom: 0,\n marginTop: 10,\n },\n snack: {\n marginTop: 10,\n },\n error: {\n backgroundColor: theme.palette.error.dark,\n },\n success: {\n backgroundColor: green[600],\n },\n version: {\n fontSize: 9,\n color: \"#bbb\",\n textAlign: \"right\",\n marginTop: 3,\n marginRight: theme.spacing(2),\n marginBottom: 5,\n },\n buttonProgress: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n marginTop: -12,\n marginLeft: -12,\n },\n wrapper: {\n position: \"relative\",\n },\n logo: {\n width: \"100%\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n logoContainer:{\n display: \"flex\",\n justifyContent: \"center\"\n },\n mountainsgrid: {\n backgroundColor: \"#FDEFE7\",\n //height: \"100%\"\n borderTopRightRadius: 8,\n borderBottomRightRadius: 8,\n overflow: \"hidden\",\n display: \"flex\",\n },\n mountains: {\n width: \"105%\",\n marginLeft: -1,\n alignSelf: \"flex-end\",\n marginBottom: -15,\n [theme.breakpoints.down(\"xs\")]: {\n width: \"160%\",\n height: \"160%\",\n marginBottom: -20,\n alignSelf: \"flex-start\",\n },\n },\n title: {\n paddingBottom: 10,\n fontSize: 32,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 25,\n },\n\n [theme.breakpoints.down(\"xs\")]: {},\n },\n titlesubheading:{\n textAlign: \"center\",\n color: \"#5A6375\",\n fontSize: 26,\n marginBottom: theme.spacing(2),\n },\n subtitle: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 3,\n marginBottom: theme.spacing(2),\n },\n formtitle: {\n color: \"#202A3E\",\n fontSize: 14,\n marginBottom: 4,\n marginTop: 18,\n },\n forgotpw: {\n color: \"#FF6A14\",\n fontSize: 12,\n textAlign: \"right\",\n marginTop: 16,\n },\n tfroot: {\n fontSize: 14,\n backgroundColor: \"#F5F6F7\",\n },\n tfoutline: {\n border: \"none\",\n },\n signup: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 14,\n textAlign: \"center\",\n },\n});\n\nclass ApplicationTracking extends Component {\n state = {\n urlString: window.location.search,\n completeQuery: \"\",\n awaitingResponse: false,\n version:\n (process.env.REACT_APP_REGION === \"eu-west-2\" ? \"uk.\" : \"ireland.\") +\n process.env.REACT_APP_STAGE +\n \"@\" +\n process.env.REACT_APP_VERSION +\n (process.env.REACT_APP_BUILD\n ? \".\" + parseInt(process.env.REACT_APP_BUILD, 10)\n : \"\"),\n reDirectURL: false\n };\n\n async componentDidMount() {\n if (!this.state.completeQuery && !this.state.awaitingResponse){\n this.setState({awaitingResponse: true});\n let queryDict = {}\n this.state.urlString.substr(1).split(\"&\").forEach(function(item) {queryDict[item.split(\"=\")[0]] = item.split(\"=\")[1]})\n if (queryDict && queryDict.userID && queryDict.sort && queryDict.updateAction){\n if (queryDict.updateAction == \"forced\"){\n const reDirectURL = await this.props.autoApply(queryDict.userID,decodeURIComponent(queryDict.sort));\n if (reDirectURL){\n window.open(reDirectURL, '_blank');\n this.setState({reDirectURL: reDirectURL}); \n }\n }\n else{\n await this.props.updateJobTracking(queryDict.userID,decodeURIComponent(queryDict.sort),queryDict.updateAction) \n }\n this.setState({completeQuery: true}); \n this.setState({awaitingResponse: false}); \n }\n else{\n this.props.history.push(\"/login\");\n }\n \n \n }\n }\n\n render() {\n let { completeQuery, awaitingResponse, version, reDirectURL } = this.state;\n const { classes } = this.props;\n\n return (\n \n {(awaitingResponse) &&
\n\n \n \n You have now been unsubscribed\n \n \n You might still receive emails such as invites and responses to job applications.\n \n \n To unsubscribe from those emails as well, or to re-subscribe to these job notification emails please visit the setting page of the app. \n \n \n Click to go {\" \"}\n \n Login In\n \n \n\n
\n {version}
\n \n \n \n \n {completeQuery && (\n \n \n \n \n \n \n \n \n \n \n \n \n )}\n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n errorMessage: state.auth.error,\n mfaRequired: state.auth.mfa,\n changePassword: state.auth.changePassword,\n currentAuthUser: state.auth.currentAuthUser,\n success: state.auth.success,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n {\n updateJobTracking,\n autoApply\n },\n dispatch\n ),\n dispatch,\n };\n}\n\nApplicationTracking = connect(mapStateToProps, mapDispatchToProps)(ApplicationTracking);\n\nexport default withStyles(styles)(ApplicationTracking);\n","import Button from \"@material-ui/core/Button\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Link from \"@material-ui/core/Link\";\nimport Paper from \"@material-ui/core/Paper\";\nimport green from \"@material-ui/core/colors/green\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\nimport SnackbarContent from \"@material-ui/core/SnackbarContent\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport CancelIcon from \"@material-ui/icons/Cancel\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Divider from \"@material-ui/core/Divider\";\nimport React, { Component } from \"react\";\nimport queryString from \"query-string\";\nimport { connect } from \"react-redux\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport { bindActionCreators } from \"redux\";\nimport PhoneInput from \"react-phone-number-input\";\nimport flags from \"react-phone-number-input/flags\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport Content from \"../Privacy/Content\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport { Cache } from \"aws-amplify\";\nimport \"react-phone-number-input/style.css\";\nimport {\n register,\n resendConfirmationCode,\n confirmRegistration,\n} from \"../../actions/auth_actions\";\nimport { AUTH_ERROR_CLEAR } from \"../../actions/types\";\nimport * as ROUTES from \"../../constants/routes\";\n\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\nimport { ReactComponent as Mountains } from \"./Icons/mountains.svg\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport config from \"../../config\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n form: {\n width: \"100%\", // Fix IE 11 issue.\n //marginTop: theme.spacing(1)\n },\n formhold: {\n marginLeft: theme.spacing(4),\n marginRight: 27,\n marginTop: theme.spacing(4),\n marginBottom: theme.spacing(1),\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(2),\n },\n },\n grid: {\n minHeight: \"100vh\",\n },\n main: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n minWidth: 720,\n maxWidth: 720,\n [theme.breakpoints.down(740)]: {\n maxWidth: 600,\n minWidth: 600,\n },\n [theme.breakpoints.down(\"xs\")]: {\n minHeight: \"100vh\",\n minWidth: 100,\n },\n },\n logingrid: {\n minHeight: 450,\n },\n button: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(1),\n marginBottom: 14,\n },\n },\n textField: {\n marginTop: 0,\n marginBottom: 0,\n\n fontSize: 14,\n },\n progress: {},\n progressCont: {\n height: 3,\n [theme.breakpoints.down(\"md\")]: {\n height: 2,\n },\n [theme.breakpoints.up(\"md\")]: {\n height: 3,\n },\n },\n marginLabel: {\n margin: 20,\n marginBottom: 0,\n marginTop: 10,\n },\n snack: {\n marginTop: 10,\n },\n error: {\n backgroundColor: theme.palette.error.dark,\n },\n success: {\n backgroundColor: green[600],\n },\n version: {\n fontSize: 9,\n color: \"#bbb\",\n textAlign: \"right\",\n marginTop: 3,\n marginRight: theme.spacing(2),\n marginBottom: 5,\n },\n buttonProgress: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n marginTop: -12,\n marginLeft: -12,\n },\n wrapper: {\n position: \"relative\",\n },\n logo: {\n width: \"100%\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n mountainsgrid: {\n backgroundColor: \"#FDEFE7\",\n //height: \"100%\"\n borderTopRightRadius: 8,\n borderBottomRightRadius: 8,\n overflow: \"hidden\",\n display: \"flex\",\n },\n mountains: {\n width: \"105%\",\n marginLeft: -1,\n alignSelf: \"flex-end\",\n marginBottom: -15,\n [theme.breakpoints.down(\"xs\")]: {\n width: \"160%\",\n height: \"160%\",\n marginBottom: -80,\n alignSelf: \"flex-start\",\n },\n },\n title: {\n fontSize: 32,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 25,\n },\n\n [theme.breakpoints.down(\"xs\")]: {},\n },\n titlesubheading:{\n textAlign: \"center\",\n color: \"#5A6375\",\n fontSize: 26,\n marginBottom: theme.spacing(2),\n },\n subtitle: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 3,\n marginBottom: theme.spacing(2),\n },\n formtitle: {\n color: \"#202A3E\",\n fontSize: 14,\n marginBottom: 4,\n marginTop: 18,\n },\n privacy: {\n color: \"#5A6375\",\n fontSize: 12,\n textAlign: \"left\",\n marginTop: 16,\n },\n tfroot: {\n fontSize: 14,\n backgroundColor: \"#F5F6F7\",\n },\n tfoutline: {\n border: \"none\",\n },\n signup: {\n color: \"#5A6375\",\n fontSize: 14,\n marginTop: 14,\n textAlign: \"center\",\n },\n poweredBylogo:{\n height: 40, \n width: 165,\n marginBottom: theme.spacing(2),\n },\n orgLogo:{\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n maxWidth:\"80%\",\n marginTop:\"15px\"\n },\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: 160,\n maxWidth:\"100%\",\n }\n },\n logoContainer:{\n display: \"flex\",\n justifyContent: \"center\"\n },\n mobilePadding:{\n marginBottom: theme.spacing(2),\n },\n});\n\nclass Signup extends Component {\n state = {\n email: \"\",\n password: \"\",\n cpassword: \"\",\n showPassword: false,\n open: false,\n vertical: \"top\",\n horizontal: \"center\",\n firstname: \"\",\n lastname: \"\",\n error: \"\",\n loading: false,\n mobile: \"\",\n code: \"\",\n openPrivacy: false,\n org: false\n };\n\n constructor(props) {\n super(props);\n this.register = this.register.bind(this);\n this.confirmCode = this.confirmCode.bind(this);\n this.resend = this.resend.bind(this);\n this.recaptchaRef = React.createRef();\n }\n\n handleClose = () => {\n this.setState({ open: false });\n this.props.dispatch({ type: AUTH_ERROR_CLEAR });\n };\n\n async componentDidMount() {\n //Auth.currentCredentials();\n //global.AWS.config.credentials = await Auth.currentCredentials();\n\n let url = this.props.location.search;\n let params = queryString.parse(url);\n\n if (params.origin) {\n //console.log(params.origin);\n\n try {\n const k = params.origin.split(\":\");\n const org = k[0];\n const provider = k[1];\n const contract = k[2];\n\n if (org && provider && contract) {\n //found all, save it to cache\n Cache.setItem(\"origin\", {\n organisation: org,\n provider: provider,\n contract: contract,\n });\n //window.location = url.split(\"?\")[0];\n window.history.pushState({}, document.title, window.location.pathname);\n this.setState({\n org: org,\n });\n }\n } catch (e) {\n //console.log(\"origin not correct - ignore\");\n }\n }\n }\n\n componentDidUpdate(prevProps) {\n if (\n this.props.errorMessage !== prevProps.errorMessage &&\n this.props.errorMessage !== \"\" &&\n this.props.errorMessage\n ) {\n this.setState({\n open: true,\n error: this.props.errorMessage,\n loading: false,\n });\n }\n if (this.props.needConfirm !== prevProps.needConfirm) {\n this.setState({\n loading: false,\n });\n }\n }\n\n handleChange = (prop) => (event) => {\n var v = event.target.value;\n if (prop === \"firstname\" || prop === \"lastname\") {\n v = v.trimStart();\n //console.log(v);\n }\n this.setState({ [prop]: v });\n };\n handleChangeMobile = (value) => {\n //console.log(value);\n this.setState({\n mobile: value,\n });\n };\n\n handleCloseDialog = () => {\n //console.log(value);\n this.setState({\n openPrivacy: false,\n });\n };\n handleOpenDialog = () => {\n //console.log(value);\n this.setState({\n openPrivacy: true,\n });\n };\n\n handleClickShowPassword = () => {\n this.setState((state) => ({ showPassword: !state.showPassword }));\n };\n\n register(e) {\n e.preventDefault();\n\n let username = this.state.email.trim().toLowerCase();\n let password = this.state.password;\n let passwordconf = this.state.cpassword;\n\n let phone = (this.state.mobile) ? this.state.mobile.trim() : \"\";\n\n let given_name = this.state.firstname.trim();\n let family_name = this.state.lastname.trim();\n let recaptchaValue = this.recaptchaRef.current.getValue();\n\n this.setState({\n loading: true,\n error: \"\",\n open: false,\n });\n\n if (password === passwordconf) {\n if (recaptchaValue) {\n this.props.register(\n {\n username: username,\n password: password,\n email: username,\n phone: phone,\n given_name,\n family_name,\n captcha: recaptchaValue\n },\n this.props.history\n );\n } else {\n this.setState({\n loading: false,\n open: true,\n error: \"Please use the captcha.\",\n });\n }\n } else {\n this.setState({\n loading: false,\n open: true,\n error: \"Passwords should match\",\n });\n }\n }\n\n confirmCode(e) {\n e.preventDefault();\n\n this.props.confirmRegistration(\n { username: this.props.auth.username, code: this.state.code },\n this.props.history\n );\n }\n\n resend(e) {\n this.props.resendConfirmationCode(\n this.props.auth.username,\n this.props.history\n );\n }\n\n render() {\n const {\n horizontal,\n vertical,\n open,\n error,\n loading,\n version,\n openPrivacy,\n org,\n } = this.state;\n\n \n\n const { classes, needConfirm = false, success } = this.props;\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"xs\"));\n \n const isRightLength = this.state.password && this.state.password.length >= 8 ? true : false;\n const hasSpecial = /[/\\W|_/g]/.test(this.state.password);\n const hasNumber = this.state.password.match(/\\d/);\n const hasUpperCase = this.state.password.match(/[A-Z]/);\n\n return (\n \n {(awaitingResponse) &&
\n\n \n \n Thanks for letting us know!\n \n \n I've updated the status of the application. Where applicable we have informed the recruiting manager. \n \n {reDirectURL && (\n <>\n \n If a new window doesn't open automatically, please click on the apply to complete the application process in an external window: {\" \"}\n \n Apply\n \n \n \n )} \n \n To unsubscribe from those emails as well, or to re-subscribe please visit the setting page of the app. \n \n \n Click to go {\" \"}\n \n Login In\n \n \n\n
\n {version}
\n \n \n \n \n \n {org && org !== \"skillzminer\" ? (\n \n ) : (\n \n \n \n \n \n \n \n \n \n \n \n {!needConfirm && (\n \n \n \n Powered By\n \n \n \n \n \n )}\n \n \n \n \n \n\n \n {error}}\n />\n \n\n \n {success}}\n />\n \n\n \n Privacy Policy \n \n \n \n \n \n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n errorMessage: state.auth.error,\n mfaRequired: state.auth.mfa,\n changePassword: state.auth.changePassword,\n currentAuthUser: state.auth.currentAuthUser,\n ...state,\n needConfirm: state.auth.needConfirm,\n success: state.auth.success,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n {\n register,\n resendConfirmationCode,\n confirmRegistration,\n },\n dispatch\n ),\n dispatch,\n };\n}\n\nSignup = connect(mapStateToProps, mapDispatchToProps)(Signup);\n\nexport default withStyles(styles)(Signup);\n","import { useEffect, useRef } from \"react\";\nimport { withRouter } from \"react-router-dom\";\n\nexport const RestoreScroll = withRouter(({ location }) => {\n const prevLocation = useRef();\n\n useEffect(() => {\n if (prevLocation.current !== location.pathname) {\n window.scrollTo(0, 0);\n prevLocation.current = location.pathname;\n }\n }, [location]);\n return null;\n});\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router-dom\";\nimport { Link } from \"react-router-dom\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport { LOGIN } from \"../../constants/routes\";\n//\n\nconst styles = theme => ({\n root: {\n height: \"100vh\"\n },\n image: {\n backgroundImage:\n \"url(https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80)\",\n backgroundRepeat: \"no-repeat\",\n backgroundSize: \"cover\",\n backgroundPosition: \"center\"\n },\n paper: {\n margin: theme.spacing(8, 4),\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\"\n },\n large: {\n width: theme.spacing(10),\n height: theme.spacing(10)\n }\n});\n\nclass Landing extends Component {\n render() {\n const { classes } = this.props;\n return (\n \n {loading &&
\n\n \n ) : (\n \n \n Sign up\n \n \n If you have been sent an invitation to join our platform by a 3rd party, please use the link provided in that email.\n \n {!org && (\n \n If you discovered Skillsminer via a QR code or link and haven't signed up yet, please re-scan the QR code or re-click the link\n \n )}\n \n \n Already have a Skillsminer account?{\" \"}\n \n Sign In\n \n \n \n \n Visit\n \n {\" \"} our Youtube Channel\n \n
\n )}\n\n {needConfirm && (\n \n \n Verify your email\n \n \n Thanks for signing up for Skillsminer. You’re just a couple of steps away from unearthing your potential and discovering a world of jobs you never knew you could do. Please verify your email address by entering the confirmation code we sent to {\" \"}\n {this.props.auth.username}\n \n \n \n Confirmation code\n \n \n Verify\n \n {\" \"}\n \n If you haven't received your confirmation code, please check your spam folder. If it hasn't arrived or has expired, you can request a new code using the button below.\n \n \n Resend Code\n \n
\n )}\n {org && org !== \"skillzminer\" && (\n {version}
\n \n \n \n \n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return state;\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators({}, dispatch),\n dispatch\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(withRouter(Landing)));\n","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.6207 2.06898H8.96553C8.96553 2.06898 7.65795 0 6.89655 0H3.44827C2.68687 0 2.06897 0.617255 2.06897 1.3793V17.2414C2.06897 18.0028 2.68687 18.6207 3.44827 18.6207H18.6207C19.3821 18.6207 20 18.0028 20 17.2414V3.44828C20 2.68688 19.3821 2.06898 18.6207 2.06898Z\",\n fill: \"#B4B8BF\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.06897 4.13788H20V9.65514H2.06897V4.13788Z\",\n fill: \"white\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.3793 5.51727H20.6897C21.4511 5.51727 22.069 6.13453 22.069 6.89657L20.6897 18.6207C20.6897 19.3821 20.0718 20 19.3104 20H2.7586C1.9972 20 1.3793 19.3821 1.3793 18.6207L0 6.89657C0 6.13446 0.617898 5.51727 1.3793 5.51727Z\",\n fill: \"#EDEFF2\"\n});\n\nvar SvgNavJobs = function SvgNavJobs(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 23,\n height: 20,\n viewBox: \"0 0 23 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavJobs, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_jobs.e39a7d16.svg\";\nexport { ForwardRef as ReactComponent };","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.6207 2.06898H8.96556C8.96556 2.06898 7.65798 0 6.89658 0H3.4483C2.6869 0 2.069 0.617255 2.069 1.3793V17.2414C2.069 18.0028 2.6869 18.6207 3.4483 18.6207H18.6207C19.3821 18.6207 20 18.0028 20 17.2414V3.44828C20 2.68688 19.3821 2.06898 18.6207 2.06898Z\",\n fill: \"#FF6A14\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.069 4.13788H20V9.65514H2.069V4.13788Z\",\n fill: \"white\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.3793 5.51727H20.6897C21.4511 5.51727 22.069 6.13453 22.069 6.89657L20.6897 18.6207C20.6897 19.3821 20.0718 20 19.3104 20H2.7586C1.9972 20 1.3793 19.3821 1.3793 18.6207L0 6.89657C0 6.13446 0.617898 5.51727 1.3793 5.51727Z\",\n fill: \"#FF6A14\"\n});\n\nvar SvgNavJobsSelected = function SvgNavJobsSelected(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 23,\n height: 20,\n viewBox: \"0 0 23 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavJobsSelected, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_jobs_selected.efcc6737.svg\";\nexport { ForwardRef as ReactComponent };","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.0238 15.68L4.04003 17.3075C3.86493 17.403 3.70757 17.5204 3.56116 17.6483C5.30078 19.1151 7.54644 20 10 20C12.4355 20 14.6668 19.1283 16.4015 17.6815C16.2415 17.5464 16.068 17.4249 15.8755 17.3291L12.6804 15.7317C12.2676 15.5253 12.0068 15.1034 12.0068 14.6419V13.3883C12.0966 13.286 12.1993 13.1547 12.3091 12.9996C12.7446 12.3845 13.074 11.7079 13.3023 10.9981C13.7121 10.8717 14.014 10.4932 14.014 10.0434V8.70527C14.014 8.41093 13.8831 8.14791 13.6797 7.96376V6.02942C13.6797 6.02942 14.077 3.01923 10.0004 3.01923C5.9238 3.01923 6.32116 6.02942 6.32116 6.02942V7.96376C6.11739 8.14791 5.98682 8.41093 5.98682 8.70527V10.0434C5.98682 10.3958 6.1721 10.706 6.44946 10.8853C6.7838 12.3407 7.65927 13.3883 7.65927 13.3883V14.6109C7.6589 15.0562 7.41512 15.4664 7.0238 15.68Z\",\n fill: \"#EDEFF2\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.1709 0.00148912C4.64904 -0.0928506 0.0958298 4.30715 0.0014901 9.82905C-0.0520949 12.96 1.34338 15.774 3.56527 17.6453C3.71055 17.5185 3.8664 17.4023 4.03961 17.3079L7.02338 15.6804C7.41471 15.4668 7.65848 15.0566 7.65848 14.6106V13.3879C7.65848 13.3879 6.78263 12.3404 6.44867 10.8849C6.17169 10.7057 5.98602 10.3958 5.98602 10.043V8.7049C5.98602 8.41055 6.11697 8.14754 6.32036 7.96338V6.02904C6.32036 6.02904 5.92301 3.01885 9.99961 3.01885C14.0762 3.01885 13.6789 6.02904 13.6789 6.02904V7.96338C13.8826 8.14754 14.0132 8.41055 14.0132 8.7049V10.043C14.0132 10.4928 13.7113 10.8713 13.3015 10.9977C13.0732 11.7075 12.7438 12.3841 12.3083 12.9992C12.1985 13.1543 12.0958 13.2857 12.006 13.3879V14.6415C12.006 15.103 12.2668 15.5253 12.6796 15.7313L15.8747 17.3287C16.0664 17.4245 16.2396 17.5457 16.3992 17.6804C18.554 15.8834 19.946 13.1966 19.9977 10.1709C20.0928 4.64904 15.6932 0.0958288 10.1709 0.00148912Z\",\n fill: \"#B4B8BF\"\n});\n\nvar SvgNavProfile = function SvgNavProfile(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavProfile, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_profile.41f7e4ba.svg\";\nexport { ForwardRef as ReactComponent };","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.0238 15.68L4.04003 17.3075C3.86493 17.403 3.70757 17.5204 3.56116 17.6483C5.30078 19.1151 7.54644 20 10 20C12.4355 20 14.6668 19.1283 16.4015 17.6815C16.2415 17.5464 16.068 17.4249 15.8755 17.3291L12.6804 15.7317C12.2676 15.5253 12.0068 15.1034 12.0068 14.6419V13.3883C12.0966 13.286 12.1993 13.1547 12.3091 12.9996C12.7446 12.3845 13.074 11.7079 13.3023 10.9981C13.7121 10.8717 14.014 10.4932 14.014 10.0434V8.70527C14.014 8.41093 13.8831 8.14791 13.6797 7.96376V6.02942C13.6797 6.02942 14.077 3.01923 10.0004 3.01923C5.9238 3.01923 6.32116 6.02942 6.32116 6.02942V7.96376C6.11739 8.14791 5.98682 8.41093 5.98682 8.70527V10.0434C5.98682 10.3958 6.1721 10.706 6.44946 10.8853C6.7838 12.3407 7.65927 13.3883 7.65927 13.3883V14.6109C7.6589 15.0562 7.41512 15.4664 7.0238 15.68Z\",\n fill: \"#FBE0D0\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.1709 0.00148912C4.64904 -0.0928506 0.0958298 4.30715 0.0014901 9.82905C-0.0520949 12.96 1.34338 15.774 3.56527 17.6453C3.71055 17.5185 3.8664 17.4023 4.03961 17.3079L7.02338 15.6804C7.41471 15.4668 7.65848 15.0566 7.65848 14.6106V13.3879C7.65848 13.3879 6.78263 12.3404 6.44867 10.8849C6.17169 10.7057 5.98602 10.3958 5.98602 10.043V8.7049C5.98602 8.41055 6.11697 8.14754 6.32036 7.96338V6.02904C6.32036 6.02904 5.92301 3.01885 9.99961 3.01885C14.0762 3.01885 13.6789 6.02904 13.6789 6.02904V7.96338C13.8826 8.14754 14.0132 8.41055 14.0132 8.7049V10.043C14.0132 10.4928 13.7113 10.8713 13.3015 10.9977C13.0732 11.7075 12.7438 12.3841 12.3083 12.9992C12.1985 13.1543 12.0958 13.2857 12.006 13.3879V14.6415C12.006 15.103 12.2668 15.5253 12.6796 15.7313L15.8747 17.3287C16.0664 17.4245 16.2396 17.5457 16.3992 17.6804C18.554 15.8834 19.946 13.1966 19.9977 10.1709C20.0928 4.64904 15.6932 0.0958288 10.1709 0.00148912Z\",\n fill: \"#FF6A14\"\n});\n\nvar SvgNavProfileSelected = function SvgNavProfileSelected(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavProfileSelected, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_profile_selected.4712f897.svg\";\nexport { ForwardRef as ReactComponent };","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.68213 9.84482H8.31682V16.8265H10.8557V9.84482H11.4904V7.94073H7.68213V9.84482Z\",\n fill: \"#EDEFF2\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.8374 7.94073H14.0292V9.84482H14.6639V16.8265H17.2027V9.84482H17.8374V7.94073Z\",\n fill: \"#EDEFF2\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.33521 9.84482H1.9699V16.8265H4.50873V9.84482H5.14343V7.94073H1.33521V9.84482Z\",\n fill: \"#EDEFF2\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.1547 17.4612V15.5571H1.01782V17.4612H0.224487V20H18.9481V17.4612H18.1547Z\",\n fill: \"#B4B8BF\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 8.06476L9.5863 0L19.1726 8.06476H0Z\",\n fill: \"#B4B8BF\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5863 7.94073V16.8265H10.8557V9.84482H11.4904V7.94073H9.5863Z\",\n fill: \"#EDEFF2\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5863 0V8.06476H19.1726L9.5863 0Z\",\n fill: \"#B4B8BF\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.1547 17.4612V15.5571H9.5863V20H18.9481V17.4612H18.1547Z\",\n fill: \"#B4B8BF\"\n});\n\nvar SvgNavMissions = function SvgNavMissions(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavMissions, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_missions.4aae0591.svg\";\nexport { ForwardRef as ReactComponent };","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.68213 9.84482H8.31682V16.8265H10.8557V9.84482H11.4904V7.94073H7.68213V9.84482Z\",\n fill: \"#FBE0D0\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.8374 7.94073H14.0292V9.84482H14.6639V16.8265H17.2027V9.84482H17.8374V7.94073Z\",\n fill: \"#FBE0D0\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.33521 9.84482H1.9699V16.8265H4.50873V9.84482H5.14343V7.94073H1.33521V9.84482Z\",\n fill: \"#FBE0D0\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.1547 17.4612V15.5571H1.01782V17.4612H0.224487V20H18.9481V17.4612H18.1547Z\",\n fill: \"#FF6A14\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 8.06476L9.5863 0L19.1726 8.06476H0Z\",\n fill: \"#FF6A14\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5863 7.94073V16.8265H10.8557V9.84482H11.4904V7.94073H9.5863Z\",\n fill: \"#FBE0D0\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5863 0V8.06476H19.1726L9.5863 0Z\",\n fill: \"#FF6A14\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.1547 17.4612V15.5571H9.5863V20H18.9481V17.4612H18.1547Z\",\n fill: \"#FF6A14\"\n});\n\nvar SvgNavMissionsSelected = function SvgNavMissionsSelected(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNavMissionsSelected, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/nav_missions_selected.e8e5c6a2.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Typography, Grid } from \"@material-ui/core\";\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { Cache } from \"aws-amplify\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport {\n getAppliedJobs,\n setJobItemRead,\n setSelectedJob\n} from \"../../actions/job_actions\";\nimport {\n setNotification,\n setNotificationAmount,\n setProjectedSkills,\n setSkillNotfiction\n} from \"../../actions/user_actions\";\nimport _ from 'lodash';\nimport moment from 'moment';\nimport { withRouter } from \"react-router-dom\";\n\nconst useStyles = makeStyles((theme) => ({\n alertModal: {\n width: 320,\n height: 300,\n backgroundColor: \"#ffffff\",\n position: \"fixed\",\n zIndex: 1000,\n right: 10,\n top: 75,\n boxShadow: \"3px 3px 7px 0px\",\n overflowY: \"auto\"\n },\n padding25: {\n padding: 25,\n paddingBottom: 0,\n margin: 0\n },\n hrColor: {\n backgroundColor: \"#EDEFF2\",\n height: 1,\n width: \"100%\",\n marginTop: 5\n },\n fontSizeSmall: {\n fontSize: 10\n },\n fontSizeMedium: {\n fontSize: 16\n },\n smallFontGrey: {\n color: \"#959596\",\n textAlign: \"right\",\n fontSize: 10\n },\n description: {\n marginTop: 10\n },\n containerRow: {\n padding: 25,\n paddingBottom: 0,\n margin: 0,\n cursor: \"pointer\"\n }\n}));\n\nfunction NotificationsCenter(props){\n \n let classes = useStyles();\n let jobList = [];\n let [fetchJobs, setFetchJobs] = React.useState(false);\n let [amount, setAmount] = React.useState(0);\n let display = props.display;\n let setDisplay = props.setDisplay;\n const { user:{ skillValidationRequests={}, projectedSkills={}}, jobs: {appliedJobs=[], favourited=[]}} = props;\n const {completed=[], requests=[]} = skillValidationRequests;\n const {read=[], unread=[]}= projectedSkills;\n\n if (!fetchJobs){\n setFetchJobs(true);\n props.getAppliedJobs();\n }\n\n if((appliedJobs && appliedJobs.length > 0) || (favourited && favourited.length > 0)){\n jobList = appliedJobs.concat(favourited.filter(item => item.isInvited))\n jobList = JSON.stringify(jobList);\n jobList = JSON.parse(jobList);\n // console.log(\"jobList\")\n // console.log(jobList)\n jobList = _.filter(jobList, (item) => {\n if (!item.qual_name){\n if (item.isInvited && !item.read){\n item.notificationDate = moment(item.savedTimestamp).fromNow();\n item.notificationTitle = \"Job Application Invite\";\n item.color = \"#93D69E\";\n item.notificationClick = () => {\n Cache.setItem(\"sm_current_tab\", 4);\n props.history.push(\"/app/jobs\");\n // console.log(\"apply click 0\")\n setTimeout(() => {\n props.setNotification(\"saved\");\n }, 100);\n props.setSelectedJob(item.jobId, item.jobTitle, item.occupation, item.tier_one_category);\n // props.history.push(\"/app/jobs/details\");\n };\n item.icon = \n
\n {\n setDisplay(false);\n }} style={{top: 0, zIndex: 100000, position: \"fixed\", width: \"100%\", height: \"100%\", display: (display) ? \"block\": \"none\" }}>\n
\n}\n\nfunction mapStateToProps(state) {\n return state;\n }\n \n function mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators({ getAppliedJobs, setNotification, setNotificationAmount, setJobItemRead, setSelectedJob, setProjectedSkills, setSkillNotfiction}, dispatch),\n dispatch,\n };\n }\n \n export default connect(\n mapStateToProps,\n mapDispatchToProps\n )(withRouter(NotificationsCenter));\n ","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Divider from \"@material-ui/core/Divider\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Menu from \"@material-ui/core/Menu\";\nimport MoreVert from \"@material-ui/icons/MoreVert\";\nimport ExpandIcon from \"@material-ui/icons/ExpandMore\";\nimport Button from \"@material-ui/core/Button\";\nimport PropTypes from \"prop-types\";\nimport useScrollTrigger from \"@material-ui/core/useScrollTrigger\";\nimport { Link } from \"react-router-dom\";\nimport * as ROUTES from \"../../constants/routes\";\nimport { logout } from \"../../actions/auth_actions\";\nimport { withRouter } from \"react-router-dom\";\nimport { Hidden, Typography, Badge } from \"@material-ui/core\";\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\nimport { ReactComponent as SmallCoin } from \"../Common/Icons/smallCoin.svg\";\n\nimport { ReactComponent as JobsIcon } from \"../Common/Icons/nav_jobs.svg\";\nimport { ReactComponent as JobsSelectedIcon } from \"../Common/Icons/nav_jobs_selected.svg\";\n\nimport { ReactComponent as ProfileIcon } from \"../Common/Icons/nav_profile.svg\";\nimport { ReactComponent as ProfileSelectedIcon } from \"../Common/Icons/nav_profile_selected.svg\";\n\nimport { ReactComponent as MissionsIcon } from \"../Common/Icons/nav_missions.svg\";\nimport { ReactComponent as MissionsSelectedIcon } from \"../Common/Icons/nav_missions_selected.svg\";\nimport DescriptionTwoToneIcon from '@material-ui/icons/DescriptionTwoTone';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport NotificationsCenter from \"./NotificationsCenter\";\nimport {\n setNotificationAmount\n} from \"../../actions/user_actions\";\nimport {\n autoCompleteOccupation,\n triggerCustomerPortal\n} from \"../../actions/applicationAssistant_action\";\n\nimport {\n manualOccSearch,\n addOccupationFilter,\n} from \"../../actions/job_actions\";\n\n\nimport { EntitiesSearch } from \"./EntitiesSearch\";\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n logo: {\n maxWidth: 130,\n maxHeight: 30,\n marginTop: 2,\n marginRight: 20,\n flexGrow: 1,\n [theme.breakpoints.down(\"sm\")]: {\n maxHeight: 30,\n maxWidth: 86,\n marginRight: 10,\n },\n [theme.breakpoints.down(\"xs\")]: {\n maxHeight: 28,\n maxWidth: 58,\n marginRight: 2,\n },\n },\n logocont: {\n flexGrow: 1,\n },\n menuitem: {\n minWidth: 150,\n },\n appbar: {\n maxHeight:64,\n minHeight:64,\n backgroundColor: \"white\",\n //boxShadow : \"0px 0px 0px 1px #DDE0E5\"\n //color: theme.palette.getContrastText(backgroundColorDefault)\n },\n button: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n marginRight: 5,\n [theme.breakpoints.down(\"xs\")]: {\n marginRight: 10,\n },\n [theme.breakpoints.down(\"sm\")]: {\n paddingLeft: theme.spacing(1),\n paddingRight: theme.spacing(1),\n marginRight: 3,\n },\n },\n buttonlabel: {\n fontWeight: \"normal\",\n },\n toolbar: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n\n [theme.breakpoints.down(\"sm\")]: {\n paddingLeft: 5,\n paddingRight: 5,\n },\n [theme.breakpoints.up(1250 + theme.spacing(3))]: {\n width: 1250,\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n },\n small: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n overflow: \"hidden\",\n },\n avatarbutton: {\n marginRight: 5,\n },\n name: {\n display: \"inline\",\n fontSize: 14,\n color: \"#5A6375\",\n fontWeight: \"normal\",\n cursor: \"pointer\",\n },\n expand: {\n width: 20,\n height: 30,\n color: \"#B4B8BF\",\n marginLeft: 3,\n marginBottom: -10,\n },\n colorGrey: {\n color: \"#b4b8bf\"\n },\n profileMenu:{\n display: \"flex\",\n alignItems: \"center\",\n width:\"auto\",\n [theme.breakpoints.down(\"sm\")]: {\n width:30\n },\n }\n});\n\nfunction ElevationScroll(props) {\n const { children, window } = props;\n // Note that you normally won't need to set the window ref as useScrollTrigger\n // will default to window.\n // This is only being set here because the demo is in an iframe.\n const trigger = useScrollTrigger({\n disableHysteresis: true,\n threshold: 0,\n target: window ? window() : undefined,\n });\n\n return React.cloneElement(children, {\n elevation: trigger ? 2 : 10,\n });\n}\n\nElevationScroll.propTypes = {\n children: PropTypes.element.isRequired,\n /**\n * Injected by the documentation to work in an iframe.\n * You won't need it on your project.\n */\n window: PropTypes.func,\n};\n\nclass Navigation extends Component {\n state = {\n open: false,\n anchorEl: null,\n };\n\n handleMenu = (event) => {\n this.setState({\n anchorEl: event.currentTarget,\n open: true,\n });\n };\n handleClose = () => {\n this.setState({\n anchorEl: null,\n open: false,\n });\n };\n\n getVariant(route) {\n if (this.props.location.pathname.indexOf(route) === 0) {\n return \"primary\";\n } else {\n return \"default\";\n }\n }\n\n componentDidMount() {}\n\n render() {\n const {\n classes,\n user: {\n fullName = \"\",\n firstName = \"\",\n //lastName = \"\",\n //email = \"\",\n showChat = true,\n profileImageURL = \"\",\n customNavLogo = false,\n contractDetails = {},\n notificationAmount = 0,\n orgDetails = {},\n desiredExp = [],\n preferredOccupations = [],\n previousOccupations = [],\n internalMobilityProvider,\n internalMobilityRoles\n },\n jobs: {\n fetchingJobs = false\n },\n rewards : {\n coins = 0\n },\n triggerCustomerPortal\n } = this.props;\n\n let user = this.props.user;\n let viewPermissions = {};\n if (user.providerDetails && user.providerDetails.viewPermissions) {\n viewPermissions = user.providerDetails.viewPermissions;\n }\n\n let occList = []\n\n for (const idx in desiredExp) {\n if(idx){\n occList.push(preferredOccupations[idx])\n }\n }\n occList.push(...previousOccupations)\n \n\n const careerpathwayTitle = () => {\n if (user && user.providerDetails.viewPermissions){\n if ((!user.providerDetails.viewPermissions.jobsCheckbox || !viewPermissions.promotedJobsCheckbox) && !user.providerDetails.viewPermissions.trainingCheckbox){\n return \"Career Pathway\";\n } else if ((user.providerDetails.viewPermissions.jobsCheckbox || viewPermissions.promotedJobsCheckbox) && !user.providerDetails.viewPermissions.trainingCheckbox){\n return \"Training\";\n } else {\n return \"Jobs\";\n }\n } else {\n return \"Career Pathway\";\n }\n }\n\n const { anchorEl } = this.state;\n const open = Boolean(anchorEl);\n let [hideNotification, setHideNotifcation] = React.useState(false);\n let [searchBar, setSearchBar] = React.useState(false);\n const { hideMissions = false, jobsType = 0 } = contractDetails;\n let orgName = (orgDetails.name) ? orgDetails.name : false;\n let orgInfo = (orgDetails.infoText) ? orgDetails.infoText : false;\n\n let hideMissonCheck;\n if (!viewPermissions.missionCheckbox && !viewPermissions.interventionCheckbox){\n hideMissonCheck = true\n } else if (!viewPermissions.missionCheckbox || !viewPermissions.interventionCheckbox){\n hideMissonCheck = true\n } else {\n hideMissonCheck = false;\n }\n\n let hideAACheck;\n if (!viewPermissions.cvBuilderCheckbox){\n hideAACheck = true\n }\n\n const bigMenu = () => {\n return (\n <>\n \n \n Notifications\n \n \n {jobList.map((object, i) => {\n return {\n e.stopPropagation();\n object.notificationClick();\n if(object.isValidation){\n props.setSkillNotfiction(object.skill)\n }\n else if(object.isProjection){\n props.setProjectedSkills(object.skill)\n }\n else{\n props.setJobItemRead(object)\n }\n setDisplay(false);\n }} key={`${i}-notifcation`} container className={`${classes.containerRow}`}>\n \n {object.icon}\n \n \n {object.notificationTitle} \n \n \n {object.notificationDate} \n \n \n {object.notificationDesc} \n \n \n \n })}\n
\n \n \n \n {!customNavLogo && \n \n \n \n \n {searchBar ? smallMenu() : bigMenu()}\n \n \n {bigMenu()}\n \n\n \n \n \n {return await this.props.autoCompleteOccupation(value)}}\n onSelect={this.props.manualOccSearch}\n addOccupationFilter={this.props.addOccupationFilter}\n occList={occList}\n interalRolesOnly={internalMobilityProvider ? true : false}\n internalMobilityRoles={internalMobilityRoles}\n \n />\n \n \n {searchBar && (\n {return await this.props.autoCompleteOccupation(value)}}\n onSelect={this.props.manualOccSearch}\n addOccupationFilter={this.props.addOccupationFilter}\n occList={occList}\n interalRolesOnly={internalMobilityProvider ? true : false}\n internalMobilityRoles={internalMobilityRoles}\n />\n )}\n \n \n setSearchBar(!searchBar)}>\n {searchBar ? ( \n \n \n \n \n\n\n\n \n \n \n {smallMenu()}\n \n \n {!searchBar && smallMenu()}\n \n \n \n {searchBar && (\n {return await this.props.autoCompleteOccupation(value)}}\n onSelect={this.props.manualOccSearch}\n addOccupationFilter={this.props.addOccupationFilter}\n occList={occList}\n interalRolesOnly={internalMobilityProvider ? true : false}\n internalMobilityRoles={internalMobilityRoles}\n />\n )}\n setSearchBar(!searchBar)}>\n {searchBar ? ( \n \n \n \n {smallSettings()}\n \n \n {!searchBar && smallSettings()}\n \n \n \n \n \n \n
\n \n \n \n \n\n {fullName !== \"\" && (\n <>\n \n \n {\n let h = (hideNotification) ? false : true;\n setHideNotifcation(h);\n }}\n style={{color: (!hideNotification) ? \"#b4b8bf\" : \"#E16A23\"}}\n color={this.getVariant(ROUTES.PROFILE)}\n > \n \n \n {firstName.charAt(0)}\n \n \n {\" \"}\n \n \n {fullName}\n \n \n \n )}\n\n \n {/* \n Chat\n \n {\n const portal = await triggerCustomerPortal()\n if(portal && portal.url){\n window.location.replace(portal.url)\n }\n }}\n className={classes.menuitem}\n >\n Manage Billing\n \n \n Settings\n \n \n {orgName}\n \n }\n {(orgName && orgInfo) && \n \n \n Privacy Policy\n \n \n \n FAQs\n \n {\n this.handleClose();\n this.props.logout(null, this.props.history);\n }}\n className={classes.menuitem}\n >\n Logout\n \n \n
\n \n \n \n \n {organisation !== \"skillzminer\" ? (\n \n \n \n \n \n \n \n \n \n \n \n {organisation !== \"skillzminer\" && (\n \n \n \n Powered By\n \n \n \n \n \n )}\n \n \n
\n \n\n )\n }\n else if (showDemographics && (!internalMobilityProvider && !viewPermissions.additionalPersonalInfoCheckbox) || (internalMobilityProvider && ((internalMobilityQuestions && internalMobilityQuestions.length > 0) || internalMobilityDepartments || internalMobilityRoles || internalMobilityLineManagers))){\n function updateIMQs(index, newValue, muiltiple){\n // console.log(index)\n setUpdatedInternalMobilityQuestions((prevState) =>\n prevState.map((_value, _index) => {\n if(index === _index){\n if(muiltiple){\n if(!_value.answer){\n _value.answer = []\n }\n if(_value.answer.includes(newValue)){\n _value.answer = _value.answer.filter((arrvalues) => arrvalues !== newValue)\n }\n else{\n _value.answer = [..._value.answer, newValue]\n }\n }\n else{\n _value.answer = newValue\n }\n }\n return _value\n })\n )\n }\n\n // console.log(updatedInternalMobilityQuestions)\n const submitDisabled = updatedInternalMobilityQuestions ? updatedInternalMobilityQuestions.find((item) => !item.answer || item.answer === \"\" || item.answer.length === 0) || [\"\", false].includes(selectedRole) || [\"\", false].includes(selectedDepartment) || [\"\", false].includes(selectedLineManager) : false\n\n return (\n \n \n Thank you for submitting your details\n \n \n You will receive an email when your role has been assigned\n \n
\n \n \n \n \n {organisation !== \"skillzminer\" ? (\n \n \n \n \n \n \n \n \n \n \n \n {organisation !== \"skillzminer\" && (\n \n \n \n Powered By\n \n \n \n \n \n )}\n \n \n
\n \n );\n }\n return (<>)\n }\n}\n\nfunction mapStateToProps(state) {\n return state;\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators({ submitDemographics,getinternalMobilityDemographics, submitDemographicsInternalMobility, reOpenDemographics }, dispatch),\n dispatch,\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(withRouter(Demographics)));\n","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 97.1033,\n cy: 101.615,\n rx: 64.8967,\n ry: 64.0428,\n fill: \"#FDEFE7\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.5615 106.545L36.2433 119.705L30.7317 128.77L16.2812 113.029L22.5615 106.545Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.562 106.545L22.5003 89.841C22.4981 89.43 22.3557 89.032 22.0965 88.7129C21.8373 88.3938 21.477 88.1728 21.0751 88.0865C20.6257 87.9909 20.1569 88.0704 19.7642 88.3087C19.3714 88.547 19.0844 88.9262 18.9618 89.3689L17.7056 93.9254L6.95528 82.2758C6.74516 82.0482 6.48374 81.8741 6.19275 81.7679C5.90176 81.6618 5.58963 81.6267 5.28233 81.6655C4.97503 81.7043 4.68145 81.816 4.42602 81.9912C4.17059 82.1664 3.96071 82.4001 3.81383 82.6728L0.233739 89.3273C0.0880795 89.5954 0.00817354 89.8942 0.000594554 90.1993C-0.00698443 90.5043 0.0579889 90.8068 0.190154 91.0818C2.04793 94.9435 9.71377 110.191 16.2811 113.029L22.562 106.545Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.3556 93.9409C12.9896 94.9913 11.8792 96.3375 11.1079 97.8784C10.3366 99.4194 9.92443 101.115 9.90234 102.838\",\n stroke: \"#D39D7E\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.1539 79.0089C84.1539 79.0089 87.7756 87.2133 70.4305 128.814C70.4305 128.814 60.9183 146.13 56.7963 146.664C50.0426 147.535 31.1254 137.408 16.7568 116.669L27.6366 108.597L48.9272 120.884L61.4126 88.662C61.4126 88.662 68.7236 67.1694 84.1539 79.0089Z\",\n fill: \"white\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M48.9302 120.884C48.9302 120.884 53.1333 122.91 53.6061 130.507\",\n stroke: \"#396CAA\",\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.86 65.0334L130.284 77.6335C131.268 78.0699 132.085 78.8117 132.615 79.7489C133.144 80.6861 133.358 81.769 133.224 82.8373L126.1 156.947C126.1 156.947 97.472 165.429 71.7937 160.178L66.5168 83.9023C66.3887 82.8014 66.5148 81.6858 66.8854 80.6412C67.2559 79.5967 67.8611 78.651 68.6543 77.8769L86.8571 65.1119L101.86 65.0334Z\",\n fill: \"white\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.794 84.8513C71.794 84.8513 68.3326 100.025 70.4305 128.814\",\n stroke: \"#396CAA\",\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M100.561 137.415L119.541 136.989L122.085 147.285L100.736 146.439L100.561 137.415Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M100.561 137.414L88.6688 125.684C88.3761 125.395 87.9934 125.215 87.5843 125.174C87.1751 125.133 86.7643 125.233 86.42 125.458C86.0356 125.709 85.7617 126.098 85.654 126.544C85.5464 126.991 85.6131 127.462 85.8405 127.861L88.1879 131.963L77.8594 133.241C77.5499 133.229 77.2421 133.292 76.9616 133.424C76.6812 133.555 76.4362 133.752 76.2471 133.997C76.058 134.243 75.9303 134.53 75.8745 134.834C75.8188 135.139 75.8366 135.453 75.9266 135.749L78.1237 142.979C78.2108 143.271 78.3662 143.539 78.5771 143.759C78.7879 143.98 79.0481 144.147 79.3363 144.247C83.3865 145.656 94.0912 149.098 100.731 146.44L100.561 137.414Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M131.377 78.3022C131.377 78.3022 139.54 81.8682 154.265 122.749C154.265 122.749 159.826 138.479 157.103 141.493C152.644 146.432 130.639 154 106.113 148.312L105.817 134.907L132.937 130.792L120.821 99.7344C120.821 99.7344 111.98 79.6698 131.377 78.3022Z\",\n fill: \"white\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.253 133.47C140.149 128.143 132.937 130.792 132.937 130.792L120.82 99.7358C120.82 99.7358 112.789 84.8789 125.193 79.6892\",\n stroke: \"#396CAA\",\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M125.193 151.036C125.193 151.036 109.893 151.965 105.817 151.036V134.909L132.937 130.793\",\n stroke: \"#396CAA\",\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n});\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.5862 37.3144C83.6752 39.0099 83.0908 40.6719 81.9603 41.9387C80.8299 43.2054 79.2448 43.9744 77.5501 44.0782C76.7115 44.1012 75.8766 43.9582 75.0934 43.6574C74.3103 43.3567 73.5942 42.9041 72.9866 42.3257C72.3789 41.7473 71.8915 41.0546 71.5525 40.2872C71.2134 39.5198 71.0294 38.693 71.011 37.8543C70.921 36.1586 71.505 34.496 72.6357 33.2291C73.7664 31.9622 75.3521 31.1937 77.0471 31.0911C77.8857 31.0681 78.7205 31.2111 79.5036 31.5118C80.2868 31.8125 81.0028 32.265 81.6104 32.8433C82.2181 33.4216 82.7055 34.1144 83.0445 34.8817C83.3836 35.6489 83.5677 36.4757 83.5862 37.3144Z\",\n fill: \"#D39D7E\"\n});\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.5231 52.7212L86.0885 64.5097C85.9255 69.9597 89.0911 72.9603 94.2889 73.0515C98.7268 73.1286 105.069 70.0925 105.008 65.2837V45.5865L86.5231 52.7212Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.1992 63.0409C86.1992 63.0409 101.558 62.67 105.878 48.5456C107.24 44.0963 86.5366 51.1297 86.5366 51.1297L86.1992 63.0409Z\",\n fill: \"#D39D7E\"\n});\n\nvar _ref18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M91.055 57.373C82.192 57.1429 75.0828 49.7272 75.0332 42.2465L75.0131 26.5982C74.9514 17.2228 82.1042 9.47317 91.1764 9.08417C100.466 8.68512 109.921 16.0659 110.291 25.6553L110.157 37.8509C110.049 48.8292 101.679 56.9163 91.055 57.373Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.5609 37.6992L83.9097 40.9185L86.0988 41.0647\",\n stroke: \"#202A3E\",\n strokeWidth: 0.8,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nvar _ref20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M94.0267 28.6498C94.0267 28.6498 90.405 28.2367 90.3252 29.7632C90.3252 29.7632 90.2977 30.7953 93.4586 31.0911C96.6195 31.3869 97.4518 31.1723 97.767 30.2098C98.0823 29.2474 95.7295 28.7075 94.0267 28.6498Z\",\n fill: \"#202A3E\"\n});\n\nvar _ref21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M79.3828 28.3091C79.3828 28.3091 82.3895 28.077 82.592 29.5163C82.592 29.5163 82.7074 30.4908 80.0776 30.6337C77.4479 30.7765 76.6049 30.4076 76.3782 29.6176C76.1247 28.7236 77.9583 28.291 79.3828 28.3091Z\",\n fill: \"#202A3E\"\n});\n\nvar _ref22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M81.3377 34.7268C81.3293 35.0264 81.2328 35.3168 81.0603 35.5618C80.8878 35.8068 80.647 35.9956 80.3679 36.1046C80.0888 36.2136 79.7837 36.2379 79.4909 36.1746C79.198 36.1113 78.9302 35.9631 78.7211 35.7485C78.5119 35.5339 78.3706 35.2625 78.3148 34.9681C78.259 34.6737 78.2911 34.3694 78.4072 34.0931C78.5232 33.8169 78.7181 33.5809 78.9675 33.4148C79.2168 33.2486 79.5096 33.1596 79.8093 33.1588C80.2197 33.1645 80.6112 33.3327 80.8978 33.6267C81.1843 33.9207 81.3426 34.3163 81.3377 34.7268Z\",\n fill: \"#202A3E\"\n});\n\nvar _ref23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M94.702 34.6537C94.6936 34.9533 94.5971 35.2437 94.4246 35.4887C94.2521 35.7337 94.0113 35.9225 93.7322 36.0315C93.453 36.1405 93.148 36.1648 92.8551 36.1015C92.5622 36.0382 92.2945 35.89 92.0854 35.6754C91.8762 35.4608 91.7349 35.1894 91.679 34.895C91.6232 34.6006 91.6554 34.2963 91.7714 34.02C91.8875 33.7438 92.0824 33.5078 92.3317 33.3417C92.5811 33.1755 92.8739 33.0865 93.1735 33.0857C93.5836 33.0926 93.9744 33.2613 94.2607 33.555C94.547 33.8487 94.7056 34.2436 94.702 34.6537Z\",\n fill: \"#202A3E\"\n});\n\nvar _ref24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.1118 44.3141C83.1118 44.3141 86.0152 46.3724 90.6516 44.8976\",\n stroke: \"#202A3E\",\n strokeWidth: 0.8,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nvar _ref25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M77.0427 40.9132C76.7247 40.9301 76.4061 40.9281 76.0883 40.9072C73.9432 40.7695 71.9362 39.801 70.4936 38.2074C69.051 36.6139 68.2864 34.5208 68.3621 32.3725C68.4378 30.2243 69.3478 28.1902 70.8991 26.7021C72.4503 25.2141 74.5204 24.3893 76.6699 24.4029C78.8194 24.4165 80.879 25.2674 82.4112 26.775C83.9435 28.2825 84.8278 30.328 84.8763 32.477C84.9248 34.626 84.1338 36.7093 82.6711 38.2844C81.2085 39.8596 79.1894 40.8026 77.0427 40.9132ZM76.207 25.098C74.2424 25.2024 72.3958 26.0685 71.0594 27.5124C69.7231 28.9563 69.0021 30.8642 69.0498 32.8311C69.0975 34.7979 69.91 36.6687 71.3147 38.0462C72.7195 39.4236 74.6059 40.1993 76.5733 40.2084C78.5407 40.2174 80.4341 39.4593 81.8515 38.0948C83.2689 36.7304 84.0986 34.8672 84.1645 32.9008C84.2303 30.9345 83.527 29.02 82.204 27.5638C80.881 26.1076 79.0425 25.2245 77.0789 25.102C76.7893 25.084 76.4988 25.0827 76.2091 25.098H76.207Z\",\n fill: \"white\"\n});\n\nvar _ref26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M95.2361 42.052C93.2836 42.1564 91.3573 41.5659 89.7988 40.3853C88.2403 39.2046 87.1504 37.5102 86.7222 35.6024C86.2941 33.6946 86.5556 31.6969 87.4602 29.9635C88.3647 28.2302 89.854 26.8732 91.6639 26.1334C93.4737 25.3935 95.4871 25.3185 97.3469 25.9218C99.2067 26.5251 100.793 27.7676 101.824 29.4289C102.855 31.0903 103.264 33.0631 102.979 34.9974C102.694 36.9317 101.733 38.7025 100.266 39.9957C98.8704 41.2305 97.0971 41.9554 95.2361 42.052ZM94.3816 26.2388C92.6721 26.3318 91.0447 27.0021 89.7655 28.1399C88.4863 29.2778 87.631 30.816 87.3394 32.503C87.0477 34.19 87.337 35.926 88.1599 37.4273C88.9829 38.9286 90.2908 40.1063 91.8699 40.7679C93.4489 41.4294 95.2057 41.5357 96.853 41.0694C98.5003 40.6031 99.9407 39.5917 100.939 38.2006C101.937 36.8095 102.433 35.121 102.347 33.4111C102.261 31.7012 101.597 30.0712 100.465 28.7874C99.8098 28.04 99.0132 27.43 98.121 26.9925C97.2288 26.5551 96.2587 26.2989 95.2669 26.2388C94.972 26.2219 94.6765 26.2219 94.3816 26.2388Z\",\n fill: \"white\"\n});\n\nvar _ref27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.533 35.1808L102.657 34.6389L102.728 33.932L106.604 34.4739L106.533 35.1808Z\",\n fill: \"white\"\n});\n\nvar _ref28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.5325 32.7905L84.4878 33.4994L86.8653 33.6492L86.91 32.9404L84.5325 32.7905Z\",\n fill: \"white\"\n});\n\nvar _ref29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M79.8649 0.954902C83.3262 -0.346884 92.0585 -1.54539 93.6104 6.19826C102.255 5.94206 115.955 6.74218 116.983 14.2752C118.493 25.3414 110.198 35.8496 110.198 35.8496L107.953 36.8637C107.953 36.8637 102.525 33.7021 104.577 20.6433C104.577 20.6433 84.4436 24.5131 75.3425 19.0256C66.2414 13.5382 69.4754 4.85825 79.8649 0.954902Z\",\n fill: \"#202A3E\"\n});\n\nvar _ref30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.313 37.7671C118.402 39.4468 117.823 41.0937 116.703 42.3484C115.583 43.6032 114.012 44.3641 112.333 44.4652C111.503 44.4879 110.676 44.3463 109.901 44.0485C109.125 43.7508 108.416 43.3027 107.814 42.7301C107.213 42.1575 106.73 41.4716 106.394 40.7118C106.058 39.952 105.876 39.1334 105.858 38.303C105.768 36.6233 106.347 34.9764 107.467 33.7216C108.587 32.4668 110.158 31.7059 111.837 31.6049C112.668 31.5822 113.494 31.7238 114.27 32.0215C115.045 32.3193 115.754 32.7673 116.356 33.34C116.958 33.9126 117.44 34.5985 117.776 35.3583C118.112 36.118 118.294 36.9366 118.313 37.7671Z\",\n fill: \"#FCCBA1\"\n});\n\nvar _ref31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.017 39.6703C110.017 39.6703 109.837 35.0084 114.183 35.5564\",\n stroke: \"#202A3E\",\n strokeWidth: 0.8,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nvar _ref32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.8556 65.1146L82.1937 68.3835C82.1937 68.3835 79.3521 76.27 92.6503 77.1889C105.948 78.1077 109.875 68.5874 109.875 68.5874L100.426 63.7096L86.8556 65.1146Z\",\n fill: \"#FCCBA1\"\n});\n\nvar SvgHello = function SvgHello(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 162,\n height: 166,\n viewBox: \"0 0 162 166\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgHello, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/hello.7b8ec428.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport classnames from \"classnames\";\nimport { Spring, config} from \"react-spring/renderprops\";\n\nimport { ReactComponent as HelloIcon } from \"./Icons/hello.svg\";\nimport { ReactComponent as SkillsIcon } from \"../Common/Icons/skill.svg\";\nimport { ReactComponent as InterestsIcon } from \"../Common/Icons/interests.svg\";\nimport { ReactComponent as StylesIcon } from \"../Common/Icons/styles.svg\";\nimport { ReactComponent as SmallCoin } from \"../Common/Icons/smallCoin.svg\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\n\nimport { clickHello } from \"../../actions/user_actions\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n zIndex: 12000,\n position: \"absolute\",\n backgroundColor: \"#F8F9FA\",\n width: \"100%\",\n height: \"100%\",\n overflow: 'scroll'\n },\n grid: {\n height: \"100%\",\n },\n gridin: {\n textAlign: \"center\",\n width:\"80%\"\n },\n icon: {\n width: 162,\n height: 166,\n },\n icondiv: {\n width: 162,\n height: 166,\n margin: 'auto'\n },\n title: {\n fontSize: 28,\n fontWeight: 600,\n color: \"#202A3E\",\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n },\n body: {\n //maxWidth: \"70%\",\n marginLeft: theme.spacing(8),\n marginRight: theme.spacing(8),\n textAlign: \"center\",\n fontSize: 18,\n color: \"#5A6375\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"xs\")]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n fontSize: 14,\n },\n },\n cardholder: {\n maxWidth: 880,\n margin: \"auto\",\n marginBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n card: {\n height: \"100%\",\n padding: 15,\n textAlign: \"left\",\n },\n bodycard: {\n fontSize: 18,\n color: \"#5A6375\",\n textAlign: \"left\",\n marginTop: 5,\n },\n button: {\n paddingLeft: 30,\n paddingRight: 30,\n },\n cardtitle: {\n fontWeight: 600,\n fontSize: 20,\n },\n skills: {\n color: \"#53D28E\",\n },\n interests: {\n color: \"#2988FF\",\n },\n styles: {\n color: \"#FF9800\",\n },\n backdrop: {\n zIndex: 8000,\n },\n coinIcon: {\n marginInline: \"5px\",\n marginBottom: -1,\n },\nmathIcon :{ \n marginBottom: \"-3px\",\n}\n});\n\nclass Hello extends Component {\n render() {\n const {\n classes,\n user: { firstName = \"\", showHello = false, firstLogin, internalMobilityProvider, orgDetails = {}}, rewards: { coins },\n } = this.props;\n const { name = \"\"} = orgDetails;\n return (\n \n { internalMobilityProvider ? (\n <>\n \n {name + \" Employee Questions\"}\n \n \n {showDemographicsEdit ? \"Please update the following information if your current situation has changed.\" : \"Before we begin, please complete the following form. You are able to update this information later via the settings page.\"}\n \n \n ) : ( showHello ? (\n <>\n \n One more thing\n \n \n Before we begin, please complete the following form. You are able to update this information later via the settings page. \n \n \n ):(\n <>\n \n Update information\n \n \n Please update the following information if your current situation has changed.\n \n \n )\n )\n }\n \n
\n \n \n \n \n {(props) => (\n \n {firstLogin ? (\n \"Hello \" + firstName\n ):(\n \"Welcome back \" + firstName\n )}\n \n {firstLogin ? (\n internalMobilityProvider ? ( \n \n Welcome aboard! Thanks for signing up, it's fantastic to have you here!\n
\n Engage with our virtual assistant, and over the next few minutes, we'll explore what sets you apart. \n
\n {\"This exploration will enable us to identify the perfect opportunities for you, granting \"+ name + \" insight into your skills, knowledge, abilities, competencies, and potential.\"}\n
\n \n ) :(\n \n You’ve taken a step towards a better career. Now it’s our turn to do our bit. \n
\n We’ll unearth your potential in just four minutes by understanding what makes you tick. We’ll match you to jobs that you never knew you could do. \n
\n Just chat to our virtual assistant and let us do the job searching for you. It’s simple, and you’ll learn a lot about yourself along the way – including your skills, interests and styles.\n
\n Once you’ve answered our questions - we remember all the details so you won’t need to do it again\n \n )\n ):(\n internalMobilityProvider ? (\n \n Ensure your profile remains current to ensure accurate matching with the right opportunities.\n
\n {\"Keeping your information up to date also allows \"+ name +\" to stay informed about your progress and development.\"}\n
\n We're thrilled to have you back!\n \n ) : (\n \n Whether you want to find jobs based on experience or find something new based on your skills, styles or interests.\n
\n We’ve been mining the internet to find you the best matched jobs.\n
\n \n )\n )}\n \n \n {!firstLogin && coins && (\n \n You have {coins} \n \n )}\n {!firstLogin && (\n \n You can use your coins to buy Application Assistant content '\n \n \n \n )}\n {!internalMobilityProvider && (\n \n {firstLogin && \"Let's get started. \"}\n \n )}\n {\n this.props.clickHello();\n }}\n >\n Lets go!\n \n \n \n \n
\n \n );\n }\n}\n\nfunction mapStateToProps(state) {\n return state;\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators({ clickHello }, dispatch),\n dispatch,\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(withRouter(Hello)));\n","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 from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.25,\n d: \"M78.5 168C120.75 168 155 170.91 155 174.5C155 178.09 120.75 181 78.5 181C36.2502 181 2 178.09 2 174.5C2 170.91 36.2502 168 78.5 168Z\",\n fill: \"black\",\n fillOpacity: 0.3\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.5 0C34.2557 0 0 34.2557 0 76.5C0 118.744 34.2557 153 76.5 153C118.744 153 153 118.744 153 76.5C153 34.2557 118.744 0 76.5 0Z\",\n fill: \"#FFB61C\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.4998 0.9552C118.227 0.9552 152.044 34.7717 152.044 76.4989C152.044 118.226 118.227 152.043 76.4998 152.043C34.7726 152.043 0.956055 118.226 0.956055 76.4989C0.956055 34.7717 34.7726 0.9552 76.4998 0.9552Z\",\n fill: \"#FCD116\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M85.4908 12.0463C85.3139 15.4248 82.4318 18.02 79.0534 17.8431C75.6749 17.6662 73.0797 14.7841 73.2566 11.4057C73.4335 8.02724 76.3156 5.43197 79.6941 5.60887C83.0722 5.78578 85.6674 8.66791 85.4908 12.0463Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.7096 141.596C78.5327 144.975 75.6505 147.57 72.2721 147.393C68.8937 147.216 66.2984 144.334 66.4753 140.956C66.6522 137.577 69.5344 134.982 72.9128 135.159C76.2912 135.336 78.8865 138.218 78.7096 141.596Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M140.918 81.803C137.535 81.846 134.758 79.1385 134.715 75.7556C134.672 72.3727 137.38 69.5958 140.763 69.5528C144.146 69.5097 146.923 72.2172 146.966 75.6001C147.008 78.9826 144.301 81.7599 140.918 81.803Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.2029 83.4465C7.82 83.4895 5.04305 80.7821 5.00002 77.3992C4.95699 74.0163 7.66445 71.2393 11.0473 71.1963C14.4302 71.1533 17.2072 73.8607 17.2502 77.2436C17.2929 80.6265 14.5855 83.4035 11.2029 83.4465Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.597 102.789C132.386 101.721 130.65 98.2528 131.718 95.0427C132.785 91.8325 136.253 90.096 139.464 91.1638C142.674 92.2316 144.41 95.6996 143.342 98.9098C142.275 102.12 138.807 103.856 135.597 102.789Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.5028 61.8412C9.29263 60.7734 7.55608 57.3054 8.62389 54.0953C9.69171 50.8852 13.1597 49.1486 16.3698 50.2164C19.58 51.2842 21.3165 54.7522 20.2487 57.9624C19.1806 61.1725 15.7129 62.9091 12.5028 61.8412Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.447 42.1909C129.826 44.3291 125.967 43.937 123.829 41.3153C121.691 38.6936 122.083 34.8351 124.705 32.697C127.326 30.5588 131.185 30.9508 133.323 33.5726C135.461 36.1943 135.069 40.0528 132.447 42.1909Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.2319 120.305C25.6102 122.443 21.7518 122.051 19.6136 119.429C17.4754 116.808 17.8675 112.949 20.4892 110.811C23.1109 108.673 26.9694 109.065 29.1076 111.687C31.2457 114.308 30.8537 118.167 28.2319 120.305Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M139.009 59.992C135.831 61.1532 132.314 59.5183 131.153 56.341C129.992 53.1634 131.627 49.6463 134.804 48.4851C137.982 47.3239 141.499 48.9588 142.66 52.1361C143.821 55.3137 142.187 58.8308 139.009 59.992Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.1628 104.517C13.9852 105.679 10.4681 104.044 9.30688 100.866C8.14567 97.6888 9.78054 94.1717 12.9578 93.0105C16.1355 91.8493 19.6525 93.4842 20.8138 96.6615C21.975 99.8391 20.3401 103.356 17.1628 104.517Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86.3057 140.827C85.4582 137.552 87.4258 134.21 90.701 133.362C93.9761 132.515 97.3182 134.482 98.1661 137.757C99.0137 141.033 97.046 144.375 93.7709 145.223C90.4957 146.07 87.1536 144.102 86.3057 140.827Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M53.7999 15.2421C52.9523 11.9669 54.92 8.62481 58.1951 7.77694C61.4703 6.92938 64.8124 8.89702 65.6603 12.1722C66.5081 15.4473 64.5402 18.7894 61.265 19.6373C57.9899 20.4852 54.6478 18.5172 53.7999 15.2421Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.8968 124.473C33.9415 121.778 37.7841 121.251 40.4791 123.296C43.1741 125.341 43.7014 129.183 41.6566 131.878C39.6118 134.573 35.7693 135.1 33.0742 133.056C30.3792 131.011 29.852 127.168 31.8968 124.473Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.31 21.1267C112.355 18.4317 116.197 17.9045 118.892 19.9493C121.587 21.994 122.115 25.8366 120.07 28.5316C118.025 31.2266 114.183 31.7538 111.488 29.709C108.792 27.6643 108.265 23.8221 110.31 21.1267Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.4542 22.5909C46.7081 22.5909 22.5918 46.7069 22.5918 76.453C22.5918 106.199 46.7084 130.315 76.4542 130.315C106.2 130.315 130.317 106.199 130.317 76.453C130.317 46.7069 106.2 22.5909 76.4542 22.5909Z\",\n fill: \"#F39C12\"\n});\n\nvar _ref20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.455 22.8203C106.078 22.8203 130.09 46.8317 130.09 76.4545C130.09 106.077 106.078 130.089 76.455 130.089C46.8322 130.089 22.8208 106.077 22.8208 76.4545C22.8208 46.8317 46.8322 22.8203 76.455 22.8203Z\",\n fill: \"#FFB61C\"\n});\n\nvar _ref21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.4539 20.7206C45.6828 20.7206 20.7183 45.6844 20.7183 76.4556C20.7183 107.227 45.6831 132.191 76.4539 132.191C107.225 132.191 132.19 107.227 132.19 76.4556C132.19 45.6844 107.225 20.7206 76.4539 20.7206ZM76.4539 22.5419C106.241 22.5419 130.368 46.6687 130.368 76.4556C130.368 106.242 106.241 130.37 76.4539 130.37C46.6674 130.37 22.5396 106.242 22.5396 76.4556C22.5399 46.6687 46.6674 22.5419 76.4539 22.5419Z\",\n fill: \"#F39C12\"\n});\n\nvar _ref22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M70.3486 41.9V42.2124V51.4262C63.6513 54.2917 59.6982 61.5443 60.9305 68.8841C62.2443 76.7094 69.1746 82.5107 77.0614 82.19L77.0098 82.1875C78.7887 82.4096 80.2773 83.7688 80.6311 85.8754C81.0375 88.2966 79.6302 90.4533 77.5552 91.042C75.4677 91.6339 73.4054 90.6264 72.5553 88.3451L72.4463 88.0518L61.6636 92.0694L61.7732 92.362C63.3246 96.5261 66.5067 99.7066 70.3482 101.378V111.005H81.8545V101.71C88.9776 99.0662 93.2536 91.5651 91.9786 83.9712C90.6679 76.164 83.7663 70.3765 75.9021 70.6678C74.1213 70.4473 72.6318 69.0872 72.2776 66.9786C71.8712 64.5574 73.2791 62.4014 75.3542 61.8127C77.4414 61.2204 79.5034 62.2289 80.3535 64.5102L80.4631 64.8035L91.2452 60.786L91.1362 60.4933C89.4908 56.0767 86.0107 52.7672 81.8545 51.1909V41.9H70.3486Z\",\n fill: \"#FFB61C\"\n});\n\nvar _ref23 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M65.8659 56.6263C66.8113 56.6263 67.6978 56.3741 68.4618 55.9333L73.1502 59.9519C72.9252 60.5337 72.8019 61.1661 72.8019 61.8272C72.8019 62.5331 72.9425 63.2062 73.1972 63.8199L63.1498 72.8626C62.4111 72.4599 61.564 72.231 60.6634 72.231C57.7904 72.231 55.4614 74.56 55.4614 77.433C55.4614 80.306 57.7904 82.635 60.6634 82.635C63.5364 82.635 65.8654 80.306 65.8654 77.433C65.8654 76.727 65.7248 76.0539 65.47 75.4401L75.5173 66.3976C76.256 66.8004 77.1032 67.0292 78.0039 67.0292C80.8768 67.0292 83.2059 64.7002 83.2059 61.8272C83.2059 58.9543 80.8768 56.6252 78.0039 56.6252C77.0581 56.6252 76.1712 56.8776 75.4071 57.3188L70.7193 53.3006C70.9445 52.7186 71.0679 52.0858 71.0679 51.4243C71.0679 48.5513 68.7389 46.2223 65.8659 46.2223C62.993 46.2223 60.6639 48.5513 60.6639 51.4243C60.6639 54.2973 62.993 56.6263 65.8659 56.6263ZM88.4072 63.5641C88.4072 60.6911 90.7363 58.3621 93.6092 58.3621C96.4822 58.3621 98.8112 60.6911 98.8112 63.5641V103.446C98.8112 106.319 96.4822 108.648 93.6092 108.648C90.7363 108.648 88.4072 106.319 88.4072 103.446V63.5641ZM78.0039 73.9679C75.1309 73.9679 72.8019 76.2969 72.8019 79.1699V103.446C72.8019 106.319 75.1309 108.648 78.0039 108.648C80.8768 108.648 83.2059 106.319 83.2059 103.446V79.1699C83.2059 76.2969 80.8768 73.9679 78.0039 73.9679ZM60.6634 86.1025C57.7904 86.1025 55.4614 88.4315 55.4614 91.3045V103.442C55.4614 106.315 57.7904 108.644 60.6634 108.644C63.5364 108.644 65.8654 106.315 65.8654 103.442V91.3045C65.8654 88.4315 63.5364 86.1025 60.6634 86.1025Z\",\n fill: \"#D89E22\"\n});\n\nvar _ref24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M65.2296 55.7298C66.1751 55.7298 67.0617 55.4776 67.8257 55.0367L72.5139 59.0552C72.2889 59.637 72.1655 60.2695 72.1655 60.9308C72.1655 61.6368 72.3062 62.3099 72.561 62.9237L62.5138 71.9662C61.775 71.5634 60.9278 71.3345 60.0272 71.3345C57.1542 71.3345 54.8252 73.6636 54.8252 76.5365C54.8252 79.4095 57.1542 81.7385 60.0272 81.7385C62.9002 81.7385 65.2292 79.4095 65.2292 76.5365C65.2292 75.8306 65.0886 75.1576 64.8339 74.5438L74.8812 65.5012C75.6199 65.9039 76.467 66.1328 77.3675 66.1328C80.2405 66.1328 82.5695 63.8038 82.5695 60.9308C82.5695 58.0578 80.2405 55.7288 77.3675 55.7288C76.4218 55.7288 75.5351 55.9811 74.771 56.4221L70.083 52.4039C70.3082 51.8219 70.4316 51.1893 70.4316 50.5278C70.4316 47.6548 68.1026 45.3258 65.2296 45.3258C62.3566 45.3258 60.0276 47.6548 60.0276 50.5278C60.0276 53.4008 62.3566 55.7298 65.2296 55.7298ZM87.771 62.6676C87.771 59.7946 90.1 57.4656 92.973 57.4656C95.846 57.4656 98.175 59.7947 98.175 62.6676V102.55C98.175 105.423 95.846 107.752 92.973 107.752C90.1 107.752 87.771 105.423 87.771 102.55V62.6676ZM77.3675 73.0714C74.4945 73.0714 72.1655 75.4004 72.1655 78.2734V102.549C72.1655 105.422 74.4945 107.751 77.3675 107.751C80.2405 107.751 82.5695 105.422 82.5695 102.549V78.2734C82.5695 75.4004 80.2405 73.0714 77.3675 73.0714ZM60.0272 85.206C57.1542 85.206 54.8252 87.535 54.8252 90.408V102.546C54.8252 105.419 57.1542 107.748 60.0272 107.748C62.9002 107.748 65.2292 105.419 65.2292 102.546V90.408C65.2292 87.535 62.9002 85.206 60.0272 85.206Z\",\n fill: \"#F39C12\"\n});\n\nvar _ref25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.5846 76.7524C47.5846 79.3113 45.5101 81.3857 42.9512 81.3857C40.3923 81.3857 38.3179 79.3113 38.3179 76.7524C38.3179 74.1934 40.3923 72.119 42.9512 72.119C45.5101 72.119 47.5846 74.1934 47.5846 76.7524Z\",\n fill: \"#D89E22\"\n});\n\nvar _ref26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.5592 71.6147C39.9158 71.6147 37.77 73.7606 37.77 76.404C37.77 79.0473 39.9158 81.1938 42.5592 81.1938C45.2026 81.1938 47.3485 79.0473 47.3485 76.404C47.3485 73.7606 45.2026 71.6147 42.5592 71.6147Z\",\n fill: \"#F39C12\"\n});\n\nvar _ref27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.23 76.7524C115.23 79.3113 113.156 81.3857 110.597 81.3857C108.038 81.3857 105.963 79.3113 105.963 76.7524C105.963 74.1934 108.038 72.119 110.597 72.119C113.156 72.119 115.23 74.1934 115.23 76.7524Z\",\n fill: \"#D89E22\"\n});\n\nvar _ref28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.203 71.6147C107.56 71.6147 105.414 73.7606 105.414 76.404C105.414 79.0473 107.56 81.1938 110.203 81.1938C112.847 81.1938 114.993 79.0473 114.993 76.404C114.993 73.7606 112.847 71.6147 110.203 71.6147Z\",\n fill: \"#F39C12\"\n});\n\nvar _ref29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M123.247 121.344C120.585 119.257 120.119 115.406 122.206 112.744C124.294 110.082 128.144 109.616 130.807 111.704C133.469 113.791 133.934 117.642 131.847 120.304C129.76 122.966 125.909 123.432 123.247 121.344C123.246 121.344 123.246 121.344 123.247 121.344Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.1625 41.2959C18.5003 39.2084 18.0343 35.3579 20.1218 32.6957C22.2093 30.0335 26.0598 29.5678 28.722 31.6553C31.3842 33.7428 31.8502 37.5933 29.7627 40.2555C27.6749 42.9177 23.8247 43.3834 21.1625 41.2959Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M105.944 134.355C104.112 131.51 104.934 127.72 107.778 125.889C110.623 124.057 114.413 124.879 116.245 127.723C118.076 130.568 117.254 134.358 114.41 136.19C111.565 138.021 107.775 137.199 105.944 134.355Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.7223 25.2773C33.8911 22.4328 34.7125 18.6422 37.5571 16.8109C40.4016 14.9797 44.1922 15.8012 46.0234 18.6457C47.8546 21.4902 47.0332 25.2808 44.1886 27.112C41.3441 28.9432 37.5535 28.1218 35.7223 25.2773Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M103.872 17.6196C102.717 20.7998 99.2039 22.442 96.0237 21.2878C92.8435 20.1336 91.2013 16.62 92.3555 13.4398C93.5097 10.2597 97.0233 8.61747 100.203 9.77167C103.384 10.9259 105.026 14.4395 103.872 17.6196Z\",\n fill: \"#FEBC1A\"\n});\n\nvar _ref34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.6124 139.56C58.4582 142.74 54.9446 144.383 51.7644 143.228C48.5843 142.074 46.9421 138.561 48.0963 135.38C49.2504 132.2 52.764 130.558 55.9442 131.712C59.1244 132.867 60.7666 136.38 59.6124 139.56Z\",\n fill: \"#FEBC1A\"\n});\n\nvar SvgCoin = function SvgCoin(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 155,\n height: 181,\n viewBox: \"0 0 155 181\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCoin, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/coin.c70fc895.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router-dom\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport { Spring, config } from \"react-spring/renderprops\";\n\nimport * as ROUTES from \"../../constants/routes\";\n\nimport { ReactComponent as Coin } from \"./Icons/coin.svg\";\n\nimport { clickWellDone } from \"../../actions/chat_actions\";\nimport { fetchUser, doneProfileEdit } from \"../../actions/user_actions\";\nimport { getMissionsAndInterventions } from \"../../actions/mission_actions\";\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n zIndex: 12000,\n position: \"absolute\",\n backgroundColor: \"#53D28E\",\n width: \"100%\",\n height: \"100%\",\n overflow: 'scroll' \n },\n grid: {\n height: \"100%\",\n },\n gridin: {\n textAlign: \"center\",\n },\n icon: {\n width: \"100%\",\n height: \"100%\",\n },\n icondiv: {\n width: 155,\n height: 181,\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n title: {\n fontSize: 30,\n fontWeight: \"bold\",\n color: \"#ffffff\",\n marginTop: theme.spacing(2),\n marginBottom: 15,\n },\n subtitle: {\n fontSize: 22,\n fontWeight: \"bold\",\n color: \"#ffffff\",\n marginTop: theme.spacing(2),\n marginBottom: 8,\n },\n body: {\n //maxWidth: \"70%\",\n marginLeft: theme.spacing(8),\n marginRight: theme.spacing(8),\n textAlign: \"center\",\n fontSize: 20,\n color: \"#ffffff\",\n\n marginBottom: 36,\n [theme.breakpoints.down(\"xs\")]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n fontSize: 16,\n },\n },\n cardholder: {\n maxWidth: 880,\n margin: \"auto\",\n marginBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n card: {\n height: \"100%\",\n padding: 15,\n textAlign: \"left\",\n },\n bodycard: {\n fontSize: 12,\n color: \"#5A6375\",\n textAlign: \"left\",\n marginTop: 5,\n },\n button: {\n paddingLeft: 30,\n paddingRight: 30,\n },\n cardtitle: {\n fontWeight: 600,\n fontSize: 14,\n },\n skills: {\n color: \"#53D28E\",\n },\n interests: {\n color: \"#2988FF\",\n },\n styles: {\n color: \"#FF9800\",\n },\n backdrop: {\n zIndex: 8000,\n },\n});\n\nclass WellDone extends Component {\n state = {\n show: false,\n transformTo: {},\n };\n async componentDidUpdate(prevProps) {\n // Typical usage (don't forget to compare props):\n\n if (\n this.props.chat &&\n prevProps.chat &&\n this.props.chat.showWellDone !== prevProps.chat.showWellDone &&\n this.props.chat.showWellDone === true\n ) {\n var that = this;\n\n setTimeout(async function () {\n if (\n !that.props.user.isInterventionOngoing &&\n !that.props.user.isProfileBeingEdited\n ) {\n that.setState({\n show: true,\n transformTo: { transform: \"scale(1, 1)\", opacity: 1 },\n });\n }\n }, 4000);\n\n setTimeout(async function () {\n let runDoneEdit = false\n if (that.props.user.isInterventionOngoing) {\n that.props.history.push(ROUTES.MISSIONS);\n runDoneEdit = true\n }\n if (that.props.user.isProfileBeingEdited) {\n that.props.history.push(ROUTES.PROFILE);\n runDoneEdit = true\n }\n await that.props.fetchUser();\n if (runDoneEdit) {\n that.props.doneProfileEdit();\n }\n await that.props.getMissionsAndInterventions(true);\n }, 5000);\n\n setTimeout(async function () {\n if (!prevProps.user.isInterventionOngoing && !prevProps.user.isProfileBeingEdited) {\n that.props.history.push(ROUTES.JOBS);\n } else {\n that.props.clickWellDone();\n }\n }, 6000);\n\n // this.props.history.push(ROUTES.JOBS);\n }\n\n if (\n this.props.chat &&\n prevProps.chat &&\n this.props.chat.showWellDone !== prevProps.chat.showWellDone\n ) {\n this.setState({\n show: this.state.show && this.props.chat.showWellDone,\n transformTo: { transform: \"scale(-0.1, 0.1)\", opacity: 0.5 },\n });\n }\n }\n\n render() {\n const {\n classes,\n /*eslint-disable */\n chat: { showWellDone = false },\n /*eslint-enable */\n user: { showChat = true },\n } = this.props;\n return (\n \n
\n )}\n \n\n \n \n Engage with our virtual assistant, and over the next few minutes, we'll explore what sets you apart. \n
\n {\"This exploration will enable us to identify the perfect opportunities for you, granting \"+ name + \" insight into your skills, knowledge, abilities, competencies, and potential.\"}\n
\n
\n We’ll unearth your potential in just four minutes by understanding what makes you tick. We’ll match you to jobs that you never knew you could do. \n
\n Just chat to our virtual assistant and let us do the job searching for you. It’s simple, and you’ll learn a lot about yourself along the way – including your skills, interests and styles.\n
\n Once you’ve answered our questions - we remember all the details so you won’t need to do it again\n
\n {\"Keeping your information up to date also allows \"+ name +\" to stay informed about your progress and development.\"}\n
\n We're thrilled to have you back!\n
\n We’ve been mining the internet to find you the best matched jobs.\n
\n
\n \n \n \n \n \n \n \n \n Skills\n \n \n \n\n \n {firstLogin ? (\n \"We’ll assess what you can do based on what you’ve done in previous jobs\"\n ) : (\n \"We’ve found the best jobs for you based on your skills, knowledge and abilities\"\n )}\n \n \n \n \n \n \n \n \n \n \n Interests\n \n \n \n\n \n {firstLogin ? (\n \"We’ll analyse what you like doing – in and out of work\"\n ) : (\n \"We’re bringing opportunities to you centred on your interests - we all perform better doing jobs we enjoy\"\n )}\n \n \n \n \n \n \n \n \n \n \n Styles\n \n \n \n\n \n {firstLogin ? (\n \"We’ll figure out your strengths and how you like to work\"\n ) : (\n \"All occupations require a unique combination of resilience, brainpower and agility; we’ve found you jobs based on your unique profile\"\n )}\n \n \n \n \n
\n \n \n \n \n {(props) => (\n \n Well Done!\n \n \n You’ve completed the initial assessment.\n \n \n We now understand you a lot better – and your opportunities are waiting for you. \n
\n But we’d like to get to know you even more. Take part in our missions and we’ll assess your answers further to match you to vacancies perfect for you.\n
\n Use the filters to sort and find new jobs, watch videos to see if a new career is right for you and find learning opportunities to fill your skills gaps.\n \n\n {\n this.props.clickWellDone();\n }}\n >\n Let's Go\n \n \n \n
\n \n );\n }\n}\n\nfunction mapStateToProps(state) {\n return state;\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators(\n { clickWellDone, fetchUser, getMissionsAndInterventions, doneProfileEdit },\n dispatch\n ),\n dispatch,\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(withRouter(WellDone)));\n","import React, {useState, useEffect, useRef} from \"react\";\nimport {makeStyles, Typography, Grid, Button, OutlinedInput, MenuItem, Select, Dialog, Paper, DialogContent, IconButton, Box\n} from \"@material-ui/core\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport moment from \"moment\";\nimport { ReactComponent as SmLogo } from \"../Common/Logo/smLogo.svg\";\n\n\nconst useStyles = makeStyles((theme) => ({\n logocont: {\n flexGrow: 1,\n },\n logo: {\n maxWidth: 130,\n maxHeight: 30,\n marginTop: 2,\n marginRight: 20,\n flexGrow: 1,\n [theme.breakpoints.down(\"sm\")]: {\n maxHeight: 30,\n maxWidth: 86,\n marginRight: 10,\n },\n [theme.breakpoints.down(\"xs\")]: {\n maxHeight: 28,\n maxWidth: 58,\n marginRight: 2,\n },\n },\n}));\n\nexport default function PurchaseComplete({open, stripeOrders, onClose}){\n let classes = useStyles();\n // console.log(\"stripeOrders\")\n // console.log(open)\n // console.log(stripeOrders)\n if(open && stripeOrders && stripeOrders.length > 0){\n return (\n \n );\n }\n else{\n return <>\n }\n}","import React, { Component, lazy, Suspense } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { bindActionCreators } from \"redux\";\nimport { connect } from \"react-redux\";\n\nimport { Cache, Analytics } from \"aws-amplify\";\nimport { fetchUser } from \"../../actions/user_actions\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\n\nimport MuiAlert from \"@material-ui/lab/Alert\";\nimport AlertTitle from \"@material-ui/lab/AlertTitle\";\nimport { Spring, config } from \"react-spring/renderprops\";\nimport {\n fetchCoins,\n resetCoins,\n resetMaxCoins,\n checkOrders,\n resetCoinDefault,\n closePurchaseDialogue\n} from \"../../actions/reward_actions\";\n\nimport { withRouter, Switch, Route, Redirect } from \"react-router-dom\";\nimport Navigation from \"./Navigaton\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport * as ROUTES from \"../../constants/routes\";\nimport Demographics from \"./Demographics\";\nimport Hello from \"./Hello\";\nimport WellDone from \"./WellDone\";\nimport PurchaseComplete from \"./PurchaseComplete\"\nimport { ReactComponent as SmallCoin } from \"../Common/Icons/smallCoin.svg\";\nimport { ReactComponent as RewardShield } from \"../Profile/icons/rewardShield.svg\";\n\nconst Profile = lazy(() => import(\"../Profile\"));\nconst ProfileSettings = lazy(() => import(\"../Profile/ProfileSettings\"));\nconst Chat = lazy(() => import(\"../Chat\"));\nconst Default = lazy(() => import(\"./Default\"));\nconst Jobs = lazy(() => import(\"../Jobs\"));\nconst JobDetails = lazy(() => import(\"../Jobs/JobDetails\"));\nconst Missions = lazy(() => import(\"../Missions\"));\nconst ResourceDetails = lazy(() => import(\"../Resources/ResourceDetails\"));\nconst Privacy = lazy(() => import(\"../Privacy\"));\nconst Faq = lazy(() => import(\"../Faq\"));\nconst OrgProfile = lazy(() => import(\"../OrgProfile\"));\nconst ApplicationAssistant = lazy(() => import(\"../ApplicationAssistant\"));\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n },\n layout: {\n marginTop: theme.spacing(10),\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"md\")]: {\n marginTop: theme.spacing(8)\n },\n },\n nav: {\n [theme.breakpoints.down(\"xs\")]: {\n position: \"fixed\",\n },\n },\n loading: {\n margin: \"auto\",\n },\n loadingmain: {\n width: \"100%\",\n },\n coinText: {\n fontSize: 20,\n fontWeight: \"bold\",\n textAlign: \"center\",\n color: \"#FFFFFF\",\n fontFamily: [\n \"Spectral\",\n \"Inter\",\n \"-apple-system\",\n \"BlinkMacSystemFont\",\n '\"Segoe UI\"',\n \"Roboto\",\n '\"Helvetica Neue\"',\n \"Arial\",\n \"sans-serif\",\n ].join(\",\"),\n },\n coinIcon: {\n marginLeft: 8,\n marginRight: 8,\n width: 24,\n height: 24,\n marginBottom: -6,\n },\n rewardIcon: {\n marginLeft: 8,\n marginRight: 8,\n width: 48,\n height: 48,\n marginBottom: -6,\n },\n orangeBG: {\n backgroundColor : \"#FF6A14\"\n\n }\n});\nconst NotFoundRedirect = () => \n
\n )}\n \n\n \n But we’d like to get to know you even more. Take part in our missions and we’ll assess your answers further to match you to vacancies perfect for you.\n
\n Use the filters to sort and find new jobs, watch videos to see if a new career is right for you and find learning opportunities to fill your skills gaps.\n
\n {!email && (\n \n \n \n
\n \n \n
\n )}\n {email && (\n <>\n \n \n
\n }\n >\n \n \n authStatus === true ? (\n
\n );\n};\n\nconst DefaultRoute = ({ authStatus, ...rest }) => {\n logger.info(\"App.DefaultRoute() authStatus:\", authStatus);\n Cache.removeItem(\"lastpath\");\n Cache.removeItem(\"previouspath\");\n return (\n \n \n \n {!isConnected && (\n Warning It seems that you are offline,\n please check your network connection!\n \n )}\n\n {isUpdateAvailable && (\n {\n updateAssets();\n }}\n >\n Refresh\n \n }\n >\n Info An update is available, please\n refresh!\n \n )}\n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\n// Runtime type checking for React props\n/*\nApp.propTypes = {\n validateUser: PropTypes.func,\n history: PropTypes.object,\n errorMessage: PropTypes.string\n};\n*/\n\nfunction mapStateToProps(state) {\n return {\n isAuthenticated: state.auth.authenticated,\n auth: state.auth,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n ...bindActionCreators({ validateUserAction, getHelpVideos }, dispatch),\n dispatch,\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withStyles(styles)(App));\n","window.addEventListener('error', async err => {\n // Since we are handling the error here, we must make\n // sure we log it into the console nonetheless, otherwise\n // it will be very difficult to understand why your app\n // is crashing.\n \n console.error(err);\n\n // If no service worker is available, our work ends here\n // because we don't need to unregister the service worker\n // to make sure the user is able to get a newer version of\n // our application.\n if (!navigator.serviceWorker) {\n return;\n }\n\n // On development builds of React, error boundaries don't stop\n // errors from bubbling up to the window error handler, so we don't\n // want to execute this code here because it would be unreliable\n // https://github.com/facebook/react/issues/12897#issuecomment-410036991\n if (process.env.NODE_ENV !== 'development') {\n // We want to run this code only if we detect a new service worker\n // is getting installed or is installed but waiting to be activated.\n // This will make sure we don't run this code on a sane environment\n // that is crashing for an error not related to stale app cache.\n const registration = await navigator.serviceWorker.ready;\n if (registration.installing || registration.waiting) {\n navigator.serviceWorker.ready.then(async registration => {\n await registration.unregister();\n // Once the service worker is unregistered, we can reload\n // the page to let the browser download a fresh copy of our app\n window.location.reload();\n });\n }\n }\n});","import {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle\n} from \"@material-ui/core\";\nimport React from \"react\";\n//import * as Sentry from \"@sentry/browser\";\n\nexport class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false, eventId: null, };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n\n /*\n componentDidCatch(error, errorInfo) {\n Sentry.withScope(scope => {\n scope.setExtras(errorInfo);\n const eventId = Sentry.captureException(error);\n this.setState({ eventId });\n });\n }\n*/\n render() {\n if (this.state.hasError) {\n return (\n