\n
\n
\n
\n You are doing well! Let’s now capture your education qualification details starting with more recent\n one first. For graduates, you can enter university or college name or both
\n \n } Notes={\n <>\n You are doing well! Let’s now capture your education qualification details starting with more recent\n one first. For graduates, you can enter university or college name or both and Field of study. Don’t\n forget to add start and end dates for each qualification.
\n If you are a fresher , it would be good to provide the scores you got during graduation. If you are on\n high school do provide details of O level / 10 th Grade in addition to and 12 th Grade / A level / IB\n scores.
\n\n \n } video={video}\n />\n\n \n \n );\n }\n\n}\n\nconst CertificateCard = ({ Id, NameOfCertificate, CertificateBy, CertificateDate, CertificateDescription, handleCertificateDelete, handleCertificateEdit }) => {\n return (\n <>\n
\n
\n
\n
\n
\n
{NameOfCertificate}
\n
{CertificateBy}
\n
{(CertificateDate) ? CertificateDate : ''}
\n
{CertificateDescription}
\n
\n
\n
\n { handleCertificateDelete(Id) }}> \n
\n
\n { handleCertificateEdit(Id) }}> \n
\n
\n
\n
\n \n )\n}\n\n\n// const addjobopen = () => {\n// var element1 = document.querySelector('#add_job');\n// element1.classList.remove(\"d-none\");\n// element1.classList.add(\"d-block\");\n// document.querySelector('#job_view').classList.add(\"d-none\");\n// var element2 = document.querySelector('#job_view_list');\n// element2.classList.remove(\"d-block\");\n// element2.classList.add(\"d-none\");\n// }\n// const addnewjob = () => {\n// var element3 = document.querySelector('#add_job');\n// element3.classList.remove(\"d-block\");\n// element3.classList.add(\"d-none\");\n// var element4 = document.querySelector('#job_view_list');\n// element4.classList.remove(\"d-none\");\n// element4.classList.add(\"d-block\");\n// }\n\n// //for mobile\n// function addjobopenmobile() {\n// var element5 = document.querySelector('#add_job_mobile');\n// element5.classList.remove(\"d-none\");\n// element5.classList.add(\"d-block\");\n// document.querySelector('#job_view_mobile').classList.remove(\"d-block\");\n// document.querySelector('#job_view_mobile').classList.add(\"d-none\");\n// var element6 = document.querySelector('#job_view_list_mobile');\n// element6.classList.remove(\"d-block\");\n// element6.classList.add(\"d-none\");\n// }\n\n// function addnewjobmobile() {\n// var element7 = document.querySelector('#add_job_mobile');\n// element7.classList.remove(\"d-block\");\n// element7.classList.add(\"d-none\");\n// var element8 = document.querySelector('#job_view_list_mobile');\n// element8.classList.remove(\"d-none\");\n// element8.classList.add(\"d-block\");\n// document.querySelector('#job_view_mobile').classList.add(\"d-block\");\n// document.querySelector('#job_view_mobile').classList.remove(\"d-none\");\n// }\nexport default withRouter(Certification);","import React, { } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { withRouter } from './WithRouter';\nimport { Rating } from 'react-simple-star-rating';\nimport RightSideResume from './RightSideResume';\nimport { AuthContext } from '../Services/Authcontext';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport MobileHeader from './MobileHeader';\nimport video from '../image/animation/languages.webm'\n\n\nclass Language extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n languageList: [],\n }\n this.handleLangChange = this.handleLangChange.bind(this);\n this.handleLangRating = this.handleLangRating.bind(this);\n this.addLangFormFields = this.addLangFormFields.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleLangChange(i, e) {\n let languageList = this.state.languageList;\n languageList[i][e.target.name] = e.target.value;\n this.setState({ languageList });\n }\n\n handleLangRating(i, rate) {\n // eslint-disable-next-line\n this.state.languageList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n addLangFormFields() {\n this.setState(({\n languageList: [...this.state.languageList, { rating: \"\", language: \"\" }]\n }))\n }\n\n removeLangFormFields(i) {\n let languageList = this.state.languageList;\n languageList.splice(i, 1);\n this.setState({ languageList });\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n if (this.context.languages) {\n this.setState({ languageList: this.context.languages })\n }\n }\n\n handleSubmit(e) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n setTimeout(() => {\n dispatch({\n type: \"ADD_LANGUAGE\",\n // eslint-disable-next-line\n payload: this.state.languageList.filter((languageList) => { if (languageList.language !== '' && languageList.language !== 'undefined' && languageList.language !== undefined) { return languageList } })\n });\n }, 1000)\n for (var key in this.context.stepCompleteness) {\n if (this.context.stepCompleteness[key]['resume_step_id'] === Number(this.props.step)) {\n this.context.stepCompleteness[key]['step_status'] = true;\n }\n }\n this.props.navigate(`/rb-step?step=${Number(this.props.step) + 1}`)\n }\n\n render() {\n const step = Number(this.props.step);\n return (\n <>\n
\n
\n
\n
\n
\n
\n List out the languages you know and rate them according to proficiency.
\n \n }\n Notes={<>\n List out the languages you know and rate them according to proficiency.
\n \n \n 3 Stars if you can speak, read and write\n \n \n 2 Stars if you can speak and read\n \n \n 1 Star if can speak alone\n \n \n \n } video={video} />\n \n \n
\n
\n
\n \n );\n }\n}\n\n\nexport default withRouter(Language);","import React, { } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport RightSideResume from './RightSideResume';\nimport { withRouter } from './WithRouter';\nimport { Rating } from 'react-simple-star-rating';\nimport { AuthContext } from '../Services/Authcontext';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport axiosInstance from '../Services/axios';\nimport MobileHeader from './MobileHeader';\nimport video from '../image/animation/competencies.webm'\nimport { RESUME_DATA_CONTENT_API_LINK } from '../Services/commonurls';\n\n\nclass Competencies extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n behavioralList: [],\n techList: [],\n otherList: [],\n competenciesList: [],\n isValid: false,\n behavioralSuggestions: null,\n techSuggestions: null,\n otherSuggestions: null,\n competencyEnable: null,\n }\n this.handleBehavChange = this.handleBehavChange.bind(this);\n this.handleBehavRating = this.handleBehavRating.bind(this);\n this.addBehavFormFields = this.addBehavFormFields.bind(this);\n this.handleTechChange = this.handleTechChange.bind(this);\n this.handleTechRating = this.handleTechRating.bind(this);\n this.addTechFormFields = this.addTechFormFields.bind(this);\n this.handleOtherChange = this.handleOtherChange.bind(this);\n this.handleOtherRating = this.handleOtherRating.bind(this);\n this.addOtherFormFields = this.addOtherFormFields.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleBehavChange(i, e) {\n let behavioralList = this.state.behavioralList;\n behavioralList[i][e.target.name] = e.target.value;\n this.setState({ behavioralList });\n }\n\n handleBehavRating(i, rate) {\n // eslint-disable-next-line\n this.state.behavioralList[i][\"rating\"] = parseInt(rate) / 20;\n\n }\n\n addBehavFormFields(name) {\n this.setState(({\n behavioralList: [...this.state.behavioralList, { rating: 0, skill: name }]\n }))\n }\n\n removeBehavFormFields(i) {\n let behavioralList = this.state.behavioralList;\n behavioralList.splice(i, 1);\n this.setState({ behavioralList });\n }\n\n handleTechChange(i, e) {\n let techList = this.state.techList;\n techList[i][e.target.name] = e.target.value;\n this.setState({ techList });\n }\n\n handleTechRating(i, rate) {\n // eslint-disable-next-line\n this.state.techList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n\n addTechFormFields(name) {\n this.setState(({\n techList: [...this.state.techList, { rating: 0, skill: name }]\n }))\n }\n\n removeTechFormFields(i) {\n let techList = this.state.techList;\n techList.splice(i, 1);\n this.setState({ techList });\n }\n handleOtherChange(i, e) {\n let otherList = this.state.otherList;\n otherList[i][e.target.name] = e.target.value;\n this.setState({ otherList });\n }\n\n handleOtherRating(i, rate) {\n // eslint-disable-next-line\n this.state.otherList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n\n addOtherFormFields(name) {\n this.setState(({\n otherList: [...this.state.otherList, { rating: 0, skill: name }]\n }))\n }\n\n removeOtherFormFields(i) {\n let otherList = this.state.otherList;\n otherList.splice(i, 1);\n this.setState({ otherList });\n }\n // eslint-disable-next-line\n handleFetchData = async () => {\n await axiosInstance.get(`${RESUME_DATA_CONTENT_API_LINK}?data_name=competencies&job_family=${this.context.basicInfo.job_family}`)\n .then((res) => {\n // eslint-disable-next-line\n res.data.data.results.map((suggestion, index) => {\n if (suggestion.competency_type === \"BEHAVIORAL COMPETENCIES\") {\n this.setState({ behavioralSuggestions: suggestion.competency_choices })\n } else if (suggestion.competency_type === \"TECHNICAL COMPETENCIES\") {\n this.setState({ techSuggestions: suggestion.competency_choices })\n } else if (suggestion.competency_type === \"OTHER COMPETENCIES\") {\n this.setState({ otherSuggestions: suggestion.competency_choices })\n }\n })\n });\n }\n\n handleSubmit(e) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n // eslint-disable-next-line\n this.setState({\n // eslint-disable-next-line\n competenciesList: {\n // eslint-disable-next-line\n behavioralList: this.state.behavioralList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n // eslint-disable-next-line\n techList: this.state.techList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n // eslint-disable-next-line\n OtherList: this.state.otherList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n }\n })\n setTimeout(() => {\n dispatch({\n type: \"ADD_COMPETENCIES\",\n payload: this.state.competenciesList\n });\n }, 1000)\n for (var key in this.context.stepCompleteness) {\n if (this.context.stepCompleteness[key]['resume_step_id'] === Number(this.props.step)) {\n this.context.stepCompleteness[key]['step_status'] = true;\n }\n }\n this.props.navigate(`/rb-step?step=${Number(this.props.step) + 1}`)\n\n }\n\n\n componentDidMount() {\n window.scrollTo(0, 0);\n this.handleFetchData();\n document.querySelector('.slider').classList.toggle('close');\n this.setState({ competencyEnable: this.context.competencyEnable })\n if (this.context.competencies) {\n this.setState({ behavioralList: this.context.competencies.behavioralList })\n this.setState({ techList: this.context.competencies.techList })\n this.setState({ otherList: this.context.competencies.OtherList })\n }\n }\n\n render() {\n const step = Number(this.props.step)\n return (\n <>\n
\n\n
\n
\n
\n
\n
\n A competency is a broader concept that combines skills with knowledge and behaviour.
\n \n }\n Notes={\n <>\n A competency is a broader concept that combines skills with knowledge and behaviour.
\n This section is crucial for employers to pick suitable candidates so utilises this space to point out\n your core competencies. Try to focus on your strength and keep the number of competencies to max\n of Six
\n \n } video={video} />\n \n \n
\n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n
Highlight 6-8 Competencies that are most relevant to your desired job.
\n
\n
\n
\n
\n
\n
\n
\n \n );\n }\n}\n\nconst Suggestion = ({ name, addFormFields }) => {\n return (\n <>\n
{ addFormFields(name) }}>{name} \n \n )\n}\n\n\nconst sliderclose = () => {\n document.querySelector('.slider').classList.toggle('close');\n}\n\nexport default withRouter(Competencies);","import React, { } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport RightSideResume from './RightSideResume';\nimport { withRouter } from './WithRouter';\nimport { Rating } from 'react-simple-star-rating';\nimport { AuthContext } from '../Services/Authcontext';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport axiosInstance from '../Services/axios';\nimport MobileHeader from './MobileHeader';\nimport video from '../image/animation/skills.webm'\nimport { RESUME_DATA_CONTENT_API_LINK } from '../Services/commonurls';\n\nclass Skills extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n resume_tech_skills: '',\n resume_func_skills: '',\n resume_other_skills: '',\n isValid: false,\n techSkillList: [],\n functionSkillList: [],\n otherSkillList: [],\n skillsList: [],\n techSkillSuggestions: null,\n functionSkillSuggestions: null,\n otherSkillSuggestions: null,\n skillEnable: null,\n }\n this.handleTechChange = this.handleTechChange.bind(this);\n this.handleTechRating = this.handleTechRating.bind(this);\n this.addTechFormFields = this.addTechFormFields.bind(this);\n this.handleFuncChange = this.handleFuncChange.bind(this);\n this.handleFuncRating = this.handleFuncRating.bind(this);\n this.addFuncFormFields = this.addFuncFormFields.bind(this);\n this.handleOtherChange = this.handleOtherChange.bind(this);\n this.handleOtherRating = this.handleOtherRating.bind(this);\n this.addOtherFormFields = this.addOtherFormFields.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleTechChange(i, e) {\n let techSkillList = this.state.techSkillList;\n techSkillList[i][e.target.name] = e.target.value;\n this.setState({ techSkillList });\n }\n\n handleTechRating(i, rate) {\n // eslint-disable-next-line\n this.state.techSkillList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n\n addTechFormFields(name) {\n this.setState(({\n techSkillList: [...this.state.techSkillList, { rating: 0, skill: name }]\n }))\n\n }\n\n\n removeTechFormFields(i) {\n let techSkillList = this.state.techSkillList;\n techSkillList.splice(i, 1);\n this.setState({ techSkillList });\n }\n\n handleFuncChange(i, e) {\n let functionSkillList = this.state.functionSkillList;\n functionSkillList[i][e.target.name] = e.target.value;\n this.setState({ functionSkillList });\n }\n\n handleFuncRating(i, rate) {\n // eslint-disable-next-line\n this.state.functionSkillList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n\n addFuncFormFields(name) {\n this.setState(({\n functionSkillList: [...this.state.functionSkillList, { rating: 0, skill: name }]\n }))\n\n }\n\n removeFuncFormFields(i) {\n let functionSkillList = this.state.functionSkillList;\n functionSkillList.splice(i, 1);\n this.setState({ functionSkillList });\n }\n\n handleOtherChange(i, e) {\n let otherSkillList = this.state.otherSkillList;\n otherSkillList[i][e.target.name] = e.target.value;\n this.setState({ otherSkillList });\n }\n\n handleOtherRating(i, rate) {\n // eslint-disable-next-line\n this.state.otherSkillList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n\n addOtherFormFields(name) {\n this.setState(({\n otherSkillList: [...this.state.otherSkillList, { rating: 0, skill: name }]\n }))\n }\n\n removeOtherFormFields(i) {\n let otherSkillList = this.state.otherSkillList;\n otherSkillList.splice(i, 1);\n this.setState({ otherSkillList });\n }\n\n handleFetchData = async () => {\n await axiosInstance.get(`${RESUME_DATA_CONTENT_API_LINK}?data_name=skills&job_family=${this.context.basicInfo.job_family}`)\n .then((res) => {\n // eslint-disable-next-line\n res.data.data.results.map((suggestion, index) => {\n if (suggestion.skill_type === \"TECHNICAL SKILLS\") {\n this.setState({ techSkillSuggestions: suggestion.skill_choices })\n } else if (suggestion.skill_type === \"FUNCTIONAL SKILLS\") {\n this.setState({ functionSkillSuggestions: suggestion.skill_choices })\n } else if (suggestion.skill_type === \"OTHER SKILLS\") {\n this.setState({ otherSkillSuggestions: suggestion.skill_choices })\n }\n })\n });\n }\n\n\n handleSubmit(e) {\n e.preventDefault();\n const { dispatch } = this.context;\n this.setState({\n skillsList: {\n // eslint-disable-next-line\n TechSkillList: this.state.techSkillList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n // eslint-disable-next-line\n FunctionSkillList: this.state.functionSkillList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n // eslint-disable-next-line\n OtherSkillList: this.state.otherSkillList.filter((skillsList) => { if (skillsList.skill !== '' && skillsList.skill !== 'undefined' && skillsList.skill !== undefined) { return skillsList } }),\n }\n })\n setTimeout(() => {\n dispatch({\n type: \"ADD_SKILLS\",\n payload: this.state.skillsList\n });\n\n }, 1000)\n for (var key in this.context.stepCompleteness) {\n if (this.context.stepCompleteness[key]['resume_step_id'] === Number(this.props.step)) {\n this.context.stepCompleteness[key]['step_status'] = true;\n }\n }\n this.props.navigate(`/rb-step?step=${Number(this.props.step) + 1}`)\n\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n this.handleFetchData();\n this.setState({ skillEnable: this.context.skillEnable })\n if (this.context.skills) {\n this.setState({ techSkillList: this.context.skills.TechSkillList })\n this.setState({ functionSkillList: this.context.skills.FunctionSkillList })\n this.setState({ otherSkillList: this.context.skills.OtherSkillList })\n }\n }\n\n render() {\n const step = Number(this.props.step)\n\n return (\n <>\n
\n\n
\n
\n
\n
\n
\n Hiring Managers scan the resume for specific skills relevant to the role so tailor your skills to the job\n description you are targeting. Include relevant skills in separate skill sections. Keep the total number\n of skills to a maximum of 10.
\n \n }\n Notes={\n <>\n Hiring Managers scan the resume for specific skills relevant to the role so tailor your skills to the job\n description you are targeting. Include relevant skills in separate skill sections. Keep the total number\n of skills to a maximum of 10.
\n Ensure you are really strong on the skills you are adding, hiring managers tend to dive deeper on\n those skills you mentioned in the resume during interviews.
\n \n } video={video} />\n\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Highlight 6-8 skills that are most relevant to your desired job..
\n
\n
\n
\n
\n
\n
\n
\n \n );\n }\n}\n\n\nconst Suggestion = ({ name, addFormFields }) => {\n return (\n <>\n
{ addFormFields(name) }}>{name} \n \n )\n}\n\n//for mobile hi slider\n\nconst sliderclose = () => {\n document.querySelector('.slider').classList.toggle('close');\n}\n\nexport default withRouter(Skills);","import React from 'react'\n\nconst TitleCard = ({ Title, Section, Description }) => {\n return (\n <>\n
\n \n )\n}\n\nexport default TitleCard","import React from 'react'\n\nconst DetailCard = ({ Id, Icon, Title, Location, StartDate, EndDate, Industry, handleDelete, handleEdit, Summary }) => {\n return (\n <>\n
\n
\n
\n
\n
\n
{Title}
\n
{Industry}{(Location) ? ` | ${Location}` : ''}
\n
{StartDate}{(EndDate) ? ` | ${EndDate}` : ''}
\n
{Summary}
\n
\n
\n
\n { handleDelete(Id) }}> \n
\n
\n { handleEdit(Id) }}> \n
\n
\n
\n
\n \n )\n}\n\nexport default DetailCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass TrainingCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/education.png',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n header: 'Training',\n trainingList: [\n \n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleTrainingDelete = this.handleTrainingDelete.bind(this);\n this.handleTrainingEdit = this.handleTrainingEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleTrainingEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditTraining = this.state.trainingList.filter(training => training.id === id);\n EditTraining.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handleTrainingDelete(id) {\n const deleteTraining = this.state.trainingList.filter(training => training.id !== id);\n this.setState({ trainingList: deleteTraining });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addTraining = {\n id: nanoid(),\n icon: '/image/icons/education.png',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n }\n this.setState({ trainingList: [...this.state.trainingList, addTraining] })\n\n } else {\n const EditTraining = this.state.trainingList.map(training => {\n if (training.id === this.state.editId) {\n return {\n ...training, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return training;\n });\n this.setState({ trainingList: EditTraining })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n this.handleState();\n }\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_TRAINING',\n payload: this.state.trainingList\n })\n dispatch({\n type: 'TRAINING_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n componentDidMount() {\n this.setState({ header: this.context.trainingTitle })\n if (this.context.training && this.context.training !== null) {\n this.setState({ trainingList: this.context.training })\n }\n document.getElementById(\"trainingproj_start_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return <>\n
\n
\n
\n
\n
\n
\n ;\n }\n}\n\nexport default TrainingCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass CocurricularActivitiesCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/education.png',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n header: 'Cocurricular',\n coCurricularList: [\n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleCocurricularDelete = this.handleCocurricularDelete.bind(this);\n this.handleCocurricularEdit = this.handleCocurricularEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleCocurricularEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditCocurricular = this.state.coCurricularList.filter(cocurricular => cocurricular.id === id);\n EditCocurricular.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handleCocurricularDelete(id) {\n const deleteCocurricular = this.state.coCurricularList.filter(cocurricular => cocurricular.id !== id);\n this.setState({ coCurricularList: deleteCocurricular })\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_COCURRICULAR',\n payload: this.state.coCurricularList\n })\n }, 1000)\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addCocurricular = {\n id: nanoid(),\n icon: '/image/icons/education.png',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n }\n this.setState({ coCurricularList: [...this.state.coCurricularList, addCocurricular] })\n\n } else {\n const EditCocurricular = this.state.coCurricularList.map(cocurricular => {\n if (cocurricular.id === this.state.editId) {\n return {\n ...cocurricular, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return cocurricular;\n });\n this.setState({ coCurricularList: EditCocurricular })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n setTimeout(() => {\n dispatch({\n type: 'ADD_COCURRICULAR',\n payload: this.state.coCurricularList\n })\n dispatch({\n type: 'COCURRICULAR_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n componentDidMount() {\n this.setState({ header: this.context.cocurricularTitle })\n if (this.context.cocurricular && this.context.cocurricular !== null) {\n this.setState({ coCurricularList: this.context.cocurricular })\n }\n document.getElementById(\"cocurricularproj_start_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return <>\n
\n
\n
\n
\n
\n
\n ;\n }\n}\n\nexport default CocurricularActivitiesCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass HonoursandAwardsCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/awards.svg',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n summary: '',\n header: 'Honours and Awards',\n honourList: [\n // {\n // id: \"default\",\n // icon: '/image/icons/awards.svg',\n // title: 'Project Manager (3 Projects)',\n // section: 'ABC IT Solutions',\n // startDate: '2014',\n // endDate: '2019',\n // // Summary: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate similique optio tenetur nemo? Excepturi.',\n\n // },\n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleHonourDelete = this.handleHonourDelete.bind(this);\n this.handleHonourEdit = this.handleHonourEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleHonourEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditHonour = this.state.honourList.filter(honour => honour.id === id);\n EditHonour.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handleHonourDelete(id) {\n const deleteHonour = this.state.honourList.filter(honour => honour.id !== id);\n this.setState({ honourList: deleteHonour });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addHonour = {\n id: nanoid(),\n icon: '/image/icons/awards.svg',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n\n }\n this.setState({ honourList: [...this.state.honourList, addHonour] })\n\n } else {\n const EditHonour = this.state.honourList.map(honour => {\n if (honour.id === this.state.editId) {\n return {\n ...honour, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return honour;\n });\n this.setState({ honourList: EditHonour })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n this.handleState();\n }\n\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_HONOURS',\n payload: this.state.honourList\n })\n dispatch({\n type: 'HONOURS_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n\n componentDidMount() {\n this.setState({ header: this.context.honoursTitle })\n if (this.context.honours && this.context.honours !== null) {\n this.setState({ honourList: this.context.honours })\n }\n document.getElementById(\"award_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return (\n <>\n
\n
\n
\n
\n
\n
\n \n )\n }\n}\n\nexport default HonoursandAwardsCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass CompetitionsCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/education.png',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n header: 'Competitions',\n competitionsList: [\n\n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleCompetitionsDelete = this.handleCompetitionsDelete.bind(this);\n this.handleCompetitionsEdit = this.handleCompetitionsEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleCompetitionsEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditCompetitions = this.state.competitionsList.filter(competitions => competitions.id === id);\n EditCompetitions.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handleCompetitionsDelete(id) {\n const deleteCompetitions = this.state.competitionsList.filter(competitions => competitions.id !== id);\n this.setState({ competitionsList: deleteCompetitions })\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addCompetitions = {\n id: nanoid(),\n icon: '/image/icons/education.png',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n }\n this.setState({ competitionsList: [...this.state.competitionsList, addCompetitions] })\n\n } else {\n const EditCompetitions = this.state.competitionsList.map(competitions => {\n if (competitions.id === this.state.editId) {\n return {\n ...competitions, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return competitions;\n });\n this.setState({ competitionsList: EditCompetitions })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n this.handleState();\n }\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_COMPETITION',\n payload: this.state.competitionsList\n })\n dispatch({\n type: 'COMPETITION_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n componentDidMount() {\n this.setState({ header: this.context.competitionsTitle })\n if (this.context.competitions && this.context.competitions !== null) {\n this.setState({ competitionsList: this.context.competitions })\n }\n document.getElementById(\"competitionsproj_start_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return <>\n
\n
\n
\n
\n
\n
\n ;\n }\n}\n\nexport default CompetitionsCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport { nanoid } from \"nanoid\";\nimport DetailCard from \"./DetailCard\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass VolunteeringCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/Skills.svg',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n header: 'Volunteering',\n volunteerList: [\n\n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleVolunteerDelete = this.handleVolunteerDelete.bind(this);\n this.handleVolunteerEdit = this.handleVolunteerEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleVolunteerEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditVolunteer = this.state.volunteerList.filter(volunteer => volunteer.id === id);\n EditVolunteer.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handleVolunteerDelete(id) {\n const deleteVolunteer = this.state.volunteerList.filter(volunteer => volunteer.id !== id);\n this.setState({ volunteerList: deleteVolunteer });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addVolunteer = {\n id: nanoid(),\n icon: '/image/icons/Skills.svg',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n }\n this.setState({ volunteerList: [...this.state.volunteerList, addVolunteer] })\n\n } else {\n const EditVolunteer = this.state.volunteerList.map(volunteer => {\n if (volunteer.id === this.state.editId) {\n return {\n ...volunteer, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return volunteer;\n });\n this.setState({ volunteerList: EditVolunteer })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n this.handleState();\n }\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_VOLUNTEER',\n payload: this.state.volunteerList\n })\n dispatch({\n type: 'VOLUNTEER_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n componentDidMount() {\n this.setState({ header: this.context.volunteerTitle })\n if (this.context.volunteer && this.context.volunteer !== null) {\n this.setState({ volunteerList: this.context.volunteer })\n }\n document.getElementById(\"vol_start_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return <>\n
\n
\n
\n
\n
\n
\n ;\n }\n}\nexport default VolunteeringCard;","import React from 'react';\nimport { withRouter } from './WithRouter';\nimport { AuthContext } from '../Services/Authcontext';\nimport TitleCard from './TitleCard';\n\n\nclass Links extends React.Component {\n static contextType = AuthContext\n constructor(props) {\n super(props)\n this.state = {\n isValid: false,\n isEdit: false,\n showForm: false,\n header: 'Hobbies',\n hobbiesList: [],\n }\n this.handleForm = this.handleForm.bind(this);\n this.handleTechChange = this.handleTechChange.bind(this);\n this.addTechFormFields = this.addTechFormFields.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleTechChange(i, e) {\n let hobbiesList = this.state.hobbiesList;\n hobbiesList[i][e.target.name] = e.target.value;\n this.setState({ hobbiesList });\n }\n\n addTechFormFields(name) {\n this.setState(({\n hobbiesList: [...this.state.hobbiesList, { title: \"\" }]\n }))\n }\n\n removeTechFormFields(i) {\n let hobbiesList = this.state.hobbiesList;\n hobbiesList.splice(i, 1);\n this.setState({ hobbiesList });\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n if (formType === 'add') {\n } else {\n this.setState({ isEdit: !this.state.isEdit })\n }\n this.setState({ showForm: !this.state.showForm })\n setTimeout(() => {\n dispatch({\n type: 'ADD_HOBBIE',\n // eslint-disable-next-line\n payload: this.state.hobbiesList.filter((hobbiesList) => { if (hobbiesList.title !== '' && hobbiesList.title !== undefined) { return hobbiesList } })\n })\n dispatch({\n type: 'HOBBIE_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n this.setState({ header: this.context.hobbiesTitle })\n if (this.context.hobbies && this.context.hobbies !== '' && this.context.hobbies !== null) {\n this.setState({ hobbiesList: this.context.hobbies })\n }\n }\n\n render() {\n return (\n <>\n\n
\n
\n
\n
\n
\n
\n\n \n );\n };\n}\n\nconst LinkListCard = ({ link }) => {\n return (\n <>\n
\n \n )\n}\n\nexport default withRouter(Links);","import React from \"react\";\nimport { Editor } from \"react-draft-wysiwyg\";\nimport draftToHtml from 'draftjs-to-html';\nimport htmlToDraft from 'html-to-draftjs';\nimport { EditorState, convertToRaw, ContentState, convertFromHTML, Modifier } from \"draft-js\";\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\nimport TitleCard from \"./TitleCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\nimport { Markup } from \"interweave\";\n\nclass AchievementsCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n const html = '';\n const contentBlock = htmlToDraft(html);\n if (contentBlock) {\n const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\n const editorState = EditorState.createWithContent(contentState);\n this.state = {\n editorState: editorState,\n // section: '',\n Summary: '',\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/Skills.svg',\n header: 'Achievements',\n achieveList: [\n ]\n };\n }\n this.handleForm = this.handleForm.bind(this);\n this.handleAchieveDelete = this.handleAchieveDelete.bind(this);\n this.handleAchieveEdit = this.handleAchieveEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleAchieveEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditAchieve = this.state.achieveList.filter(achieve => achieve.id === id);\n EditAchieve.map((editData) => {\n this.setState({ id: editData.id });\n // this.setState({ section: editData.section });\n this.setState({ Summary: editData.Summary });\n const blocksFromHTML = convertFromHTML(editData.Summary);\n const state = ContentState.createFromBlockArray(\n blocksFromHTML.contentBlocks,\n blocksFromHTML.entityMap\n );\n this.setState({ editorState: EditorState.createWithContent(state) });\n return '';\n });\n }\n\n handleAchieveDelete(id) {\n const deleteJob = this.state.achieveList.filter(achieve => achieve.id !== id);\n this.setState({ achieveList: deleteJob });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addAchieve = {\n id: nanoid(),\n icon: '/image/icons/Skills.svg',\n // section: this.state.section,\n Summary: this.state.Summary,\n }\n this.setState({ achieveList: [...this.state.achieveList, addAchieve] })\n\n } else {\n const EditAchieve = this.state.achieveList.map(achieve => {\n if (achieve.id === this.state.editId) {\n return {\n // ...achieve, section: this.state.section,\n Summary: this.state.Summary,\n };\n }\n return achieve;\n });\n this.setState({ achieveList: EditAchieve })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n // this.setState({ section: '' })\n this.setState({ Summary: '' })\n this.setState({ editorState: EditorState.createEmpty() });\n this.handleState();\n }\n\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_ACHIEVEMENT',\n payload: this.state.achieveList\n })\n dispatch({\n type: 'ACHIEVEMENT_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n\n hadleSetContent = (data) => {\n const html = (data) ? data : '';\n const contentBlock = htmlToDraft(html);\n if (contentBlock) {\n const editorState = this.state.editorState;\n\n let { contentBlocks, entityMap } = htmlToDraft(data);\n let contentState = Modifier.replaceWithFragment(\n editorState.getCurrentContent(),\n editorState.getSelection(),\n ContentState.createFromBlockArray(contentBlocks, entityMap).getBlockMap()\n )\n const newEditorState = EditorState.push(editorState, contentState, 'insert-fragment');\n this.onEditorStateChange(newEditorState)\n }\n }\n\n onEditorStateChange = editorState => {\n this.setState({ editorState: editorState });\n this.setState({ Summary: draftToHtml(convertToRaw(this.state.editorState.getCurrentContent())) })\n };\n componentDidMount() {\n this.setState({ header: this.context.achievementsTitle })\n if (this.context.achievements && this.context.achievements !== null) {\n this.setState({ achieveList: this.context.achievements })\n }\n\n }\n render() {\n const { editorState } = this.state;\n return (\n
\n
\n
\n
\n {\n this.state.achieveList.map((achieve, index) => {\n return (\n
\n
\n
\n
\n
\n
{achieve.section}
\n
\n
\n
\n
\n { this.handleAchieveDelete(achieve.id) }}> \n
\n
\n { this.handleAchieveEdit(achieve.id) }}> \n
\n
\n
\n
\n )\n })\n }\n
\n
\n
\n
\n
\n {\n (this.state.achieveList <= 0) ? (<>\n
\n add
\n ) : ''\n }\n\n
\n
\n
\n )\n }\n}\n\nexport default AchievementsCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\nimport DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass PersonalProjectsCard extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n editId: '',\n isEdit: false,\n icon: '/image/icons/education.png',\n title: '',\n section: '',\n startDate: '',\n endDate: '',\n header: 'Personal Projects',\n personalList: [\n\n ]\n };\n this.handleForm = this.handleForm.bind(this);\n this.handlePersonalDelete = this.handlePersonalDelete.bind(this);\n this.handlePersonalEdit = this.handlePersonalEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handlePersonalEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditPersonal = this.state.personalList.filter(personal => personal.id === id);\n EditPersonal.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ title: editData.title });\n this.setState({ section: editData.section });\n this.setState({ startDate: editData.startDate });\n this.setState({ endDate: editData.endDate });\n return '';\n });\n }\n\n handlePersonalDelete(id) {\n const deletePersonal = this.state.personalList.filter(personal => personal.id !== id);\n this.setState({ personalList: deletePersonal });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addPersonal = {\n id: nanoid(),\n icon: '/image/icons/education.png',\n title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n }\n this.setState({ personalList: [...this.state.personalList, addPersonal] })\n\n } else {\n const EditPersonal = this.state.personalList.map(personal => {\n if (personal.id === this.state.editId) {\n return {\n ...personal, title: this.state.title,\n section: this.state.section,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n };\n }\n return personal;\n });\n this.setState({ personalList: EditPersonal })\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ title: '' })\n this.setState({ section: '' })\n this.setState({ startDate: '' })\n this.setState({ endDate: '' })\n this.handleState();\n }\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_PERSONALPROJECT',\n payload: this.state.personalList\n })\n dispatch({\n type: 'PERSONALPROJECT_HEADER',\n payload: this.state.header\n })\n }, 1000)\n }\n componentDidMount() {\n this.setState({ header: this.context.personalProjectTitle })\n if (this.context.personalProject && this.context.personalProject !== null) {\n this.setState({ personalList: this.context.personalProject })\n }\n document.getElementById(\"personalproj_start_date\").setAttribute(\"max\", this.props.handleDateValiadation((new Date())));\n }\n render() {\n return <>\n
\n
\n
\n
\n
\n
\n ;\n }\n}\n\nexport default PersonalProjectsCard;","import React from \"react\";\nimport TitleCard from \"./TitleCard\";\n// import DetailCard from \"./DetailCard\";\nimport { nanoid } from \"nanoid\";\nimport { AuthContext } from \"../Services/Authcontext\";\n\nclass ReferenceCard extends React.Component {\n static contextType = AuthContext\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n isEdit: false,\n editId: '',\n Name: '',\n Phone: '',\n Email: '',\n Designation: '',\n Company: '',\n referenceList: []\n };\n this.handleForm = this.handleForm.bind(this);\n this.handleReferenceDelete = this.handleReferenceDelete.bind(this);\n this.handleReferenceEdit = this.handleReferenceEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleReferenceEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditReference = this.state.referenceList.filter(reference => reference.id === id);\n EditReference.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ Name: editData.Name });\n this.setState({ Phone: editData.Phone });\n this.setState({ Email: editData.Email });\n this.setState({ Designation: editData.Designation });\n this.setState({ Company: editData.Company });\n return '';\n });\n }\n\n handleReferenceDelete(id) {\n const deleteReference = this.state.referenceList.filter(reference => reference.id !== id);\n this.setState({ referenceList: deleteReference });\n this.handleState();\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addReference = {\n id: nanoid(),\n Name: this.state.Name,\n Phone: this.state.Phone,\n Email: this.state.Email,\n Designation: this.state.Designation,\n Company: this.state.Company,\n }\n this.setState({ referenceList: [...this.state.referenceList, addReference] })\n\n } else {\n const EditReference = this.state.referenceList.map(school => {\n if (school.id === this.state.editId) {\n return {\n ...school, Name: this.state.Name,\n Phone: this.state.Phone,\n Email: this.state.Email,\n Designation: this.state.Designation,\n Company: this.state.Company,\n };\n }\n return school;\n });\n this.setState({ referenceList: EditReference })\n this.setState({ isEdit: !this.state.isEdit })\n\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ editId: '' })\n this.setState({ id: '' });\n this.setState({ Name: '' });\n this.setState({ Phone: '' });\n this.setState({ Email: '' });\n this.setState({ Designation: '' });\n this.setState({ Company: '' });\n this.handleState();\n };\n handleState() {\n const { dispatch } = this.context;\n setTimeout(() => {\n dispatch({\n type: 'ADD_REFERENCES',\n payload: this.state.referenceList\n })\n }, 1000)\n }\n componentDidMount() {\n if (this.context.references && this.context.references !== null) {\n this.setState({ referenceList: this.context.references })\n }\n }\n render() {\n return (\n
\n
\n
\n
\n
\n
\n )\n }\n}\n\nconst ReferenceListCard = ({ Id, Name, Phone, Email, Designation, Company, handleReferenceDelete, handleReferenceEdit }) => {\n return (\n
\n
\n
\n
\n
\n
{Name}
\n
{Designation} | {Company}
\n
{Phone} | {Email}
\n
\n
\n
\n
\n { handleReferenceDelete(Id) }}> \n
\n
\n { handleReferenceEdit(Id) }}> \n
\n
\n
\n
\n )\n};\n\nexport default ReferenceCard;","import React from 'react';\nimport RightSideResume from './RightSideResume';\nimport TrainingCard from './TrainingCard';\nimport CocurricularActivitiesCard from './CocurricularActivitiesCard';\nimport HonoursandAwardsCard from './HonoursandAwardsCard';\nimport CompetitionsCard from './CompetitionsCard';\nimport VolunteeringCard from './VolunteeringCard';\nimport Hobbies from './Hobbies';\nimport AchievementsCard from './AchievementsCard';\nimport PersonalProjectsCard from './PersonalProjectsCard';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport MobileHeader from './MobileHeader';\nimport { Link } from 'react-router-dom';\nimport { AuthContext } from '../Services/Authcontext';\nimport ReferenceCard from './ReferenceCard';\nimport video from '../image/animation/others.webm'\n\n\n\nclass Others extends React.Component {\n static contextType = AuthContext\n constructor(props) {\n super(props)\n this.state = {\n trainingCard: false,\n honourCard: false,\n cocurricularCard: false,\n competitionCard: false,\n volunterCard: false,\n hobbieCard: false,\n achievementCard: false,\n personalCard: false,\n linksCard: false,\n referenceCard: false,\n done: false\n }\n\n this.handleCard = this.handleCard.bind(this);\n }\n\n handleCard() {\n this.setState({ card: !this.state.card })\n }\n\n handleDone = () => {\n document.getElementById('saveBtnMain').click();\n }\n\n\n handleDateValiadation = (date) => {\n var today = date;\n var dd = today.getDate();\n var mm = today.getMonth() + 1; //January is 0!\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd\n }\n if (mm < 10) {\n mm = '0' + mm\n }\n\n return today = yyyy + '-' + mm + '-' + dd;\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n if (this.context.competitions.length <= 0) {\n this.setState({ competitionCard: this.state.competitionCard })\n }\n else if (this.context.competitions && this.context.competitions !== null && this.context.competitions !== \"\") {\n this.setState({ competitionCard: !this.state.competitionCard })\n }\n if (this.context.training.length <= 0) {\n this.setState({ trainingCard: this.state.trainingCard })\n }\n else if (this.context.training && this.context.training !== null && this.context.training !== \"\") {\n this.setState({ trainingCard: !this.state.trainingCard })\n }\n if (this.context.honours.length <= 0) {\n this.setState({ honourCard: this.state.honourCard })\n }\n else if (this.context.honours && this.context.honours !== null && this.context.honours !== \"\") {\n this.setState({ honourCard: !this.state.honourCard })\n }\n if (this.context.cocurricular.length <= 0) {\n this.setState({ cocurricularCard: this.state.cocurricularCard })\n }\n else if (this.context.cocurricular && this.context.cocurricular !== null && this.context.cocurricular !== \"\") {\n this.setState({ cocurricularCard: !this.state.cocurricularCard })\n }\n if (this.context.volunteer.length <= 0) {\n this.setState({ volunterCard: this.state.volunterCard })\n }\n else if (this.context.volunteer && this.context.volunteer !== null && this.context.volunteer !== \"\") {\n this.setState({ volunterCard: !this.state.volunterCard })\n }\n if (this.context.hobbies.length <= 0) {\n this.setState({ hobbieCard: this.state.hobbieCard })\n }\n else if (this.context.hobbies && this.context.hobbies !== null && this.context.hobbies !== \"\") {\n this.setState({ hobbieCard: !this.state.hobbieCard })\n }\n if (this.context.achievements.length <= 0) {\n this.setState({ achievementCard: this.state.achievementCard })\n }\n else if (this.context.achievements && this.context.achievements !== null && this.context.achievements !== \"\") {\n this.setState({ achievementCard: !this.state.achievementCard })\n }\n if (this.context.personalProject.length <= 0) {\n this.setState({ personalCard: this.state.personalCard })\n }\n else if (this.context.personalProject && this.context.personalProject !== null && this.context.personalProject !== \"\") {\n this.setState({ personalCard: !this.state.personalCard })\n }\n if (this.context.links.length <= 0) {\n this.setState({ linksCard: this.state.linksCard })\n }\n else if (this.context.links && this.context.links !== null && this.context.links !== \"\") {\n this.setState({ linksCard: !this.state.linksCard })\n }\n if (this.context.references.length <= 0) {\n this.setState({ referenceCard: this.state.referenceCard })\n }\n else if (this.context.references && this.context.references !== null && this.context.references !== \"\") {\n this.setState({ referenceCard: !this.state.referenceCard })\n }\n }\n render() {\n return (\n <>\n
\n
\n
\n
\n
\n
\n Hurray… you are almost there! You can add optional sections of your choice here that highlights\n your Achievements, Hobbies or Interests and Honours and Awards.
\n \n }\n Notes={\n <>\n Hurray… you are almost there! You can add optional sections of your choice here that highlights\n your Achievements, Hobbies or Interests and Honours and Awards.
\n If you are a fresher , would be good to add Training Programs you attended, Co-Curricular or Extra\n Curricular activities you participated, Competitions Won and Volunteering activities you are\n involved. Add details of Personal or additional projects successfully completed.
\n References are point of contacts that your potential employer can reach out to get to know more\n about you.
\n \n } video={video} />\n \n { this.setState({ trainingCard: !this.state.trainingCard }) }}> \n \n \n \n \n \n \n \n\n \n\n
\n \n
\n Back \n \n
\n\n
\n Done \n
\n
\n
\n
\n
\n \n );\n };\n}\n\nexport default Others;","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport RightSideResume from './RightSideResume';\nimport { withRouter } from './WithRouter';\nimport { AuthContext } from '../Services/Authcontext';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport MobileHeader from './MobileHeader';\nimport video from '../image/animation/others.webm'\n\n\nclass Links extends React.Component {\n static contextType = AuthContext\n constructor(props) {\n super(props)\n this.state = {\n resume_links: '',\n isValid: false,\n isEdit: false,\n showForm: false,\n linksList: [],\n techSkillSuggestions: null,\n }\n this.handleForm = this.handleForm.bind(this);\n this.handleTechChange = this.handleTechChange.bind(this);\n this.handleTechRating = this.handleTechRating.bind(this);\n this.addTechFormFields = this.addTechFormFields.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleNext = this.handleNext.bind(this);\n }\n\n handleNext(e) {\n for (var key in this.context.stepCompleteness) {\n if (this.context.stepCompleteness[key]['resume_step_id'] === Number(this.props.step)) {\n this.context.stepCompleteness[key]['step_status'] = true;\n }\n }\n this.props.navigate(`/rb-step?step=${Number(this.props.step) + 1}`)\n }\n handleTechChange(i, e) {\n let linksList = this.state.linksList;\n linksList[i][e.target.name] = e.target.value;\n this.setState({ linksList });\n }\n\n handleTechRating(i, rate) {\n // eslint-disable-next-line\n this.state.linksList[i][\"rating\"] = parseInt(rate) / 20;\n }\n\n addTechFormFields(name) {\n this.setState(({\n linksList: [...this.state.linksList, { linkName: \"\", link: name }]\n }))\n }\n\n removeTechFormFields(i) {\n let linksList = this.state.linksList;\n linksList.splice(i, 1);\n this.setState({ linksList });\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n } else {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: '' })\n }\n this.setState({ showForm: !this.state.showForm })\n setTimeout(() => {\n dispatch({\n type: 'ADD_LINKS',\n // eslint-disable-next-line\n payload: this.state.linksList.filter((linkList) => { if (linkList.link !== '' && linkList.link !== 'undefined' && linkList.link !== undefined) { return linkList } })\n })\n }, 1000)\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n if (this.context.links && this.context.links !== '' && this.context.links !== null) {\n this.setState({ linksList: this.context.links })\n }\n }\n\n render() {\n const step = Number(this.props.step)\n return (\n <>\n
\n
\n
\n
\n
\n
\n Including links (URLs or hyperlinks) on a resume gives hiring managers insights into your additional\n credentials and expertise.
\n \n }\n Notes={\n <>\n Including links (URLs or hyperlinks) on a resume gives hiring managers insights into your additional\n credentials and expertise.
\n For example, people generally provide professional links such as Linked In and software engineers\n can add link for their coding profiles (Github), writers can include their blog links and academics can\n share the links for their published research articles.
\n \n } video={video} />\n\n \n \n {\n this.state.linksList && this.state.linksList.map((link, index) => {\n return
\n \n\n \n
\n
\n \n Back \n \n \n Skip \n \n
\n
\n Next \n
\n
\n
\n
\n
\n
\n \n );\n };\n}\n\nconst LinkListCard = ({ link }) => {\n return (\n <>\n
\n
\n
{link.linkName}
\n
{link.link}
\n
\n
\n \n )\n}\n\nexport default withRouter(Links);","import React, { useState, useEffect } from 'react';\r\nimport { useSearchParams } from 'react-router-dom';\r\nimport CreateResumeNavbar from '../../Components/createResumeNavbar';\r\nimport CreateResumeSidebar from '../../Components/createResumeSidebar';\r\nimport JobSummary from '../../Components/JobSummary';\r\nimport WorkExperience from '../../Components/WorkExperience';\r\nimport PersonalInformation from '../../Components/PersonalInformation';\r\nimport Education from '../../Components/Education';\r\nimport Certification from '../../Components/Certification';\r\nimport Language from '../../Components/Language';\r\nimport Competencies from '../../Components/Competencies';\r\nimport Skills from '../../Components/Skills';\r\nimport Others from '../../Components/Others';\r\nimport axiosInstance from '../../Services/axios';\r\nimport Loading from '../../Components/Loading';\r\nimport Links from '../../Components/Links';\r\nimport { RESUME_STEPS_API_LINK } from '../../Services/commonurls';\r\n\r\nconst ResumebuilderStep = () => {\r\n\r\n const [searchParams] = useSearchParams();\r\n const [step, setStep] = useState(1);\r\n const [progressBar, setProgressBar] = useState(0);\r\n const [stepList, setStepList] = useState('');\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const rightHide = () => {\r\n document.getElementById('id_right').classList.add('d-none')\r\n document.getElementById('id_left').classList.add('col-lg-12');\r\n document.getElementById('id_left').classList.add('d-flex');\r\n document.getElementById('id_left').classList.add('justify-content-center');\r\n document.getElementById('id_left').classList.remove('col-md-5');\r\n document.getElementById('id_left_side').classList.add('col-md-7');\r\n document.getElementById('id_right').classList.remove('d-lg-block');\r\n document.getElementById('id_right_expand_hide').classList.add('d-none');\r\n document.getElementById('id_right_expand_hide').classList.remove('d-lg-block');\r\n document.getElementById('id_right_expand_show').classList.remove('d-none');\r\n }\r\n\r\n const rightShow = () => {\r\n document.getElementById('id_right').classList.remove('d-none');\r\n document.getElementById('id_left').classList.remove('col-lg-12');\r\n document.getElementById('id_left').classList.remove('d-flex');\r\n document.getElementById('id_left').classList.remove('justify-content-center');\r\n document.getElementById('id_left').classList.add('col-lg-5');\r\n document.getElementById('id_left_side').classList.remove('col-md-7');\r\n document.getElementById('id_right_expand_hide').classList.remove('d-none');\r\n document.getElementById('id_right_expand_show').classList.add('d-none');\r\n }\r\n\r\n const leftHide = () => {\r\n document.getElementById('id_left').classList.add('d-none');\r\n document.getElementById('id_right').classList.add('col-md-12');\r\n document.getElementById('id_right').classList.remove('col-md-7');\r\n document.getElementById('id_left_expand_hide').classList.add('d-none');\r\n document.getElementById('id_left_expand_show').classList.remove('d-none');\r\n }\r\n\r\n const leftShow = () => {\r\n document.getElementById('id_left').classList.remove('d-none');\r\n document.getElementById('id_right').classList.remove('col-md-12');\r\n document.getElementById('id_right').classList.add('col-md-7');\r\n document.getElementById('id_left_expand_hide').classList.remove('d-none');\r\n document.getElementById('id_left_expand_show').classList.add('d-none');\r\n }\r\n\r\n\r\n const handleSteps = async () => {\r\n await axiosInstance.get(RESUME_STEPS_API_LINK).then((res) => {\r\n setStepList(res.data.data.results)\r\n });\r\n }\r\n\r\n const format = (input, type) => {\r\n // eslint-disable-next-line\r\n var pattern = /(\\d{4})\\-(\\d{2})\\-(\\d{2})/;\r\n if (!input || !input.match(pattern)) {\r\n return null;\r\n }\r\n if (type === \"dd/mm/yyyy\") {\r\n return input.replace(pattern, '$3/$2/$1');\r\n } else if (type === \"mm/dd/yyyy\") {\r\n return input.replace(pattern, '$2/$3/$1');\r\n } else {\r\n return input;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const currentParams = Object.fromEntries([...searchParams]);\r\n setStep(parseInt(currentParams.step) || 1);\r\n if(!stepList){\r\n handleSteps();\r\n }\r\n }, [searchParams]);\r\n return (\r\n <>\r\n {(isLoading) ?
:\r\n (<>\r\n
\r\n
\r\n
\r\n \r\n
\r\n {step === 1 ?
:\r\n step === 2 ?
:\r\n step === 3 ?
:\r\n step === 4 ?
:\r\n step === 5 ?
:\r\n step === 6 ?
:\r\n step === 7 ?
:\r\n step === 8 ?
:\r\n step === 9 ?
:\r\n step === 10 ?
:\r\n
}\r\n
\r\n
\r\n )\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default ResumebuilderStep;","// import axios from \"axios\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport { useNavigate } from 'react-router-dom';\r\nimport Loading from \"../Components/Loading\";\r\nimport { AuthContext } from \"../Services/Authcontext\";\r\n\r\nconst PrivateRoute = () => {\r\n const { dispatch } = useContext(AuthContext);\r\n // eslint-disable-next-line\r\n const [isAuth, setIsAuth] = useState(false);\r\n const navigate = useNavigate();\r\n\r\n useEffect(() => {\r\n if (window.location.search) {\r\n const refresh_token = window.location.search.split('&')[0].split('refresh_token=')[1];\r\n const access_token = window.location.search.split('&')[1].split('access_token=')[1];\r\n localStorage.setItem(\"refreshToken\", refresh_token)\r\n localStorage.setItem(\"accessToken\", access_token)\r\n dispatch({\r\n type: 'ADD_FRESH_TOKEN',\r\n payload: refresh_token\r\n });\r\n dispatch({\r\n type: 'ADD_ACCESS_TOKEN',\r\n payload: access_token\r\n });\r\n setIsAuth(true);\r\n var reloadCount = sessionStorage.getItem('reloadCount');\r\n if (!reloadCount) {\r\n sessionStorage.setItem('reloadCount', reloadCount + 1);\r\n window.location.reload();\r\n } else {\r\n sessionStorage.removeItem('reloadCount');\r\n navigate('/myresume');\r\n }\r\n } else {\r\n window.location.href = (process.env.NODE_ENV === 'development') ? process.env.REACT_APP_LOGOUT_URL : process.env.REACT_APP_PROD_LOGOUT_URL;\r\n }\r\n }, [])\r\n\r\n return
;\r\n}\r\n\r\nexport default PrivateRoute;","import React, { useContext, useEffect, useState } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport RightSideResume from './RightSideResume';\r\nimport { AuthContext } from '../Services/Authcontext';\r\nimport MobileHeader from './MobileHeader';\r\nimport axiosInstance from '../Services/axios';\r\nimport LeftHideButton from './LeftHideButton';\r\nimport NotificationCard from './NotificationCard';\r\nimport { RESUME_DATA_CONTENT_API_LINK } from '../Services/commonurls';\r\n\r\nconst ResumeTitle = ({ step, setStep, progressBar, setIsLoading, rightHide, rightShow, stepList }) => {\r\n const { dispatch, basicInfo, resumeDataSkeleton, stepCompleteness } = useContext(AuthContext);\r\n const navigate = useNavigate();\r\n const [resumeTitle, setResumeTitle] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.resume_title !== '') ? resumeDataSkeleton.basic_info.resume_title : (basicInfo.resume_title) ? basicInfo.resume_title : '');\r\n const [jobFamily, setJobFamily] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_family !== '') ? resumeDataSkeleton.basic_info.job_family : (basicInfo.job_family) ? basicInfo.job_family : '');\r\n const [jobFamilyList, setJobFamilyList] = useState([]);\r\n const [jobGroup, setJobGroup] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_group !== '') ? resumeDataSkeleton.basic_info.job_group : (basicInfo.job_group) ? basicInfo.job_group : '');\r\n const [jobGroupList, setJobGroupList] = useState([]);\r\n const [jobType, setJobType] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_type !== '') ? resumeDataSkeleton.basic_info.job_type : (basicInfo.job_type) ? basicInfo.job_type : '');\r\n const [jobTypeList, setJobTypeList] = useState([]);\r\n const [Valid, setValid] = useState(false);\r\n // eslint-disable-next-line\r\n const [prefferedDateFormat, setPrefferedDateFormat] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.preferred_data_format !== '' && resumeDataSkeleton.basic_info.preferred_data_format !== null) ? resumeDataSkeleton.basic_info.preferred_data_format : (basicInfo.preferred_data_format) ? basicInfo.preferred_data_format : '');\r\n\r\n const handleFetchData = async (setvalue, param) => {\r\n await axiosInstance.get(`${RESUME_DATA_CONTENT_API_LINK}?data_name=${param}`)\r\n .then((res) => {\r\n setvalue(res.data.data.results)\r\n });\r\n }\r\n\r\n const handleJobFamily = (data) => {\r\n let param = `job_group&job_family=${data}`;\r\n handleFetchData(setJobGroupList, param)\r\n setJobFamily(data)\r\n }\r\n\r\n\r\n const handleJobGroup = (data) => {\r\n let param = `job_type&job_group=${data}`;\r\n handleFetchData(setJobTypeList, param)\r\n setJobGroup(data)\r\n }\r\n\r\n const handleJobType = (data) => {\r\n setJobType(data)\r\n }\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n if (resumeTitle !== '' && jobFamily !== '' && jobGroup !== '' && jobType !== '') {\r\n\r\n let data = {\r\n resume_title: resumeTitle,\r\n job_family: jobFamily,\r\n job_group: jobGroup,\r\n job_type: jobType,\r\n perfered_date_format: prefferedDateFormat,\r\n }\r\n\r\n dispatch({\r\n type: \"ADD_RESUME_TITLE\",\r\n payload: data\r\n })\r\n\r\n for (var key in stepCompleteness) {\r\n if (stepCompleteness[key]['resume_step_id'] === Number(step)) {\r\n stepCompleteness[key]['step_status'] = true;\r\n }\r\n }\r\n\r\n navigate(`/rb-step?step=${Number(step) + 1}`);\r\n setStep(Number(step) + 1)\r\n setValid(false)\r\n } else {\r\n setValid(!Valid)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n handleFetchData(setJobFamilyList, 'job_family');\r\n\r\n if (jobFamily && jobFamily !== '') {\r\n handleJobFamily(jobFamily);\r\n }\r\n if (jobGroup && jobGroup !== '') {\r\n handleJobGroup(jobGroup);\r\n }\r\n }, [jobGroup, jobFamily])\r\n\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Hi I’m Lee!
\r\n I will guide you to build your resume. Now give your resume a name and your desired job post
\r\n \r\n } />\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ResumeTitle;\r\n\r\n\r\nconst OptionCard = ({ value, name, selected }) => {\r\n return
{name} \r\n\r\n}","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport RightSideResume from './RightSideResume';\nimport { nanoid } from 'nanoid';\nimport { withRouter } from './WithRouter';\nimport { AuthContext } from '../Services/Authcontext';\nimport NotificationCard from './NotificationCard';\nimport LeftHideButton from './LeftHideButton';\nimport MobileHeader from './MobileHeader';\n\nclass References extends React.Component {\n static contextType = AuthContext\n\n constructor(props) {\n super(props)\n this.state = {\n showForm: false,\n isEdit: false,\n editId: '',\n Name: '',\n Phone: '',\n Email: '',\n Designation: '',\n Company: '',\n referenceList: []\n };\n this.handleNext = this.handleNext.bind(this);\n this.handleForm = this.handleForm.bind(this);\n this.handleReferenceDelete = this.handleReferenceDelete.bind(this);\n this.handleReferenceEdit = this.handleReferenceEdit.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleForm() {\n this.setState({ showForm: !this.state.showForm })\n }\n\n handleReferenceEdit(id) {\n this.setState({ isEdit: !this.state.isEdit })\n this.setState({ editId: id })\n this.setState({ showForm: !this.state.showForm })\n const EditReference = this.state.referenceList.filter(reference => reference.id === id);\n EditReference.map((editData) => {\n this.setState({ id: editData.id });\n this.setState({ Name: editData.Name });\n this.setState({ Phone: editData.Phone });\n this.setState({ Email: editData.Email });\n this.setState({ Designation: editData.Designation });\n this.setState({ Company: editData.Company });\n return '';\n });\n }\n\n handleReferenceDelete(id) {\n const deleteReference = this.state.referenceList.filter(reference => reference.id !== id);\n this.setState({ referenceList: deleteReference })\n }\n\n handleSubmit(e, formType) {\n e.preventDefault();\n const { dispatch } = this.context;\n dispatch({\n type: 'DATA_UPDATED',\n payload: true\n })\n if (formType === 'add') {\n const addReference = {\n id: nanoid(),\n Name: this.state.Name,\n Phone: this.state.Phone,\n Email: this.state.Email,\n Designation: this.state.Designation,\n Company: this.state.Company,\n }\n this.setState({ referenceList: [...this.state.referenceList, addReference] })\n\n } else {\n const EditReference = this.state.referenceList.map(school => {\n if (school.id === this.state.editId) {\n return {\n ...school, Name: this.state.Name,\n Phone: this.state.Phone,\n Email: this.state.Email,\n Designation: this.state.Designation,\n Company: this.state.Company,\n };\n }\n return school;\n });\n this.setState({ referenceList: EditReference })\n this.setState({ isEdit: !this.state.isEdit })\n\n }\n this.setState({ showForm: !this.state.showForm })\n this.setState({ editId: '' })\n this.setState({ id: '' });\n this.setState({ Name: '' });\n this.setState({ Phone: '' });\n this.setState({ Email: '' });\n this.setState({ Designation: '' });\n this.setState({ Company: '' });\n };\n\n handleNext(e) {\n const { dispatch } = this.context;\n let data = this.state.referenceList.filter(certificate => certificate.id !== \"default\");\n dispatch({\n type: \"ADD_REFERENCES\",\n payload: data\n });\n for (var key in this.context.stepCompleteness) {\n if (this.context.stepCompleteness[key]['resume_step_id'] === Number(this.props.step)) {\n this.context.stepCompleteness[key]['step_status'] = true;\n }\n }\n this.props.navigate(`/rb-step?step=${Number(this.props.step) + 1}`)\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n if (this.context.references) {\n this.setState({ referenceList: this.context.references })\n }\n }\n\n render() {\n const step = Number(this.props.step)\n return (\n <>\n
\n
\n
\n
\n
\n
\n \"For many employers, reference are used to confirm many of the positive attributes they observed during the interview\"
\n \n } />\n\n \n \n {\n this.state.referenceList.map((reference, index) => {\n return
\n \n
\n
\n
\n
\n \n Back \n \n \n Skip \n \n
\n
\n Next \n
\n
\n
\n
\n
\n
\n \n );\n };\n}\n\n\n\nconst ReferenceCard = ({ Id, Name, Phone, Email, Designation, Company, handleReferenceDelete, handleReferenceEdit }) => {\n return (\n <>\n
\n
\n
\n
\n
\n
{Name}
\n
{Designation} | {Company}
\n
{Phone} | {Email}
\n
\n
\n
\n
\n { handleReferenceDelete(Id) }}> \n
\n
\n { handleReferenceEdit(Id) }}> \n
\n
\n
\n
\n\n \n )\n}\n\nexport default withRouter(References);","import React from 'react'\n\nconst ChooseTemplates = ({ template, hadleSelectedTemplate, previewImageFunction }) => {\n return (\n
\n
\n
\n
\n
\n
\n
\n
\n
{template.name}
\n
{template.summary}
\n
{template.description}
\n
\n { previewImageFunction(template.photo_thumbnail) }}>preview \n { hadleSelectedTemplate(template.id) }}>select \n
\n
\n
\n
\n
\n
\n
\n )\n}\n\nexport default ChooseTemplates","import React, { useCallback, useContext, useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { AuthContext } from '../Services/Authcontext';\nimport axiosInstance from '../Services/axios';\nimport { RESUME_DATA_CONTENT_API_LINK, RESUME_TEMPLATE_SELECTION_API_LINK } from '../Services/commonurls';\n\nconst ChooseTemplateCategory = ({ setEmpty, setTemplates, setFilterTemplates }) => {\n const { dispatch, basicInfo, resumeDataSkeleton } = useContext(AuthContext);\n const [jobFamily, setJobFamily] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_family !== '') ? resumeDataSkeleton.basic_info.job_family : (basicInfo.job_family) ? basicInfo.job_family : '');\n const [jobFamilyList, setJobFamilyList] = useState([]);\n const [jobGroup, setJobGroup] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_group !== '') ? resumeDataSkeleton.basic_info.job_group : (basicInfo.job_group) ? basicInfo.job_group : '');\n const [jobGroupList, setJobGroupList] = useState([]);\n const [jobType, setJobType] = useState((resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info.job_type !== '') ? resumeDataSkeleton.basic_info.job_type : (basicInfo.job_type) ? basicInfo.job_type : '');\n const [jobTypeList, setJobTypeList] = useState([]);\n const [Valid, setValid] = useState(false);\n const [isActive, setIsActive] = useState(true);\n\n const handleFetchData = async (setvalue, param) => {\n await axiosInstance.get(`${RESUME_DATA_CONTENT_API_LINK}?data_name=${param}`)\n .then((res) => {\n setvalue(res.data.data.results)\n });\n }\n\n const handleJobFamily = useCallback((data) => {\n let param = `job_group&job_family=${data}`;\n handleFetchData(setJobGroupList, param)\n setJobFamily(data)\n }, [])\n\n\n const handleJobGroup = useCallback((data) => {\n let param = `job_type&job_group=${data}`;\n handleFetchData(setJobTypeList, param)\n setJobGroup(data)\n },[])\n\n const handleJobType = (data) => {\n setJobType(data)\n }\n\n const handleSubmit = (e) => {\n e.preventDefault();\n if (jobFamily !== '' && jobGroup !== '' && jobType !== '') {\n let data = {\n job_family: jobFamily,\n job_group: jobGroup,\n job_type: jobType,\n }\n\n dispatch({\n type: \"ADD_BASIC_INFO\",\n payload: data\n })\n setValid(false)\n setEmpty(false)\n fetchTemplates();\n\n } else {\n setValid(!Valid)\n }\n }\n const fetchTemplates = async () => {\n await axiosInstance.get(`${RESUME_TEMPLATE_SELECTION_API_LINK}?job_family=${jobFamily}`)\n .then((response) => {\n setTemplates(response.data.data.resume_template_list);\n setFilterTemplates(response.data.data.resume_template_list);\n })\n }\n useEffect(() => {\n if (resumeDataSkeleton && resumeDataSkeleton.basic_info && resumeDataSkeleton.basic_info !== '') {\n setEmpty(false)\n } else {\n setEmpty(true)\n }\n if (isActive) {\n handleFetchData(setJobFamilyList, 'job_family');\n setIsActive(false);\n }\n if (jobFamily && jobFamily !== '') {\n handleJobFamily(jobFamily);\n }\n if (jobGroup && jobGroup !== '') {\n handleJobGroup(jobGroup);\n }\n }, [])\n return (\n <>\n
\n \n )\n}\n\nexport default ChooseTemplateCategory\n\nconst OptionCard = ({ value, name, selected }) => {\n return
{name} \n}","import React, { useContext, useEffect, useState } from 'react';\nimport { Link, useNavigate } from \"react-router-dom\";\nimport '../../css/ResumebuilderTemplateSelection.css';\nimport ChooseTemplates from '../../Components/ChooseTemplates';\nimport { AuthContext } from '../../Services/Authcontext';\nimport axiosInstance from '../../Services/axios';\nimport ChooseTemplateCategory from '../../Components/ChooseTemplateCategory';\nimport { RESUME_CREATE_API_LINK, RESUME_TEMPLATE_SELECTION_API_LINK, SWITCH_TEMPLATE_API_LINK } from '../../Services/commonurls';\n\nconst ResumebuilderTemplateSelection = () => {\n const { dispatch, basicInfo, resumeID } = useContext(AuthContext);\n const navigate = useNavigate();\n // eslint-disable-next-line\n const [templates, setTemplates] = useState([]);\n const [filtertemplates, setFilterTemplates] = useState([]);\n const [empty, setEmpty] = useState(true)\n\n const fetchTemplates = async () => {\n await axiosInstance.get(`${RESUME_TEMPLATE_SELECTION_API_LINK}?job_family=${basicInfo.job_family}`)\n .then((response) => {\n setTemplates(response.data.data.resume_template_list);\n setFilterTemplates(response.data.data.resume_template_list);\n })\n }\n\n const handleChangeTemplate = (id) => {\n let data = {\n resume_id: resumeID,\n template_id: id\n };\n axiosInstance.post(SWITCH_TEMPLATE_API_LINK, data).then((res) => {\n templateSkeletonData(res);\n });\n }\n\n const templateSkeletonData = (res) => {\n localStorage.setItem(\"ADD_RESUME_SKELETON_COPY\", JSON.stringify(res.data.data.resume_skeleton));\n dispatch({\n type: 'ADD_PROFILE_PICTURE',\n payload: { 'picture': res.data.data.resume_data_skeleton.personal_info.profile_picture }\n })\n dispatch({\n type: 'ADD_RESUME_TEMPLATE',\n payload: res.data.data\n });\n dispatch({\n type: 'CITYLIST',\n payload: res.data.data.city_list\n })\n dispatch({\n type: 'COUNTRYLIST',\n payload: res.data.data.country_list\n })\n dispatch({\n type: 'ADD_RESUME_DATA_SKELETON',\n payload: res.data.data.resume_data_skeleton\n });\n dispatch({\n type: 'ADD_RESUME_SKELETON',\n payload: res.data.data.resume_skeleton\n });\n dispatch({\n type: 'ADD_RESUME_TITLE',\n payload: res.data.data.resume_data_skeleton.basic_info.resume_title\n });\n dispatch({\n type: \"ADD_BASIC_INFO\",\n payload: res.data.data.resume_data_skeleton.basic_info\n });\n dispatch({\n type: 'ADD_JOB_SUMMARY',\n payload: res.data.data.resume_data_skeleton.profile_summary\n });\n dispatch({\n type: 'ADD_WORK_EXPERIENCE',\n payload: res.data.data.resume_data_skeleton.work_experience.work_experience\n });\n dispatch({\n type: 'ADD_EDUCATION',\n payload: res.data.data.resume_data_skeleton.education.education\n });\n dispatch({\n type: 'ADD_CERTIFICATE',\n payload: res.data.data.resume_data_skeleton.certifications.certification\n });\n dispatch({\n type: 'ADD_SKILLS',\n payload: res.data.data.resume_data_skeleton.skills.skill\n });\n dispatch({\n type: 'ADD_COMPETENCIES',\n payload: res.data.data.resume_data_skeleton.competencies.competency\n });\n dispatch({\n type: 'ADD_REFERENCES',\n payload: res.data.data.resume_data_skeleton.reference.reference\n });\n dispatch({\n type: 'ADD_LANGUAGE',\n payload: res.data.data.resume_data_skeleton.language.language\n });\n dispatch({\n type: 'ADD_OTHERS',\n payload: res.data.data.resume_data_skeleton.others\n });\n dispatch({\n type: 'ADD_STEP_COMPLETENESS',\n payload: res.data.data.resume_data_skeleton.step_completeness\n })\n dispatch({\n type: 'ADD_RESUME_SKELETON_SECTION',\n payload: res.data.data.resume_skeleton.sections\n })\n dispatch({\n type: 'ADD_VOLUNTEER',\n payload: res.data.data.resume_data_skeleton.others.volunteering\n })\n dispatch({\n type: 'ADD_HONOURS',\n payload: res.data.data.resume_data_skeleton.others.award\n })\n dispatch({\n type: 'ADD_ACHIEVEMENT',\n payload: res.data.data.resume_data_skeleton.others.achievement\n })\n dispatch({\n type: 'ADD_COCURRICULAR',\n payload: res.data.data.resume_data_skeleton.others.co_curricular\n })\n dispatch({\n type: 'ADD_TRAINING',\n payload: res.data.data.resume_data_skeleton.others.training\n })\n dispatch({\n type: 'ADD_COMPETITION',\n payload: res.data.data.resume_data_skeleton.others.competitions\n })\n dispatch({\n type: 'ADD_PERSONALPROJECT',\n payload: res.data.data.resume_data_skeleton.others.personal_project\n })\n dispatch({\n type: 'ADD_HOBBIE',\n payload: res.data.data.resume_data_skeleton.others.hobbies\n })\n dispatch({\n type: 'ADD_LINKS',\n payload: res.data.data.resume_data_skeleton.others.links\n })\n dispatch({\n type: 'FLIPED_UPDATED',\n payload: res.data.data.resume_skeleton.styles.layout_flip_enabled\n })\n dispatch({\n type: 'SKILL_ENABLED',\n payload: res.data.data.resume_data_skeleton.skills.skillEnable\n })\n dispatch({\n type: 'COMPETENCIES_ENABLED',\n payload: res.data.data.resume_data_skeleton.competencies.competencyEnable\n })\n dispatch({\n type: 'TRAINING_HEADER',\n payload: res.data.data.resume_data_skeleton.others.training_title\n })\n dispatch({\n type: 'COMPETITION_HEADER',\n payload: res.data.data.resume_data_skeleton.others.competitions_title\n })\n dispatch({\n type: 'HOBBIE_HEADER',\n payload: res.data.data.resume_data_skeleton.others.hobbies_title\n })\n dispatch({\n type: 'PERSONALPROJECT_HEADER',\n payload: res.data.data.resume_data_skeleton.others.personal_project_title\n })\n dispatch({\n type: 'VOLUNTEER_HEADER',\n payload: res.data.data.resume_data_skeleton.others.volunteering_title\n })\n dispatch({\n type: 'TRAINING_HEADER',\n payload: res.data.data.resume_data_skeleton.others.training_title\n })\n dispatch({\n type: 'HONOURS_HEADER',\n payload: res.data.data.resume_data_skeleton.others.award_title\n })\n dispatch({\n type: 'ACHIEVEMENT_HEADER',\n payload: res.data.data.resume_data_skeleton.others.achievement_title\n })\n dispatch({\n type: 'COCURRICULAR_HEADER',\n payload: res.data.data.resume_data_skeleton.others.co_curricular_title\n })\n navigate('/rb-step');\n }\n\n const hadleSelectedTemplate = (id) => {\n const data = JSON.stringify({\n template_id: id,\n job_family: basicInfo.job_family,\n job_group: basicInfo.job_group,\n job_type: basicInfo.job_type,\n });\n\n axiosInstance.post(RESUME_CREATE_API_LINK, data).then((res) => {\n templateSkeletonData(res);\n });\n\n }\n\n\n const previewImageFunction = (image) => {\n document.getElementById('idPreviewImage').setAttribute(\"src\", image);\n }\n\n\n useEffect(() => {\n if (basicInfo) {\n fetchTemplates();\n }\n }, [])\n\n return (\n <>\n\n
\n \n
\n
\n {(empty) ?
Tell us about your profession : Choose your resume template }\n \n
X\n
\n\n
\n
\n {(empty) ? (<>\n
\n ) :\n (<>\n {(filtertemplates.length > 0) ?\n (<>\n {filtertemplates && filtertemplates.map((template, index) => {\n return
\n })}\n ) :\n
No Data Found.
\n }\n )\n }\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n );\n};\n\nexport default ResumebuilderTemplateSelection;","import React from 'react'\nimport { NavLink, useLocation } from 'react-router-dom'\n\nconst Success = () => {\n const location = useLocation();\n\n return (\n <>\n\n
\n
\n
\n
\n
\n
\n
\n
\n {(location.state === 'apply') ?\n
Mail Sended successfully!
\n :\n
Resume has been created successfully!
\n }\n
\n Back to Home \n
\n
\n
\n
\n
\n \n )\n}\n\nexport default Success","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nconst Error404 = () => {\n return (\n <>\n
\n
\n
\n
Home\n
\n
\n \n )\n}\n\nexport default Error404","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nconst Error500 = () => {\n return (\n <>\n
\n
\n
\n
Oops! Something went
\n
Home\n
\n
\n \n )\n}\n\nexport default Error500","import React, { useEffect } from 'react'\nimport Navbar from './Navbar'\nimport $ from \"jquery\";\nimport { Markup } from 'interweave'\n\n\nconst Preview = () => {\n var max_pages = 10;\n var page_count = 0;\n let resumeType = 2;\n\n function pageBreak() {\n orderWorkExperience();\n if (resumeType === 2) {\n $('.rightColumn').append(detachChild('#RIGHT'));\n $('.leftColumn').each(function () {\n snipMe.call(this, 'LEFT', 'leftColumn');\n });\n $('.rightColumn').each(function () {\n snipMe.call(this, 'RIGHT', 'rightColumn');\n });\n\n let leftColumnSize = $('.leftColumn').length;\n let rightColumnSize = $('.rightColumn').length;\n\n if (leftColumnSize >= rightColumnSize) {\n reArrange1(rightColumnSize, '.rightColumn', '.leftColumn', true);\n } else {\n reArrange1(rightColumnSize, '.leftColumn', '.rightColumn', false);\n }\n } else {\n $('.leftColumn').each(function () {\n snipMe.call(this, 'LEFT', 'leftColumn');\n });\n\n }\n }\n\n function reArrange1(itx, source, destination, isAppend) {\n for (let i = 0; i < itx; i++) {\n let child = $($(source)[i]).children();\n child.detach();\n if (isAppend === true) {\n $($(destination)[i]).append($(child));\n } else {\n $($(destination)[i]).prepend($(child));\n }\n }\n $(source).detach();\n }\n\n function detachChild(id) {\n var childs = $('.A4').children().filter(id);\n return $(childs).detach();\n }\n\n\n function orderWorkExperience() {\n let workExpDivComponents = $('.A4').children().children('#ResumeExperience');\n let childs = workExpDivComponents.children().filter('.row');\n let removedWorkExp = [];\n childs.each(function (idx, ele) {\n if (idx > 0) {\n let newli = $('
');\n newli.append($(ele).clone());\n removedWorkExp.push(newli);\n $(ele).detach();\n $(workExpDivComponents).after(newli);\n }\n });\n }\n\n function snipMe(id, customClass) {\n page_count++;\n if (page_count > max_pages) {\n return;\n }\n var leftLong = $(this)[0].scrollHeight - Math.ceil($(this).innerHeight());\n let parent = $(this).children().filter('#' + id);\n let className = $(parent).prop('class');\n let styleText = $(parent).prop('style').cssText;\n var leftChildren = $(this).children().filter('#' + id).children().toArray();\n var leftRemoved = [];\n while (leftLong > 0 && leftChildren.length > 0) {\n var child = leftChildren.pop();\n $(child).detach();\n leftRemoved.unshift(child);\n leftLong = $(this)[0].scrollHeight - Math.ceil($(this).innerHeight());\n }\n\n let parentClassName = \"row A4 \" + customClass;\n\n if (leftRemoved.length > 0) {\n var a4 = $('
');\n var ulLeftEl = $('
');\n a4.append(ulLeftEl);\n ulLeftEl.append(leftRemoved);\n $(this).after(a4);\n snipMe.call(a4[0], id, customClass);\n }\n }\n\n useEffect(() => {\n pageBreak();\n\n }, [])\n\n return (\n <>\n
\n
\n \n )\n}\n\nexport default Preview","\r\nimport React, { useContext, useEffect, useState } from 'react';\r\nimport axiosInstance from '../Services/axios';\r\nimport Navbar from './Navbar';\r\nimport Sidebar from './sidebar';\r\nimport { Editor } from \"react-draft-wysiwyg\";\r\nimport htmlToDraft from 'html-to-draftjs';\r\nimport { EditorState, ContentState, convertToRaw } from 'draft-js';\r\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\r\nimport 'draft-js/dist/Draft.css'\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport { Link, useNavigate } from 'react-router-dom';\r\nimport Loading from './Loading';\r\nimport { AuthContext } from '../Services/Authcontext';\r\nimport { MY_APP_TRACKER_API_LINK, USER_INFO_API_LINK } from '../Services/commonurls';\r\n\r\nconst Apply = () => {\r\n const { resumeID } = useContext(AuthContext);\r\n const [salutation, setsalutation] = useState('');\r\n const [recruitername, setrecruitername] = useState('');\r\n const [companyname, setcompanyname] = useState('');\r\n const [jobpost, setjobpost] = useState('');\r\n const [emailreceiver, setemailreceiver] = useState('');\r\n const [subject, setsubject] = useState('');\r\n const [userDetails, setuserDetails] = useState('');\r\n // const [attachedresume, setattachedresume] = useState('');\r\n const [Valid, setValid] = useState(false);\r\n const [editorState, setEditorState] = useState('')\r\n const [ccemail, setccEmail] = useState('');\r\n const [loading, setLoading] = useState(false)\r\n const navigate = useNavigate();\r\n\r\n const fetchUserDetails = async () => {\r\n await axiosInstance.get(USER_INFO_API_LINK).then((res) => {\r\n setuserDetails(res.data.data);\r\n setccEmail(res.data.data.email);\r\n });\r\n }\r\n\r\n // const handleFile = (e) => {\r\n // setattachedresume(e.target.files[0]);\r\n // }\r\n\r\n const onEditorStateChange = editorState => {\r\n setEditorState(editorState);\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n if (\r\n salutation !== '' &&\r\n recruitername !== '' &&\r\n companyname !== '' &&\r\n jobpost !== '' &&\r\n emailreceiver !== '' &&\r\n subject !== ''\r\n ) {\r\n let data = {\r\n salutation: salutation,\r\n recruitername: recruitername,\r\n companyname: companyname,\r\n jobpost: jobpost,\r\n emailreceiver: emailreceiver,\r\n cc_email: ccemail,\r\n message: draftToHtml(convertToRaw(editorState.getCurrentContent())),\r\n subject: subject,\r\n attachedresume: resumeID,\r\n };\r\n setLoading(true);\r\n axiosInstance.defaults.headers['Content-Type'] = 'multipart/form-data';\r\n axiosInstance.post(MY_APP_TRACKER_API_LINK, data).then((res) => {\r\n setLoading(true);\r\n if (res.data.status_code === 200) {\r\n navigate('/success', { state: 'apply' });\r\n setLoading(false);\r\n };\r\n });\r\n axiosInstance.defaults.headers['Content-Type'] = 'application/json';\r\n setValid(false)\r\n } else {\r\n setValid(true)\r\n window.scrollTo(0, 0)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n\r\n fetchUserDetails();\r\n const html = `
Dear {Recruiter Name Here},
\r\n
I have attached my resume and a cover letter for the job to apply {position} at {company} . The role and responsibilities seem exciting and matching to my interest areas and career goals.
\r\n
I am looking forward to meeting you in person to share my insights and ideas on making company development quicker and more effective.
\r\n
Sincerely,\r\nYour Name\r\nContact Number
`;\r\n const contentBlock = htmlToDraft(html);\r\n const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\r\n setEditorState((contentState) ? EditorState.createWithContent(contentState) : '');\r\n if (!resumeID) {\r\n navigate('/myresume');\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n {\r\n (loading) ?
: (<>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Send your resume \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
hi! we help you to apply your resume in more professional way
\r\n
Send your application to your recruiter using our tool.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n \r\n\r\n );\r\n};\r\n\r\n\r\nexport default Apply;\r\n\r\n","import {\n useState,\n useEffect,\n useCallback,\n useRef,\n useContext,\n} from 'react';\nimport moment from 'moment';\nimport { AuthContext } from './Authcontext';\nimport { SESSION_TIME } from './commonurls';\n\n\nconst SessionTimeout = () => {\n // eslint-disable-next-line\n const [events, setEvents] = useState(['click', 'load', 'scroll']);\n const [second, setSecond] = useState(0);\n const [isOpen, setOpen] = useState(false);\n const isAuth = useContext(AuthContext);\n\n let timeStamp;\n let warningInactiveInterval = useRef();\n let startTimerInterval = useRef();\n\n // start inactive check\n let timeChecker = () => {\n startTimerInterval.current = setTimeout(() => {\n let storedTimeStamp = sessionStorage.getItem('lastTimeStamp').toString();\n warningInactive(storedTimeStamp);\n }, 60000);\n };\n\n // warning timer\n let warningInactive = (timeString) => {\n clearTimeout(startTimerInterval.current);\n\n warningInactiveInterval.current = setInterval(() => {\n const maxTime = SESSION_TIME;\n const popTime = 1;\n\n const diff = moment.duration(moment().diff(moment(timeString)));\n const minPast = diff.minutes();\n const leftSecond = 60 - diff.seconds();\n\n if (minPast === popTime) {\n setSecond(leftSecond);\n setOpen(true);\n }\n\n if (minPast === maxTime) {\n clearInterval(warningInactiveInterval.current);\n setOpen(false);\n sessionStorage.removeItem('lastTimeStamp');\n window.location.href = (process.env.NODE_ENV === 'development') ? process.env.REACT_APP_LOGOUT_URL : process.env.REACT_APP_PROD_LOGOUT_URL;\n localStorage.removeItem('refreshToken')\n localStorage.removeItem('accessToken')\n }\n }, 1000);\n };\n\n // reset interval timer\n let resetTimer = useCallback(() => {\n clearTimeout(startTimerInterval.current);\n clearInterval(warningInactiveInterval.current);\n\n if (isAuth) {\n timeStamp = moment();\n sessionStorage.setItem('lastTimeStamp', timeStamp);\n } else {\n clearInterval(warningInactiveInterval.current);\n sessionStorage.removeItem('lastTimeStamp');\n }\n timeChecker();\n setOpen(false);\n }, [isAuth]);\n\n // handle close popup\n // eslint-disable-next-line\n const handleClose = () => {\n setOpen(false);\n\n resetTimer();\n };\n\n useEffect(() => {\n events.forEach((event) => {\n window.addEventListener(event, resetTimer);\n });\n\n timeChecker();\n\n return () => {\n clearTimeout(startTimerInterval.current);\n // resetTimer();\n };\n }, [resetTimer, events, timeChecker]);\n\n // console.log(second);\n\n if (!isOpen) {\n return null;\n }\n\n // change fragment to modal and handleclose func to close\n return [isOpen,second];\n};\n\nexport default SessionTimeout;","import React, { Fragment, useEffect } from 'react';\r\nimport { BrowserRouter, Route, Routes, Outlet } from 'react-router-dom';\r\n\r\n/** Components **/\r\nimport Login from './Screens/Auth_Manager/Login';\r\nimport MyResume from './Components/MyResume';\r\nimport ResumebuilderCreateOption from './Screens/Resume_Builder/resumebuilder_create_option';\r\nimport ResumebuilderStep from './Screens/Resume_Builder/resumebuilder_step';\r\nimport PrivateRoute from './Router/privateroute';\r\nimport ResumeTitle from './Components/ResumeTitle';\r\nimport JobSummary from './Components/JobSummary';\r\nimport WorkExperience from './Components/WorkExperience';\r\nimport PersonalInformation from './Components/PersonalInformation';\r\nimport Education from './Components/Education';\r\nimport Certification from './Components/Certification';\r\nimport Language from './Components/Language';\r\nimport References from './Components/References';\r\nimport Competencies from './Components/Competencies';\r\nimport Skills from './Components/Skills';\r\nimport Others from './Components/Others';\r\nimport CreateResumeNavbar from './Components/createResumeNavbar';\r\nimport CreateResumeSidebar from './Components/createResumeSidebar';\r\nimport ResumebuilderTemplateSelection from './Screens/Resume_Builder/resumebuilder_template_selection';\r\nimport { AuthProvider } from './Services/Authcontext';\r\nimport Success from './Components/Success';\r\nimport Error404 from './Components/Error404';\r\nimport Error500 from './Components/Error500';\r\nimport Loading from './Components/Loading';\r\nimport Preview from './Components/Preview';\r\nimport Apply from './Components/Apply'\r\nimport SessionTimeout from './Services/SessionTimeout';\r\n\r\n\r\nconst CreateResumeLayout = ({ children, ...rest }) => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n )\r\n}\r\nconst App = () => {\r\n useEffect(() => {\r\n if (!localStorage.getItem('refreshToken')) { window.location.href = (process.env.NODE_ENV === 'development') ? process.env.REACT_APP_LOGOUT_URL : process.env.REACT_APP_PROD_LOGOUT_URL };\r\n }, [])\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default App; ","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\n// import 'bootstrap/dist/js/bootstrap.bundle.min';\r\nimport 'bootstrap/js/dist/dropdown';\r\nimport 'bootstrap/js/dist/modal';\r\nimport 'bootstrap/js/dist/tooltip';\r\n\r\nimport './style.css'\r\nimport '@popperjs/core/dist/umd/popper.js';\r\nglobal.jQuery = require('jquery');\r\nrequire('bootstrap');\r\n\r\nReactDOM.render(\r\n
\r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\n\r\n"],"sourceRoot":""}
![logo](\"/image/logo_icon.svg\"){kind=icon}
\n ![icon](\"/image/icons/Certified.svg\"){kind=icon}
\n ![404](\"/image/error_404.svg\")
\n Home\n