{title}
}\r\n \r\n \r\n ) : null;\r\n }\r\n}\r\n\r\nexport default Error;\r\n","import * as React from \"react\";\r\n\r\nimport {\r\n IconEmail,\r\n IconFacebook,\r\n IconFileAudio,\r\n IconFileGeneric,\r\n IconFilePDF,\r\n IconFileVideo,\r\n IconFileWeb,\r\n IconLinkedin,\r\n IconMapMarker,\r\n IconPhone,\r\n IconTwitter\r\n} from \"@common/components/Atoms/Icons\";\r\n\r\ninterface AddressLinkProps {\r\n icon?: boolean;\r\n address: string;\r\n style?: any;\r\n className?: string;\r\n}\r\n\r\nexport const AddressLink = (props: AddressLinkProps) => {\r\n const classes = [\"c-structured-link\"];\r\n const icon = \r\n {props.icon && (\r\n
\r\n );\r\n }\r\n return null;\r\n};\r\n\r\n// Attachment Link\r\ninterface AttachmentLinkProps {\r\n date?: any;\r\n icon?: boolean;\r\n label: string;\r\n style?: object;\r\n url: string;\r\n type?: string;\r\n}\r\n\r\ninterface AttachmentLinkState{\r\n showAudioPlayer: boolean\r\n showVideoPlayer: boolean\r\n}\r\n\r\nexport class AttachmentLink extends React.Component{icon}
\r\n )}\r\n \r\n \r\n {props.address}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\n// Email Link\r\ninterface EmailLinkProps {\r\n email?: string;\r\n icon?: boolean;\r\n className?: string;\r\n style?: object;\r\n}\r\n\r\nexport const EmailLink = (props: EmailLinkProps) => {\r\n const classes = [\"c-structured-link\"];\r\n if (props.className) classes.push(props.className);\r\n if (props.email) {\r\n return (\r\n \r\n {this.props.icon && (\r\n
\r\n {type===\"audio\" && \r\n {icon}
\r\n )}\r\n \r\n
\r\n \r\n {type===\"link\" && \r\n \r\n {this.props.label}\r\n \r\n }\r\n {type===\"audio\" && \r\n \r\n {this.props.label}\r\n \r\n }\r\n {type===\"video\" && \r\n \r\n {this.props.label}\r\n \r\n }\r\n {this.props.date && (\r\n
\r\n {this.props.date}
\r\n )}\r\n \r\n \r\n
\r\n }\r\n {type===\"video\" && \r\n \r\n \r\n
\r\n }\r\n \r\n {props.icon && (\r\n
\r\n );\r\n }\r\n return null;\r\n};\r\n\r\n// Facebook, LinkedIn, Twitter\r\ninterface UrlLinkProps {\r\n url: string;\r\n}\r\n\r\nexport const FacebookLink = (props: UrlLinkProps) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n {props.email}\r\n \r\n
\r\n \r\n {props.icon && (\r\n
\r\n );\r\n};\r\n\r\nexport default EmailLink;\r\n","import * as React from \"react\";\r\nimport { IconLogoMark } from \"./Icons\";\r\n\r\n/*===========================================================================\r\n Loading\r\n/*======================================================================== */\r\n\r\ninterface LoadingProps {\r\n empty?: boolean,\r\n height?: number\r\n message?: string,\r\n modifierClass?: string,\r\n width?: number,\r\n}\r\n\r\nconst Loading = (props: LoadingProps) => {\r\n const message = props.empty ? \"\" : !!props.message ? props.message : \"loading\";\r\n const width = props.width || 64;\r\n const height = props.height || 64;\r\n return (\r\n {icon}
\r\n )}\r\n \r\n \r\n {display}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Loading;\r\n","import * as React from \"react\";\r\n\r\nimport * as moment from \"moment\";\r\n\r\nimport { Format } from \"@common/_constants\";\r\n\r\ninterface LocalTimeProps {\r\n utcTimestamp: string\r\n format?: string\r\n}\r\n\r\n\r\nconst LocalTime = (props: LocalTimeProps) => {\r\n const format = props.format || Format.Datetime.DATETIME_ABBR_MONTH;\r\n const localTime = moment\r\n .utc(props.utcTimestamp)\r\n .local()\r\n .format(format);\r\n return {localTime};\r\n};\r\n\r\nexport default LocalTime;\r\n","import * as React from \"react\";\r\n\r\ninterface RelodeRepProps {\r\n image: string\r\n name: string\r\n children?: React.ReactNode\r\n}\r\n\r\nexport const RelodeRep = (props: RelodeRepProps) => (\r\n {message}
\r\n \r\n 
\r\n
\r\n);\r\n\r\nexport default RelodeRep;\r\n","import * as React from \"react\";\r\n\r\ninterface ShowingProps {\r\n currentPage: number;\r\n pageSize: number;\r\n total: number;\r\n dataCy?: string;\r\n}\r\n\r\nexport const Showing = (props: ShowingProps) => {\r\n const total = props.total;\r\n const begin = (props.currentPage - 1) * props.pageSize + 1;\r\n const dataCy = props.dataCy;\r\n\r\n let end = begin + props.pageSize - 1;\r\n if (end > total) {\r\n end = total;\r\n }\r\n\r\n if (begin > total || total < 1) {\r\n return null;\r\n } else {\r\n return (\r\n \r\n
\r\n {props.name}
\r\n {props.children && {props.children}
}\r\n \r\n Showing {begin}-{end} of {total}\r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default Showing;\r\n","import * as React from \"react\";\r\nimport * as ReactModal from \"react-modal\";\r\n\r\nimport { IconClose, IconLogoHorizontal } from \"@common/components/Atoms/Icons\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\n\r\ninterface ModalProps {\r\n children?: React.ReactNode;\r\n closeModal: () => void;\r\n isOpen: boolean;\r\n loading?: boolean;\r\n onAfterOpen?: () => void;\r\n onRequestClose?: () => void;\r\n shouldCloseOnOverlayClick?: boolean;\r\n title?: string;\r\n size?: string;\r\n className?: string;\r\n dataCy?: string;\r\n}\r\n\r\nexport const Modal = (props: ModalProps) => {\r\n const classes = [\"c-modal\"];\r\n if (!!props.size) classes.push(\"c-modal--\" + props.size);\r\n if (!props.size) classes.push(\"c-modal--sm\");\r\n if (!!props.loading) classes.push(\"is-loading\");\r\n if (!!props.className) classes.push(props.className);\r\n\r\n return (\r\n \r\n {\r\n \r\n {props.title}\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n {props.loading && (\r\n {props.children}
\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Modal;\r\n","import * as React from \"react\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nimport {\r\n IconChevronLeft,\r\n IconChevronRight,\r\n} from \"@common/components/Atoms/Icons\";\r\nimport { GlobalConfig } from \"@common/utils/config\";\r\n\r\n/*===========================================================================\r\n Pagination\r\n/*======================================================================== */\r\ninterface PaginationProps {\r\n currentPage: number;\r\n pageSize: number;\r\n total: number;\r\n onPageChange: (selectedItem: { selected: number }) => void;\r\n}\r\n\r\nexport const Pagination = (props: PaginationProps) => (\r\n \r\n
\r\n);\r\n\r\nexport default Pagination;\r\n","import * as React from \"react\";\r\n\r\nimport * as moment from \"moment\";\r\n\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport Showing from \"@common/components/Atoms/Showing\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport Pagination from \"@common/components/Molecules/Pagination\";\r\nimport { Activity as ActivityModel } from \"@common/models\";\r\nimport { GlobalConfig } from \"@common/utils/config\";\r\n\r\nconst breakpoints = GlobalConfig.ui.breakpoints;\r\n\r\n/*===========================================================================\r\n Activities List\r\n/*======================================================================== */\r\n\r\ninterface ActivityItemProps {\r\n index: number\r\n activity: ActivityModel\r\n};\r\n\r\nexport const ActivityItem = (props: ActivityItemProps) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\ninterface ActivityListProps {\r\n data: ActivityModel[]\r\n classes?: string\r\n};\r\n\r\nexport const ActivityList = (props: ActivityListProps) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {moment(props.activity.timestamp)\r\n .local()\r\n .format(\"lll\")}\r\n \r\n
\r\n \r\n {props.activity.user_name}\r\n {props.activity.text}\r\n
\r\n \r\n {props.data &&\r\n props.data.map((a, i) =>
\r\n );\r\n};\r\n\r\n\r\ninterface ActivityFacetsProps {\r\n rangeStart: string\r\n rangeEnd: string\r\n onRangeChange: (start: string, end: string) => void\r\n};\r\n\r\n\r\nexport class ActivityFacets extends React.Component\r\n
\r\n );\r\n }\r\n}\r\n\r\ninterface ActivityFacetsModalProps {\r\n rangeStart: string\r\n rangeEnd: string\r\n onRangeChange: (start: string, end: string) => void\r\n closeModal: (modalName: string) => void\r\n filtersModalIsOpen: boolean\r\n}\r\n\r\ninterface ActivityFacetsModalState {\r\n rangeStart: string\r\n rangeEnd: string\r\n}\r\n\r\nclass ActivityFacetsModal extends React.Componentrange
\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\n\r\n\r\nconst ActivityFacetsSideBar = (props) => (\r\n filters
\r\n\r\n \r\n
\r\n refine
\r\n \r\n
\r\n \r\n
\r\n {!this.state.isLargeScreen && (\r\n \r\n this.props.openModal(\"filtersModalIsOpen\")}>\r\n filters\r\n \r\n
\r\n )}\r\n \r\n
\r\n we didn't find any activities matching your search.\r\n
\r\ntry expanding your range.
\r\n\r\n \r\n\r\n {isLargeScreen\r\n ? \r\n {this.GetHeader()}\r\n {isLoading && \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ActivitiesList;\r\n","import * as React from \"react\";\r\n\r\nimport * as Scroll from \"react-scroll\";\r\n\r\nconst ScrollLink = Scroll.Link;\r\n\r\n/*===========================================================================\r\n Detail\r\n/*======================================================================== */\r\ninterface DetailProps {\r\n actions: React.ReactNode\r\n children: React.ReactNode\r\n id: string\r\n footer: React.ReactNode\r\n meta: any\r\n nav: any[]\r\n\tribbon: React.ReactNode\r\n subtitle: string | React.ReactNode\r\n summary: React.ReactNode\r\n title: string\r\n}\r\n\r\nexport const Detail = props => {\r\n const classes = [\"c-detail\"];\r\n\r\n return (\r\n \r\n {props.nav && (\r\n \r\n )}\r\n
\r\n {props.ribbon}\r\n \r\n
\r\n {props.title}
\r\n {props.subtitle &&{props.subtitle}
}\r\n {props.meta &&\r\n props.meta.listItems && (\r\n - \r\n {props.meta.listItems.map((meta, index) => (\r\n
- \r\n {meta}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default MessageSummary;\r\n","import { Format } from \"@common/_constants\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport RelodeRep from \"@common/components/Atoms/RelodeRep\";\r\nimport moment from \"moment\";\r\nimport * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Sticky, StickyContainer } from \"react-sticky\";\r\n\r\n// small screen page-level actions\r\ninterface DetailActionsProps {\r\n openEditReferralModal: () => void;\r\n linkName: string;\r\n}\r\n\r\nexport const DetailActions: React.SFC\r\n messages\r\n
\r\n\r\n {total === 0 && You have no messages.}\r\n {total > 0 && (\r\n \r\n You have{\" \"}\r\n \r\n {total} message{total !== 1 ? \"s\" : \"\"}\r\n \r\n {unread > 0 && (\r\n \r\n , with{\" \"}\r\n \r\n {unread} unread\r\n \r\n \r\n )}\r\n .\r\n \r\n )}\r\n
\r\n {!!onSendMessage && (\r\n \r\n \r\n send message\r\n \r\n
\r\n )}\r\n - \r\n {props.openEditReferralModal && (\r\n
- \r\n \r\n {props.linkName}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {props.candidate.job_name}\r\n \r\n
\r\n \r\n
\r\n {props.detailSummaryActions}\r\n \r\n );\r\n }}\r\n \r\n
\r\n\r\n {!!props.candidate.closest_interview_start_time && (\r\n stage
\r\n\r\n {\" \"}\r\n {props.candidate.status_name}{\" \"}\r\n
\r\n \r\n
\r\n )}\r\n\r\n {props.candidate.hired_timestamp && (\r\n interview
\r\n\r\n {props.candidate.closest_interview_start_time}\r\n {props.candidate.closest_interview_status_type_id === 10\r\n ? \" (cancelled)\"\r\n : \"\"}\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n {moment\r\n .utc()\r\n .diff(moment(props.candidate.hired_timestamp)) > 0\r\n ? \"started\"\r\n : \"starting\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n applied
\r\n\r\n
\r\n \r\n
\r\n questions?
\r\n\r\n {props.openEditReferralModal && (\r\n \r\n {props.editModalLinkText || \"edit referral\"}\r\n \r\n )}\r\n {props.hideSendMessage !== true && (\r\n \r\n send message\r\n \r\n )}\r\n
\r\n);\r\n","export const FormHandler = {\r\n validate: fieldSet => {\r\n let result = true;\r\n Object.keys(fieldSet).forEach(k => {\r\n const field = fieldSet[k];\r\n const fieldResult = FormHandler.validateField(field, fieldSet);\r\n if (!fieldResult) result = false;\r\n\r\n })\r\n return result;\r\n },\r\n\r\n validateField: (field, fieldSet) => {\r\n let validResult = true;\r\n field.isValid = true;\r\n if (!field.originalValidationMessage) {\r\n field.originalValidationMessage = [...field.validationMessages];\r\n }\r\n field.validationMessages = [...field.originalValidationMessage];\r\n\r\n field.rules.forEach((rule, index) => {\r\n const ruleResult = rule(field, fieldSet);\r\n if (!ruleResult) validResult = false;\r\n });\r\n\r\n return validResult;\r\n },\r\n\r\n handleInputChange: (name, value, fields) => {\r\n setFieldValue(name, value, fields, true);\r\n },\r\n\r\n setFieldValuesFromObject: (fields, object, validate) => {\r\n Object.keys(object).forEach(k => {\r\n const v = object[k];\r\n setFieldValue(k, v ? v : \"\", fields, validate);\r\n })\r\n\r\n },\r\n\r\n // WARNING!!! ... there may be a SIZE LIMIT on the property names for the array-style property-setter\r\n // ... not sure if this is a javascript or ES6 thingy, or whatever...\r\n // ... my tests with a 45-character property name failed. Drats.\r\n getAllValues: fields => {\r\n const allValues: any[] = [];\r\n Object.keys(fields).forEach(key => {\r\n const f = fields[key];\r\n allValues.push({ [f.name]: f.value });\r\n });\r\n\r\n return allValues;\r\n },\r\n\r\n // WARNING!!! ... there may be a SIZE LIMIT on the property names for the array-style property-setter\r\n // ... not sure if this is a javascript or ES6 thingy, or whatever...\r\n // ... my tests with a 45-character property name failed. Drats.\r\n getAllValuesAsObject: fields => {\r\n const allValues: any = {};\r\n Object.keys(fields).forEach(key => {\r\n const f = fields[key];\r\n allValues[f.name] = f.value;\r\n });\r\n return allValues;\r\n }\r\n};\r\n\r\nconst setFieldValue = (name, value, fields, validate) => {\r\n\r\n Object.keys(fields).forEach(k => {\r\n const f = fields[k];\r\n if (f.name === name) {\r\n f.value = value;\r\n if (validate) FormHandler.validateField(f, fields);\r\n }\r\n\r\n })\r\n};\r\n","import * as React from \"react\";\r\n\r\nimport { IconCheck, IconFrown } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface CheckboxProps {\r\n description?: string;\r\n isChecked?: boolean;\r\n inputRef?: any;\r\n isValid?: boolean;\r\n label?: string;\r\n name: string;\r\n onBlur?: () => void;\r\n onChange?: (name: string, value: any) => void;\r\n onFocus?: () => void;\r\n onValidate?: (e) => void;\r\n readOnly?: boolean;\r\n required?: boolean;\r\n validationMessageOverride?: string;\r\n validationMessages?: string[];\r\n validationTrigger?: boolean;\r\n value?: any;\r\n}\r\n\r\nexport class Checkbox extends React.Component\r\n \r\n {this.props.label && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { CommonControlProps } from \"@common/components/Atoms/FormInputs/commonControlProps\";\r\nimport { IconCheck, IconFrown } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface InputProps extends CommonControlProps {\r\n isValid: boolean;\r\n onChange?: (name: string, value: any) => void;\r\n onEnterKey?: (e: any) => void;\r\n validationMessages: string[];\r\n value?: string | number;\r\n inputClassName?: string;\r\n autoComplete?: string;\r\n placeholder?: string;\r\n name: string;\r\n label?: string;\r\n description?: string;\r\n type: string;\r\n required?: boolean;\r\n readOnly?: boolean;\r\n maxLength?: number;\r\n inputRef?: any;\r\n dataCy?: string;\r\n}\r\n\r\ninterface InputState {\r\n placeholder: string;\r\n untouched: boolean;\r\n}\r\nexport class Input extends React.Component\r\n \r\n {this.props.description && (\r\n
\r\n )}\r\n {this.props.description}
\r\n )}\r\n\r\n \r\n
\r\n {!this.props.isValid && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {this.props.label && (\r\n
\r\n {!this.props.isValid && (\r\n \r\n \r\n {this.props.description && (\r\n
\r\n )}\r\n {this.props.description}
\r\n )}\r\n\r\n \r\n
\r\n )}\r\n \r\n \r\n {msg + \" \"}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n","import { FormField } from \"common/models\";\r\nimport { isUndefined } from \"util\";\r\n\r\nexport const Rules = {\r\n required: (field: FormField, fieldSet?: FormField[]) => {\r\n let failed = false;\r\n\r\n if (field.value === null || isUndefined(field.value)) {\r\n failed = true;\r\n } else if (field.value instanceof Array && field.value.length < 1) {\r\n failed = true;\r\n } else if (\r\n typeof field.value === \"object\" &&\r\n Object.keys(field.value).length < 1\r\n ) {\r\n failed = true;\r\n } else if (!field.value || field.value === 0) {\r\n failed = true;\r\n }\r\n\r\n if (!failed) {\r\n const x = field.value.toString();\r\n if (x.trim() === \"\") failed = true;\r\n }\r\n\r\n if (failed) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"This field is required.\");\r\n }\r\n return field.isValid;\r\n },\r\n\r\n formatApplyName: (field: FormField, fieldSet?: FormField[]) => {\r\n const maxChars = 100;\r\n if (field.value.length > maxChars) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"Only 100 characters allowed.\");\r\n }\r\n return field.isValid;\r\n },\r\n\r\n formatReferName: (field: FormField, fieldSet?: FormField[]) => {\r\n const maxChars = 100;\r\n if (field.value.length > maxChars) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"Only 100 characters allowed.\");\r\n }\r\n return field.isValid;\r\n },\r\n\r\n formatPhone: (field: FormField, fieldSet?: FormField[]) => {\r\n // Based on https://stackoverflow.com/questions/16699007/regular-expression-to-match-standard-10-digit-phone-number\r\n const phoneRegExp = /^[1]?[2-9]\\d{9}$/;\r\n if (!!field.value && !field.value.match(phoneRegExp)) {\r\n field.isValid = false;\r\n field.validationMessages.push(\r\n \"Phone number should be numbers only, North America-based, and support messaging.\"\r\n );\r\n }\r\n return field.isValid;\r\n },\r\n\r\n formatEmail: (field: FormField, fieldSet?: FormField[]) => {\r\n const emailRegEx = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n const indeedEmailRegEx = /^.*[Ii][Nn][Dd][Ee][Ee][Dd][Ee][Mm][Aa][Ii][Ll].[Cc][Oo][Mm]/;\r\n\r\n const maxChars = 300;\r\n if (!!field.value && !emailRegEx.test(field.value)) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"Email format is not correct.\");\r\n }\r\n if (indeedEmailRegEx.test(field.value)) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"Indeed emails are not permitted.\");\r\n }\r\n if (field.value.length > maxChars) {\r\n field.isValid = false;\r\n field.validationMessages.push(\"Only 300 characters allowed.\");\r\n }\r\n return field.isValid;\r\n },\r\n};\r\n","import * as React from \"react\";\r\n\r\nimport { default as ReactSelect } from \"react-select\";\r\n\r\nimport { CommonControlProps } from \"@common/components/Atoms/FormInputs/commonControlProps\";\r\nimport { IconFrown } from \"@common/components/Atoms/Icons\";\r\nimport { SelectOption } from \"@common/models/SelectOption\";\r\n\r\nconst ASYNC_DELAY = 200;\r\n\r\ninterface SelectProps extends CommonControlProps {\r\n clearable?: boolean\r\n description?: string\r\n id?: string\r\n inputPattern?: string\r\n inputType?: \"text\" | \"number\" | \"tel\" | \"email\"\r\n isValid: boolean\r\n label?: string\r\n multi?: boolean\r\n name: string\r\n options?: any\r\n remoteOptionsMethod?: (input: any) => Promise\r\n \r\n {this.props.label && (\r\n \r\n {isAsync &&
\r\n {!this.props.isValid && (\r\n \r\n \r\n {this.props.description &&
\r\n )}\r\n {this.props.description}
}\r\n\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n","import * as React from \"react\";\r\n\r\nimport { CommonControlProps } from \"@common/components/Atoms/FormInputs/commonControlProps\";\r\nimport { IconCheck, IconFrown } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface TextAreaProps extends CommonControlProps {\r\n autoComplete?: \"Off\" | \"On\";\r\n description?: string;\r\n inputControl?: any;\r\n isValid: boolean;\r\n label?: string;\r\n maxLength?: number;\r\n name: string;\r\n placeholder?: string;\r\n readOnly?: boolean;\r\n required?: boolean;\r\n validationMessages: string[];\r\n value?: string;\r\n setRef?: (ref: any) => void;\r\n rows?: number;\r\n dataCy?: string;\r\n}\r\n\r\ninterface TextAreaState {\r\n charsLeft: string | number;\r\n}\r\n\r\nexport class TextArea extends React.Component\r\n \r\n {this.props.label && (\r\n
\r\n \r\n \r\n {this.props.description && (\r\n
\r\n )}\r\n {this.props.description}
\r\n )}\r\n\r\n \r\n
\r\n )}\r\n \r\n {this.state.charsLeft}\r\n
\r\n {!this.props.isValid && (\r\n \r\n \r\n {msg + \" \"}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { CommonControlProps } from \"@common/components/Atoms/FormInputs/commonControlProps\";\r\nimport { IconFrown } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface ToggleProps extends CommonControlProps {\r\n description?: string\r\n infoButton?: React.ReactNode\r\n inputRef?: any\r\n isChecked?: boolean\r\n isValid?: boolean\r\n label?: string\r\n name: string\r\n onValidate?: () => void\r\n readOnly?: boolean\r\n required?: boolean\r\n validationMessageOverride?: string\r\n validationMessages?: string[]\r\n validationTrigger?: boolean\r\n value?: any\r\n}\r\n\r\nexport class Toggle extends React.Component\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import * as React from \"react\";\r\n\r\nimport MaskedInput from \"react-text-mask\";\r\n\r\nimport { CommonControlProps } from \"@common/components/Atoms/FormInputs/commonControlProps\";\r\nimport { IconCheck, IconFrown } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface PhoneInputProps extends CommonControlProps {\r\n description?: string\r\n inputClassName?: string\r\n inputRef?: any\r\n isValid: boolean\r\n label?: string\r\n maxLength: number\r\n name: string\r\n onEnterKey?: (e: any) => void\r\n placeholder?: string\r\n readOnly?: boolean\r\n required?: boolean\r\n validationMessages: string[]\r\n value?: string | number\r\n}\r\n\r\ninterface PhoneInputState {\r\n untouched: boolean\r\n}\r\n\r\n\r\nexport class PhoneInput extends React.Component\r\n
\r\n \r\n {this.props.label} {this.props.infoButton}\r\n
\r\n{this.props.description}
\r\n {!this.props.isValid && (\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.label && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n","import { Defaults } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Error from \"@common/components/Atoms/Error\";\r\nimport {\r\n FormHandler,\r\n Rules,\r\n Select,\r\n TextArea,\r\n} from \"@common/components/Atoms/FormInputs\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { FormField } from \"@common/models\";\r\nimport { JobService, ReferralService } from \"@pro/_services\";\r\nimport React from \"react\";\r\n\r\ninterface DeclineReasonModel {\r\n value: string;\r\n label: string;\r\n}\r\n\r\ninterface DeclinePositionState {\r\n isOpen: boolean;\r\n jobCandidateId?: number;\r\n loading: boolean;\r\n error: boolean;\r\n errorMessages: string[];\r\n formIsValid: boolean;\r\n reasonField: FormField;\r\n notesField: FormField;\r\n declineReasons: DeclineReasonModel[];\r\n}\r\n\r\ninterface DeclinePositionProps {\r\n isOpen: boolean;\r\n onOkay: () => void;\r\n onCancel: () => void;\r\n closeModal: () => void;\r\n jobCandidateId: number;\r\n jobName: string;\r\n jobCandidateName: string;\r\n}\r\n\r\nexport class DeclinePosition extends React.Component\r\n \r\n {this.props.description &&
\r\n )}\r\n {this.props.description}
}\r\n\r\n (\r\n
\r\n {!this.props.isValid && (\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","import { Defaults, Routing } from \"@common/_constants\";\r\nimport { IconFrown } from \"@common/components/Atoms/Icons\";\r\nimport { GlobalConfig } from \"@common/utils/config\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOMServer from \"react-dom/server\";\r\nimport * as DropzoneComponent from \"react-dropzone-component\";\r\n\r\n// https://github.com/felixrieseberg/React-Dropzone-Component/\r\n// http://www.dropzonejs.com/#configuration\r\n\r\ninterface FileDropProps {\r\n acceptedFiles?: string;\r\n dropMessage?: string;\r\n dataCy?: string;\r\n fileCategory: number;\r\n handleAdd?: (file_id: any) => void;\r\n handleRemove?: (file_id: any) => void;\r\n isMultiple: boolean;\r\n isValid: boolean;\r\n name: string;\r\n onFileError: (msg: string) => void;\r\n onFileUploaded: () => void;\r\n onFileUploading: () => void;\r\n validationMessages: string[];\r\n}\r\n\r\ninterface FileDropState {\r\n tempFileList: any;\r\n}\r\nconst defaultFileDropProps: FileDropProps = {\r\n fileCategory: Defaults.FileCategoryType.OriginalResume,\r\n isMultiple: false,\r\n isValid: true,\r\n name: \"fileDrop\",\r\n onFileError: () => {\r\n /**/\r\n },\r\n onFileUploaded: () => {\r\n /**/\r\n },\r\n onFileUploading: () => {\r\n /**/\r\n },\r\n validationMessages: [],\r\n};\r\n\r\nexport class FileDrop extends React.Component\r\n Would you like {this.props.jobCandidateName} to decline the\r\n job, {this.props.jobName}?\r\n
\r\n\r\n
\r\n ),\r\n };\r\n\r\n reset() {\r\n this.setState({ tempFileList: {} }, () =>\r\n this.dzRef.removeAllFiles(true)\r\n );\r\n }\r\n\r\n handleSending() {\r\n this.props.onFileUploading();\r\n }\r\n\r\n handleQueueComplete() {\r\n this.props.onFileUploaded();\r\n }\r\n\r\n // https://stackoverflow.com/questions/22005054/dropzone-upload-only-one-file\r\n handleMaxFilesExceeded(file) {\r\n if (this.dzRef.options.maxFiles === 1) {\r\n this.dzRef.removeAllFiles();\r\n this.dzRef.addFile(file);\r\n } else {\r\n this.dzRef.removeFile(file);\r\n }\r\n }\r\n\r\n handleError(file, errorMessage) {\r\n const msg =\r\n typeof errorMessage === \"string\"\r\n ? errorMessage\r\n : (errorMessage &&\r\n errorMessage.error_messages &&\r\n errorMessage.error_messages[0]) ||\r\n \"an error occurred, please try again\";\r\n\r\n this.dzRef.removeFile(file);\r\n this.props.onFileError(msg);\r\n }\r\n\r\n handleSuccess(file) {\r\n const response = JSON.parse(file.xhr.response);\r\n if (response.result.length > 0) {\r\n const file_id = response.result[0].file_id;\r\n this.setState(\r\n prevState => ({\r\n tempFileList: {\r\n ...prevState.tempFileList,\r\n [file.name]: file_id,\r\n },\r\n }),\r\n () => {\r\n if (this.props.handleAdd) {\r\n this.props.handleAdd(file_id);\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n handleRemove(file) {\r\n let file_id = this.state.tempFileList[file.name];\r\n\r\n if (!file_id) {\r\n file_id = 0;\r\n }\r\n\r\n this.setState(\r\n prevState => ({\r\n tempFileList: { ...prevState.tempFileList, [file.name]: null },\r\n }),\r\n () => {\r\n if (this.props.handleRemove) {\r\n this.props.handleRemove(file_id);\r\n }\r\n }\r\n );\r\n }\r\n\r\n render() {\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\n \r\n
\r\n\r\n \r\n \r\n Check \r\n \r\n
\r\n \r\n {this.props.validationMessages.map((msg, ind) => (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default FileDrop;\r\n","import { cloneDeep } from \"lodash\";\r\nimport React from \"react\";\r\n\r\nimport { ReferralService } from \"@pro/_services\";\r\n\r\nimport { Defaults } from \"@common/_constants/\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport EditReferralError from \"@common/components/Atoms/Error\";\r\nimport { IconClose } from \"@common/components/Atoms/Icons\";\r\nimport FileDrop from \"@common/components/Molecules/FileDrop\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { File as FileModel } from \"@common/models\";\r\n\r\ninterface EditApplicationProps {\r\n isOpen: boolean;\r\n onOkay: () => void;\r\n onCancel: () => void;\r\n closeModal: () => void;\r\n jobCandidateId: number;\r\n}\r\n\r\ninterface EditApplicationModel {\r\n job_id: number;\r\n job_candidate_id: number;\r\n job_name: string;\r\n resume_file: FileModel;\r\n user_full_name: string;\r\n attachments: FileModel[];\r\n user_email: string;\r\n user_phone_number: string;\r\n}\r\n\r\ninterface EditApplicationState {\r\n error: boolean;\r\n errorMessages: string[];\r\n resume: {\r\n isValid: boolean;\r\n resumeFileId?: number;\r\n resumeFile?: FileModel;\r\n originalResumeFile?: FileModel;\r\n validationMessages: string[];\r\n };\r\n\r\n originalJobCandidate?: EditApplicationModel;\r\n attachments: {\r\n isValid: boolean;\r\n originalFiles: FileModel[];\r\n newFileIds: number[];\r\n validationMessages: string[];\r\n };\r\n formIsValid: boolean;\r\n processing: boolean;\r\n}\r\n\r\nexport class EditApplication extends React.Component<\r\n EditApplicationProps,\r\n EditApplicationState\r\n> {\r\n private _abortControllers: { [key: string]: AbortController } = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.emptyState = this.emptyState.bind(this);\r\n this.initialStateForCandidate = this.initialStateForCandidate.bind(\r\n this\r\n );\r\n this.getReferral = this.getReferral.bind(this);\r\n this.removeAttachment = this.removeAttachment.bind(this);\r\n\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onCloseModal = this.onCloseModal.bind(this);\r\n\r\n this.handleResumeFileAdd = this.handleResumeFileAdd.bind(this);\r\n this.handleResumeFileRemove = this.handleResumeFileRemove.bind(this);\r\n this.handleResumeFileUploading = this.handleResumeFileUploading.bind(\r\n this\r\n );\r\n this.handleResumeFileUploaded = this.handleResumeFileUploaded.bind(\r\n this\r\n );\r\n this.handleResumeFileError = this.handleResumeFileError.bind(this);\r\n\r\n this.handleAttachmentFilesAdd = this.handleAttachmentFilesAdd.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesRemove = this.handleAttachmentFilesRemove.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesUploading = this.handleAttachmentFilesUploading.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesUploaded = this.handleAttachmentFilesUploaded.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesError = this.handleAttachmentFilesError.bind(\r\n this\r\n );\r\n\r\n this.state = this.emptyState();\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.isOpen) {\r\n this.getReferral(this.props.jobCandidateId);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(newProps: EditApplicationProps) {\r\n if (\r\n newProps.isOpen &&\r\n (newProps.isOpen !== this.props.isOpen ||\r\n newProps.jobCandidateId !== this.props.jobCandidateId)\r\n ) {\r\n this.getReferral(newProps.jobCandidateId);\r\n }\r\n }\r\n\r\n emptyState(): EditApplicationState {\r\n return {\r\n error: false,\r\n errorMessages: [],\r\n resume: {\r\n isValid: false,\r\n resumeFileId: undefined,\r\n resumeFile: undefined,\r\n originalResumeFile: undefined,\r\n validationMessages: [],\r\n },\r\n originalJobCandidate: undefined,\r\n attachments: {\r\n isValid: false,\r\n originalFiles: [],\r\n newFileIds: [],\r\n validationMessages: [],\r\n },\r\n formIsValid: true,\r\n processing: true,\r\n };\r\n }\r\n\r\n initialStateForCandidate(\r\n jobCandidate: EditApplicationModel\r\n ): EditApplicationState {\r\n return {\r\n error: false,\r\n errorMessages: [],\r\n resume: {\r\n isValid: true,\r\n resumeFileId: jobCandidate.resume_file\r\n ? jobCandidate.resume_file.file_id\r\n : 0,\r\n resumeFile: jobCandidate.resume_file,\r\n originalResumeFile: jobCandidate.resume_file,\r\n validationMessages: [],\r\n },\r\n originalJobCandidate: jobCandidate,\r\n attachments: {\r\n isValid: true,\r\n originalFiles: [...jobCandidate.attachments],\r\n newFileIds: [],\r\n validationMessages: [],\r\n },\r\n\r\n formIsValid: true,\r\n processing: false,\r\n };\r\n }\r\n\r\n getReferral(jobCandidateId: number) {\r\n this._abortControllers.getReferral = new AbortController();\r\n const getReferralSignal = this._abortControllers.getReferral.signal;\r\n ReferralService.getReferral(\r\n jobCandidateId,\r\n getReferralSignal\r\n ).then(candidate =>\r\n this.setState(this.initialStateForCandidate(candidate))\r\n );\r\n }\r\n\r\n removeAttachment(index: number) {\r\n if (index < 0 || index > this.state.attachments.originalFiles.length) {\r\n return;\r\n }\r\n\r\n this.setState(prevState => {\r\n const atts = prevState.attachments.originalFiles;\r\n const newAtts = [\r\n ...atts.slice(0, index),\r\n ...atts.slice(index + 1, atts.length),\r\n ];\r\n return {\r\n attachments: {\r\n ...prevState.attachments,\r\n originalFiles: newAtts,\r\n },\r\n };\r\n });\r\n }\r\n\r\n onSubmit(event: any) {\r\n event.preventDefault();\r\n\r\n const orig = this.state.originalJobCandidate;\r\n const jobCandidate = {\r\n job_id: orig!.job_id,\r\n job_candidate_id: orig!.job_candidate_id,\r\n candidate_resume_file_id: this.state.resume.resumeFileId,\r\n attachment_file_ids: this.state.attachments.originalFiles\r\n .map(att => att.file_id)\r\n .concat(this.state.attachments.newFileIds),\r\n };\r\n\r\n ReferralService.updateApplication(jobCandidate)\r\n .then(this.props.onOkay)\r\n .catch(err => handleError(err, this));\r\n }\r\n\r\n onCloseModal() {\r\n this.setState(this.emptyState(), this.props.closeModal);\r\n }\r\n\r\n handleResumeFileAdd(fileId: number) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: fileId,\r\n isValid: true,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileRemove(fileId: number) {\r\n const original = this.state.resume.originalResumeFile;\r\n if (original) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: original.file_id,\r\n };\r\n this.setState({ resume });\r\n } else {\r\n const resume = { ...this.state.resume, resumeFileId: undefined };\r\n this.setState({ resume });\r\n }\r\n }\r\n\r\n handleResumeFileUploading() {\r\n const resume = {\r\n ...this.state.resume,\r\n validationMessages: [],\r\n isValid: true,\r\n };\r\n this.setState({ resume, processing: true });\r\n }\r\n\r\n handleResumeFileUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n handleResumeFileError(errorMsg: string) {\r\n const resume = { ...this.state.resume, isValid: false };\r\n resume.validationMessages.push(errorMsg);\r\n this.setState({ resume });\r\n }\r\n\r\n handleAttachmentFilesAdd(fileId) {\r\n const atts = cloneDeep(this.state.attachments.newFileIds);\r\n atts.push(fileId);\r\n\r\n const attachments = {\r\n ...this.state.attachments,\r\n newFileIds: (atts as unknown) as any[],\r\n };\r\n this.setState({ attachments });\r\n }\r\n\r\n handleAttachmentFilesRemove(fileId) {\r\n const atts = cloneDeep(this.state.attachments.newFileIds).filter(\r\n a => a !== fileId\r\n );\r\n\r\n const attachments = {\r\n ...this.state.attachments,\r\n newFileIds: (atts as unknown) as any[],\r\n };\r\n this.setState({ attachments });\r\n }\r\n\r\n handleAttachmentFilesUploading() {\r\n const attachments = {\r\n ...this.state.attachments,\r\n validationMessages: [],\r\n isValid: true,\r\n };\r\n this.setState({ attachments, processing: true });\r\n }\r\n\r\n handleAttachmentFilesUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n handleAttachmentFilesError(errorMsg) {\r\n const attachments = { ...this.state.attachments, isValid: false };\r\n attachments.validationMessages.push(errorMsg);\r\n this.setState({ attachments });\r\n }\r\n\r\n render() {\r\n const jobCandidate = this.state.originalJobCandidate;\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\n// Helpers...\r\n\r\nfunction splitName(name) {\r\n if (!name) {\r\n throw new Error(\"Name must be a non-empty string\");\r\n }\r\n\r\n const lastSpaceIndex = name.lastIndexOf(\" \");\r\n if (lastSpaceIndex === -1) {\r\n return [name, \"\"];\r\n }\r\n\r\n return [\r\n name.substring(0, lastSpaceIndex),\r\n name.substring(lastSpaceIndex + 1, name.length),\r\n ];\r\n}\r\n\r\nfunction handleError(err, stateContainer) {\r\n const messages = err.responseData\r\n ? err.responseData.error_messages\r\n : [err.message];\r\n\r\n console.log(messages);\r\n stateContainer.setState({\r\n processing: false,\r\n error: true,\r\n errorMessages: messages,\r\n });\r\n}\r\n","import { MessageService } from \"@common/_services\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Error from \"@common/components/Atoms/Error\";\r\nimport {\r\n FormHandler,\r\n Rules,\r\n Select,\r\n TextArea,\r\n} from \"@common/components/Atoms/FormInputs\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { FormField } from \"@common/models\";\r\nimport React from \"react\";\r\n\r\ninterface SendMessageProps {\r\n isOpen: boolean;\r\n closeModal: () => void;\r\n onCancel: () => void;\r\n contextJobId?: number;\r\n contextJobName?: string;\r\n contextUserId?: number;\r\n contextUserFullName?: string;\r\n toUserIds: number[];\r\n messageId?: number;\r\n forceSelectedIds?: boolean;\r\n initialMessageBody?: string;\r\n}\r\n\r\ninterface SendMessageState {\r\n error: boolean;\r\n errorMessages: string;\r\n formIsValid: boolean;\r\n processing: boolean;\r\n recipientOptions: string[];\r\n formFields: {\r\n recipients: FormField;\r\n message: FormField;\r\n };\r\n}\r\n\r\nexport class SendMessage extends React.Componentedit application
\r\n\r\n
\r\n \r\n {this.props.contextJobName && this.props.contextJobName + \" - \"} send\r\n message/feedback\r\n
\r\n {this.props.contextUserFullName &&{this.props.contextUserFullName}
}\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { constants } from \"@common/_constants\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\ninterface HeaderProps {\r\n title?: string;\r\n}\r\n\r\nexport const Header: React.SFC\r\n \r\n Send\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 MessageIndicator;\r\n","import { Routing, Search } from \"@common/_constants/\";\r\nimport {\r\n formatClientRoute,\r\n UserService,\r\n} from \"@common/_services\";\r\nimport Header from \"@common/components/Atoms/Header\";\r\nimport {\r\n IconChevronLeft,\r\n IconClose,\r\n IconDrawerToggle,\r\n IconLogoHorizontal,\r\n IconLogoVertical,\r\n} from \"@common/components/Atoms/Icons\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport MessageIndicator from \"@common/components/Molecules/MessageIndicator\";\r\nimport { UserFromStorage } from \"@common/models/UserFromStorage\";\r\nimport { GlobalConfig } from \"@common/utils/config\";\r\nimport { LocationDescriptor } from \"history\";\r\nimport Moment from \"moment\";\r\nimport * as React from \"react\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\n\r\ndeclare const window: any;\r\ninterface PageInternalState {\r\n isDrawerOpen: boolean;\r\n isPastHeaderAttachPoint: boolean;\r\n isHeaderFixed: boolean;\r\n user: UserFromStorage;\r\n version: string;\r\n}\r\n\r\ninterface PageInternalProps {\r\n triggerProfileTickle?: boolean;\r\n triggerMessageIndicator?: boolean;\r\n updating?: boolean;\r\n size?: string;\r\n gray?: boolean;\r\n className?: string;\r\n title?: string;\r\n return?: boolean;\r\n bgClass?: string;\r\n center?: React.ReactNode;\r\n actionsLarge?: React.ReactNode;\r\n actionsSmall?: React.ReactNode;\r\n updatingMessage?: string;\r\n headerTitle?: string;\r\n}\r\n\r\nexport class PageInternal extends React.Component\r\n {unreadCount < 100 ? unreadCount : \"!\"}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!this.props.return &&\r\n this.props.title && (\r\n
\r\n {this.props.title}
\r\n )}\r\n {this.props.return &&\r\n !this.props.title && (\r\n \r\n\r\n
\r\n \r\n )}\r\n {this.props.center}
\r\n \r\n {window.matchMedia(\r\n \"(min-width:\" + GlobalConfig.ui.breakpoints.sm + \"px)\"\r\n ).matches && this.props.actionsLarge}\r\n {window.matchMedia(\r\n \"(max-width:\" + (GlobalConfig.ui.breakpoints.sm - 1) + \"px)\"\r\n ).matches && this.props.actionsSmall}\r\n
\r\n {this.props.children}
\r\n \r\n
\r\n \r\n \r\n view jobs\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n\r\n {!candidate.is_candidate_only && (\r\n job
\r\n\r\n \r\n {candidate.job_name}\r\n \r\n
\r\n - \r\n
- {candidate.status_name} \r\n {candidate.closest_interview_start_time && (\r\n
- \r\n Interview{\" \"}\r\n {candidate.closest_interview_start_time}\r\n {candidate.closest_interview_status_type_id ===\r\n 10\r\n ? \" (cancelled)\"\r\n : \"\"}\r\n \r\n )}\r\n {candidate.hired_timestamp && (\r\n
- \r\n {moment\r\n .utc()\r\n .diff(\r\n moment(\r\n candidate.hired_timestamp\r\n )\r\n ) > 0\r\n ? \"Started \"\r\n : \"Starting \"}\r\n
- \r\n Applied{\" \"}\r\n
\r\n \r\n
\r\n )}\r\n\r\n questions?
\r\n \r\n \r\n this.openModal(\r\n \"sendMessageModalIsOpen\"\r\n )\r\n }\r\n >\r\n send message\r\n \r\n
\r\n \r\n \r\n
\r\n {this.getActivityListing()}\r\n recent activities
\r\n\r\n
\r\n\r\n attachments
\r\n \r\n {candidate.resume_file && (\r\n
\r\n \r\n {candidate.is_eligible_for_reject && (\r\n \r\n this.openModal(\"declinePositionModalIsOpen\")\r\n }\r\n style={{ margin: \"0 24px 24px 0\" }}\r\n >\r\n decline position\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n {props.children}\r\n
\r\n);\r\n\r\ninterface DropdownItemProps {\r\n id?: string;\r\n children?: React.ReactNode;\r\n linkTo?: any;\r\n onClick?: () => void;\r\n dataCy?: string;\r\n}\r\n\r\nexport const DropdownItem = (props: DropdownItemProps) => {\r\n if (props.linkTo) {\r\n return (\r\n \r\n props.history.push(\"/applications/\" + props.id)}>\r\n view application\r\n \r\n
\r\n);\r\n\r\n/*===========================================================================\r\n Page-level actions for <= small screens\r\n/*======================================================================== */\r\n\r\nconst PageActionsSmall = props => (\r\n \r\n {props.linkTo && (\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n/*===========================================================================\r\n Card > CardItem\r\n/*======================================================================== */\r\n\r\ninterface CardItemProps {\r\n bullet?: boolean\r\n dotted?: boolean\r\n children: React.ReactNode\r\n}\r\n\r\nexport const CardItem = (props: CardItemProps) => {\r\n const classes = [\"c-card__item\"];\r\n if(props.bullet) classes.push(\"c-card__item--bullet\");\r\n if(props.dotted) classes.push(\"c-card__item--dotted\");\r\n return \r\n
\r\n \r\n )}\r\n {!props.linkTo && (\r\n \r\n {props.ribbon}\r\n
\r\n {props.title}
\r\n \r\n {props.children}\r\n \r\n
\r\n )}\r\n \r\n {props.ribbon}\r\n
\r\n {props.title}
\r\n \r\n {props.children}\r\n {props.children}
;\r\n}\r\n\r\nexport default Card;\r\n","import { LocationService } from \"@common/_services\";\r\nimport * as React from \"react\";\r\n\r\nimport { SearchEntry, SearchEntryProps } from \".\";\r\n\r\ninterface SearchLocationsProps extends SearchEntryProps {\r\n includeAll?: boolean;\r\n}\r\n\r\nexport class SearchLocations extends React.Component\r\n {\r\n keywordInput = input;\r\n }}\r\n />\r\n {showIcon && (\r\n this.onSubmit(keywordInput.value)}\r\n tabIndex={-1}\r\n >\r\n
\r\n \r\n \r\n \r\n );\r\n\r\n return submitOnEnter ? (\r\n \r\n
\r\n \r\n this.selectItem(opt)}\r\n data-cy={`location-suggest-options-${index + 1}`}\r\n >\r\n {opt.label}\r\n
\r\n ))}\r\n \r\n {options && options.length === 0 && (\r\n this.clearValue()}\r\n >\r\n sorry, no matches
\r\n )}\r\n {options.length > 0 &&\r\n options.map((opt, index) => (\r\n \r\n {props.locationSearchTerm && props.searchRadiusInMiles && (\r\n \r\n {group.options.map((option, optionIndex) => (\r\n
\r\n );\r\n};\r\n\r\n/*===========================================================================\r\n Facets > FacetGroup\r\n/*======================================================================== */\r\n\r\ninterface FacetGroupProps {\r\n options?: any[];\r\n title: string;\r\n}\r\n\r\ninterface FacetGroupState {\r\n isCollapsed: boolean;\r\n}\r\n\r\nclass FacetGroup extends React.Component\r\n \r\n this.setState({\r\n isCollapsed: !this.state.isCollapsed,\r\n })\r\n }\r\n >\r\n {this.state.isCollapsed ? \"more\" : \"less\"}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\n/*===========================================================================\r\n Facets > FacetGroup > FacetOption\r\n/*======================================================================== */\r\ninterface FacetOptionProps {\r\n facets: any[];\r\n groupIndex: number;\r\n optionIndex: number;\r\n option: any;\r\n onFacetChange: (facet: any) => void;\r\n}\r\n\r\nconst FacetOption = (props: FacetOptionProps) => {\r\n const classes = [\"c-facets__option\"];\r\n const data = props.facets;\r\n const facet = props.option;\r\n if (props.optionIndex > GlobalConfig.ui.facetsHideAfterIndex) {\r\n classes.push(\"is-overflow\");\r\n }\r\n\r\n const toggleSelected = () => {\r\n // tslint:disable-next-line:no-string-literal\r\n data[props.groupIndex][\"options\"][props.optionIndex][\r\n // tslint:disable-next-line:no-string-literal\r\n \"selected\"\r\n ] = !facet.selected;\r\n const b = data[props.groupIndex];\r\n // tslint:disable-next-line:no-string-literal\r\n b.options = [data[props.groupIndex][\"options\"][props.optionIndex]];\r\n props.onFacetChange(b);\r\n };\r\n\r\n return (\r\n {this.props.title}
\r\n {this.props.children}
\r\n {this.props.options &&\r\n this.props.options.length >\r\n GlobalConfig.ui.facetsHideAfterIndex && (\r\n \r\n {facet.label}\r\n \r\n {facet.count}\r\n {facet.selected ? \"X\" : \"\"}\r\n \r\n
\r\n );\r\n};\r\n\r\n/*===========================================================================\r\n Facets > FacetGroup > DistanceSelect\r\n/*======================================================================== */\r\ninterface DistanceSelectProps {\r\n searchRadiusInMiles: number;\r\n onDistanceChange?: (value: any) => void;\r\n}\r\n\r\nconst DistanceSelect = (props: DistanceSelectProps) => {\r\n const classesGroup = [\"c-facets__group\"];\r\n const classesOption = [\"c-facets__option\", \"selectInput\"];\r\n\r\n const handleChange = selectedOption => {\r\n const value = selectedOption.value;\r\n if (props.onDistanceChange) props.onDistanceChange(value);\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Facets;\r\n","import * as React from \"react\";\r\n\r\ninterface SelectedFacetsProps {\r\n data: any[]\r\n onFacetChange: (facet: any) => void\r\n overlay?: boolean\r\n}\r\n\r\n\r\nexport const SelectedFacets = (props: SelectedFacetsProps) => {\r\n const classes = [\"c-selected-facets\"];\r\n if(props.overlay) classes.push(\"c-selected-facets--overlay\");\r\n\r\n const toggleSelected = facet => {\r\n // tslint:disable-next-line:no-string-literal\r\n facet.options[0][\"selected\"] = false;\r\n props.onFacetChange(facet);\r\n };\r\n\r\n return (\r\n distance
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SelectedFacets;\r\n","import * as React from \"react\";\r\n\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Showing from \"@common/components/Atoms/Showing\";\r\nimport Facets from \"@common/components/Molecules/Facets\";\r\nimport Pagination from \"@common/components/Molecules/Pagination\";\r\nimport SelectedFacets from \"@common/components/Molecules/SelectedFacets\";\r\n\r\n/*===========================================================================\r\n Filtered List\r\n/*======================================================================== */\r\ninterface FilteredListProps {\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const FilteredList = (props: FilteredListProps) => (\r\n you refined by
\r\n \r\n {props.data.map((group, groupIndex) => (\r\n
\r\n \r\n {group.options.map((option, optionIndex) => (\r\n
\r\n ))}\r\n \r\n {option.label}\r\n \r\n ( toggleSelected(group)}>\r\n undo\r\n )\r\n \r\n
\r\n ))}\r\n {props.children}
\r\n);\r\n\r\n/*===========================================================================\r\n Filtered List > Table View\r\n/*======================================================================== */\r\n\r\ninterface FilteredListTableViewProps {\r\n data: any;\r\n isLargeScreen: boolean;\r\n locationSearchTerm?: string;\r\n onDistanceChange?: (value: any) => void;\r\n onFacetChange: (facet: any) => void;\r\n onPageChange: (pagenum: number) => void;\r\n responsive: boolean;\r\n searchRadiusInMiles?: number;\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const FilteredListTableView = (props: FilteredListTableViewProps) => {\r\n const result = props.data; // the 'result' node from the api\r\n const visible = props.isLargeScreen;\r\n const hasFacets =\r\n result.facets &&\r\n (result.facets.length > 0 || result.selected_facets.length > 0);\r\n\r\n if (!props.responsive || (props.responsive && visible)) {\r\n return (\r\n \r\n filters\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n filters\r\n \r\n {props.sortDropdown}\r\n
\r\n {props.children}
\r\n\r\n \r\n
\r\n);\r\n\r\n/*===========================================================================\r\n Page-level actions for <= small screens\r\n/*======================================================================== */\r\ninterface ReferralsSortDropdownProps {\r\n keyword?: string;\r\n onSortChange: (string) => void;\r\n}\r\n\r\nexport const ReferralsSortDropdown: React.SFC\r\n we couldn't find any matching applications, but you can find the perfect job\r\n by searching thousands of listings.\r\n
\r\n\r\n
\r\n \r\n \r\n expand search\r\n \r\n \r\n find jobs\r\n \r\n
\r\n | \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|
| \r\n | \r\n \r\n {refr.phase_name}\r\n \r\n {refr.hired_timestamp && (\r\n \r\n {moment\r\n .utc()\r\n .diff(moment(refr.hired_timestamp)) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n | \r\n \r\n | \r\n
\r\n
\r\n \r\n\r\n {jobCandidateForModals && (\r\n filters
\r\n\r\n {this.state.searchResults.selected_facets &&\r\n this.state.searchResults.selected_facets.length > 0 && (\r\n \r\n this.closeModal(\"editApplicationModalIsOpen\")}\r\n closeModal={() => this.closeModal(\"editApplicationModalIsOpen\")}\r\n />\r\n\r\n this.closeModal(\"sendMessageModalIsOpen\")}\r\n closeModal={() => this.closeModal(\"sendMessageModalIsOpen\")}\r\n />\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { PageInternal } from \"@pro/containers/PageInternal\";\r\n\r\nimport { Routing } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\n\r\nexport class ErrorNotFound extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n handleSubmit() {\r\n window.location.href = \"/pro\" + Routing.Client.Pro.Home.DASHBOARD;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n oops, looks like something went wrong
\r\nWe can't seem to find the page you're looking for.
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport { PageExternal } from \"@pro/containers/PageExternal\";\r\n\r\nimport { IconChevronLeft } from \"@common/components/Atoms/Icons\";\r\nimport { IconLogoMark } from \"@common/components/Atoms/Icons\";\r\nimport { GlobalConfig } from \"@common/utils/config\";\r\n\r\n/*===========================================================================\r\n Account Page\r\n/*======================================================================== */\r\ninterface AccountPageProps {\r\n title: string\r\n message?: string\r\n back?: string\r\n children?: React.ReactNode\r\n backFunc?: () => void\r\n pageTitle?: string\r\n hideLogo?: boolean\r\n updating: boolean\r\n};\r\n\r\n\r\nexport const AccountPage: React.SFC\r\n {this.props.children}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n {props.title}
\r\n{props.message}
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ErrorUnhandled;\r\n","import * as React from \"react\";\r\n\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport { IconChevronDown } from \"@common/components/Atoms/Icons\";\r\nimport { SearchEntry } from \"@common/components/Atoms/SearchFilters\";\r\nimport Dropdown, { DropdownItem, DropdownMenu } from \"@common/components/Molecules/Dropdown\";\r\n\r\n/*===========================================================================\r\n Page-level search controls for page > header > center\r\n/*======================================================================== */\r\ninterface FriendsPageHeaderCenterProps {\r\n value: string,\r\n onKeywordSubmit: (value: any) => void\r\n\r\n};\r\n\r\nexport const FriendsPageHeaderCenter: React.SFC\r\n props.onKeywordSubmit(value)}\r\n submitOnEnter={true}\r\n />\r\n
\r\n);\r\n\r\n/*===========================================================================\r\n Page-level actions for <= small screens\r\n/*======================================================================== */\r\ninterface FriendsSortDropdownProps {\r\n onSortChange: (value: string) => void\r\n}\r\n\r\nexport const FriendsSortDropdown: React.SFC\r\n \r\n
\r\n);\r\n\r\n/*===========================================================================\r\n Page-level actions for <= small screens\r\n/*======================================================================== */\r\n\r\nexport const FriendsPageActionsSmall = props => (\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","import * as React from \"react\";\r\nimport { RouteComponentProps } from \"react-router\";\r\n\r\nimport { FriendService, SearchOptions, SearchService } from \"@pro/_services\";\r\nimport {\r\n FriendsPageActionsLarge,\r\n FriendsPageActionsSmall,\r\n FriendsPageHeaderCenter,\r\n FriendsSortDropdown\r\n} from \"@pro/components/Organisms/Friends\";\r\nimport { InviteFriends as ModalInviteFriends } from \"@pro/containers/Modals/InviteFriends\";\r\nimport { PageInternal } from \"@pro/containers/PageInternal\";\r\n\r\nimport { SortKeys } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Card, { CardItem } from \"@common/components/Atoms/Card\";\r\nimport Error from \"@common/components/Atoms/Error\";\r\nimport EmailLink from \"@common/components/Atoms/Links\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport { SearchEntry } from \"@common/components/Atoms/SearchFilters\";\r\nimport Sort from \"@common/components/Atoms/Sort\";\r\nimport FilteredList, {\r\n FilteredListCardsView,\r\n FilteredListTableView\r\n} from \"@common/components/Molecules/FilteredList\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { GlobalConfig } from \"@common/utils\";\r\n\r\ninterface FriendsProps extends RouteComponentProps\r\n This is your custom invitation link. Copy and paste it wherever you want, or\r\n press a button below to easily share it with your network.\r\n
\r\n\r\n refer friends to become relode agents\r\n
\r\n\r\n {\r\n this.openModal(\"inviteFriendsModalIsOpen\");\r\n }}>\r\n invite friends\r\n \r\n
\r\n\r\n | \r\n | \r\n location | \r\n\r\n | \r\n review | \r\nconsideration | \r\neliminated | \r\nhired | \r\n
|---|---|---|---|---|---|---|
| \r\n \r\n {friend.name}\r\n \r\n | \r\n {friend.location} | \r\n\r\n | \r\n {friend.in_review} | \r\n{friend.in_consideration} | \r\n{friend.in_eliminated} | \r\n{friend.in_hired} | \r\n
\r\n
\r\n \r\n\r\n filters
\r\n \r\n Text Messages\r\n - for your information\r\n
\r\n \r\n
\r\n \r\n You may receive SMS notifications for support from Relode if you can't be\r\n reached by phone. You can opt out at any time in your notification settings.\r\n
\r\n\r\n\r\n Message frequency for security alerts varies based upon the number of service\r\n exchanges.
\r\n
\r\n Msg&Data Rates May Apply. For each of the above programs. I agree to Relodes's{\" \"}\r\n\r\n Terms & Conditions\r\n {\" \"}\r\n and{\" \"}\r\n \r\n Privacy Policy\r\n . I can text STOP to cancel or HELP for help. Customer Service 844-773-5633.\r\n Supported carriers: AT&T, Verizon Wireless, T-Mobile, Metro PCS, Sprint, U.S.\r\n Cellular, Cincinnati Bell and others.\r\n
\r\n \r\n
\r\n Msg&Data Rates May Apply. For each of the above programs. I agree to Relodes's{\" \"}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n","import Money from \"@common/components/Atoms/Money\";\r\nimport { TileSize } from \"@common/models\";\r\nimport { SettingsService } from \"@pro/_services\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport { Routing } from \"common/_constants\";\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\ninterface EarningsState {\r\n earnings: {\r\n status: string;\r\n response: {\r\n has_candidates: boolean;\r\n previous_month_earnings_in_usd: number;\r\n potential_earnings_in_usd: number;\r\n overall_earnings_in_usd: number;\r\n top_earnings_in_usd: number;\r\n };\r\n };\r\n}\r\n\r\nconst DashboardEarningsFooter = props => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.nav}\r\n {props.title}
\r\n{props.description}
\r\n\r\n \r\n \r\n \r\n \r\n }\r\n
\r\n {props.footer}\r\n \r\n {props.loading ? (\r\n
\r\n {props.showFade &&\r\n \r\n \r\n view payment history\r\n \r\n
\r\n);\r\n\r\nexport class Earnings extends React.Component\r\n
\r\n )}\r\n\r\n {earnings.status === \"success\" &&\r\n !earnings.response.has_candidates && (\r\n \r\n
\r\n \r\n last month earnings\r\n
\r\n \r\n potential earnings\r\n
\r\n \r\n overall earnings\r\n
\r\n \r\n did you know?\r\n
\r\n top relode agent:{\" \"}\r\n
\r\n
\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import { Routing, Search } from \"@common/_constants\";\r\nimport { MessageService } from \"@common/_services\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport { Message as MessageModel, TileSize } from \"@common/models\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst DashboardTileMessagesNav = () => (\r\n \r\n See how top agents have found success with Relode. Read their\r\n stories here.\r\n
\r\n\r\n \r\n get inspired\r\n \r\n
\r\n \r\n \r\n unread\r\n \r\n \r\n all\r\n \r\n
\r\n);\r\n\r\ninterface MessagesProps {\r\n messageReadStates: any;\r\n onMarkReadStatus: (messageId: number, isRead: boolean) => void;\r\n}\r\ninterface MessagesState {\r\n messages: {\r\n status: string;\r\n response: MessageModel[];\r\n };\r\n}\r\nexport class Messages extends Component\r\n {messages.status === \"success\" &&\r\n messages.response.map((msg, index) => (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { Format, Routing, SortKeys } from \"@common/_constants\";\r\nimport { Search } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport { TileSize } from \"@common/models\";\r\nimport { ReferralService } from \"@pro/_services\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst DashboardTileMyApplicationsNav = () => (\r\n \r\n
\r\n ))}\r\n {(!messages || !messages.response || messages.response.length === 0) && (\r\n \r\n
\r\n \r\n {msg.from_name}\r\n {!msg.is_direct_message && (\r\n \r\n {msg.context_job_name}\r\n \r\n )}\r\n {msg.context_user_id &&\r\n !msg.is_direct_message && (\r\n \r\n {msg.context_user_full_name}\r\n \r\n )}\r\n
\r\n \r\n {msg.sent_timestamp && (\r\n {\r\n this.props.onMarkReadStatus(\r\n msg.message_id,\r\n true\r\n );\r\n }}\r\n title=\"mark read\">\r\n
\r\n mark as read\r\n \r\n )}\r\n
\r\n \r\n mark as read\r\n \r\n )}\r\n
\r\n {msg.subject && (\r\n {msg.subject}\r\n )}\r\n 500\r\n ? msg.body.substring(0, 500) + \"...\"\r\n : msg.body,\r\n }}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n No new messages
\r\n\r\n \r\n review\r\n \r\n \r\n consideration\r\n \r\n \r\n eliminated\r\n \r\n \r\n hired\r\n \r\n \r\n all\r\n \r\n
\r\n);\r\n\r\nconst DashboardMyApplicationsFooter = props => (\r\n \r\n \r\n see more applications\r\n \r\n
\r\n);\r\n\r\ninterface ApplicationModel {\r\n job_candidate_id: number\r\n user_full_name: string\r\n phase_name: string\r\n hired_timestamp: string\r\n job_name: string\r\n location_city_state_display_name: string\r\n}\r\ninterface MyApplicationsProps {\r\n onApplicationsCounted?: (count:number)=>void\r\n show: boolean\r\n}\r\ninterface MyApplicationsState {\r\n applications: {\r\n status: string,\r\n response: ApplicationModel[]\r\n }\r\n}\r\nexport class MyApplications extends Component\r\n {applications.status === \"success\" &&\r\n applications.response.map(ref => (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { Routing, Search } from \"@common/_constants\";\r\nimport { Job as JobModel, TileSize } from \"@common/models\";\r\nimport { JobService } from \"@pro/_services\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst DashboardTileMyJobsNav = () => (\r\n \r\n
\r\n ))}\r\n\r\n {applications.status === \"success\" &&\r\n applications.response.length === 0 && (\r\n \r\n
\r\n \r\n \r\n {ref.job_name}\r\n \r\n
\r\n \r\n {ref.phase_name}\r\n
\r\n {ref.hired_timestamp && (\r\n \r\n {moment.utc().diff(moment(ref.hired_timestamp)) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n
\r\n \r\n {ref.hired_timestamp && (\r\n \r\n {moment.utc().diff(moment(ref.hired_timestamp)) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n
\r\n
\r\n - \r\n
- {ref.location_city_state_display_name} \r\n
\r\n
\r\n )}\r\n \r\n Explore thousands of job listings to see if one of them is right for you.\r\n
\r\n\r\n \r\n view all my jobs\r\n \r\n
\r\n);\r\n\r\ninterface MyJobsState {\r\n jobs: {\r\n status: string;\r\n response: JobModel[];\r\n };\r\n}\r\nexport class MyJobs extends React.Component\r\n
\r\n ))}\r\n {jobs.status === \"success\" &&\r\n jobs.response.length === 0 && (\r\n \r\n
\r\n \r\n \r\n {job.job_name}\r\n \r\n
\r\n \r\n {job.total_commission_in_us_dollars}\r\n {job.total_commission_in_us_dollars !== \"\" ? (\r\n \r\n
\r\n referral reward\r\n \r\n ) : (\r\n \"referral reward not available\"\r\n )}\r\n
\r\n \r\n referral reward\r\n \r\n ) : (\r\n \"referral reward not available\"\r\n )}\r\n
\r\n
\r\n - \r\n
- {job.primary_job_position_display_name} \r\n
- {job.location} \r\n
\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\n\r\nimport { SettingsService } from \"@pro/_services\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport { SendMessage } from \"@pro/containers/Modals/SendMessage\";\r\n\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport RelodeRep from \"@common/components/Atoms/RelodeRep\";\r\nimport { Manager as ManagerModel, TileSize } from \"@common/models\";\r\n\r\ninterface DashboardTileRecruiterFooterProps {\r\n managerId: number;\r\n}\r\n\r\ninterface DashboardTileRecruiterFooterState {\r\n isOpen: boolean;\r\n}\r\n\r\nexport class DashboardTileRecruiterFooter extends React.Component<\r\n DashboardTileRecruiterFooterProps,\r\n DashboardTileRecruiterFooterState\r\n> {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isOpen: false,\r\n };\r\n\r\n this.openModal = this.openModal.bind(this);\r\n this.closeModal = this.closeModal.bind(this);\r\n }\r\n\r\n openModal() {\r\n this.setState({ isOpen: true });\r\n }\r\n\r\n closeModal() {\r\n this.setState({ isOpen: false });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Find jobs that match your network and when you refer or apply, they\r\n appear here.\r\n
\r\n\r\n \r\n browse jobs\r\n \r\n
\r\n \r\n \r\n message coach\r\n \r\n {this.state.isOpen && (\r\n
\r\n );\r\n }\r\n}\r\n\r\ninterface QuestionsState {\r\n managerId: number;\r\n advisor: {\r\n status: string;\r\n response: {\r\n user_id: number;\r\n profile_image_url: string;\r\n last_name: string;\r\n first_name: string;\r\n role_name: string;\r\n phone_number_for_url: string;\r\n phone_number: string;\r\n };\r\n };\r\n}\r\nexport class Questions extends React.Component\r\n {advisor.status === \"success\" && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { Routing, Search } from \"@common/_constants\";\r\nimport { formatClientRoute } from \"@common/_services\";\r\nimport { Job as JobModel, TileSize } from \"@common/models\";\r\nimport { JobService } from \"@pro/_services\";\r\nimport { DashboardTile } from \"@pro/components/Organisms/DashboardTile\";\r\nimport React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst DashboardTileRecommendedJobsNav = () => (\r\n \r\n \r\n \r\n {advisor.response.role_name}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n responds within 24 hours\r\n
\r\n
\r\n availability\r\n
\r\n Mon - Fri: 8-5PM CST\r\n
\r\n closed holidays\r\n
\r\n \r\n customize\r\n \r\n \r\n all\r\n \r\n
\r\n);\r\n\r\nconst DashboardRecommendedJobsFooter = props => (\r\n \r\n \r\n see more jobs\r\n \r\n
\r\n);\r\n\r\ninterface RecommendedJobsProps {\r\n show: boolean;\r\n}\r\n\r\ninterface RecommendedJobsState {\r\n recommendedJobs: {\r\n status: string;\r\n response: JobModel[];\r\n };\r\n}\r\n\r\nexport class RecommendedJobs extends Component\r\n
\r\n ))}\r\n {!recommendedJobs ||\r\n !recommendedJobs.response ||\r\n (recommendedJobs.response.length === 0 && (\r\n \r\n
\r\n \r\n \r\n {job.job_name}\r\n \r\n
\r\n \r\n {job.total_commission_in_us_dollars}\r\n {job.total_commission_in_us_dollars !== \"\" ? (\r\n \r\n
\r\n referral reward\r\n \r\n ) : (\r\n \"referral reward not available\"\r\n )}\r\n
\r\n \r\n referral reward\r\n \r\n ) : (\r\n \"referral reward not available\"\r\n )}\r\n
\r\n
\r\n - \r\n
- {job.primary_job_position_display_name} \r\n
- {job.location} \r\n
\r\n
\r\n ))}\r\n \r\n );\r\n }\r\n}\r\n","import { constants, Defaults, JobType, Routing } from \"@common/_constants/\";\r\nimport { refetch, TrackingService, UserService } from \"@common/_services\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport ReferError from \"@common/components/Atoms/Error\";\r\nimport {\r\n FormHandler,\r\n Input,\r\n Rules,\r\n Select,\r\n} from \"@common/components/Atoms/FormInputs\";\r\nimport { IconComment, IconEmail } from \"@common/components/Atoms/Icons\";\r\nimport FileDrop from \"@common/components/Molecules/FileDrop\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { FormField, UserFromStorage } from \"@common/models\";\r\nimport { JobService, ReferralService } from \"@pro/_services\";\r\nimport qs from \"qs\";\r\nimport React from \"react\";\r\n\r\n// import { ReferThankYou } from \"@pro/containers/Modals/ReferThankYou\"\r\n\r\ninterface ShareJobLinksProps {\r\n user: UserFromStorage;\r\n selectedJob?: JobFromResult;\r\n name: string;\r\n phone: string;\r\n email: string;\r\n}\r\n\r\ninterface ShareJobLinksState {\r\n url: string;\r\n emailLink: string;\r\n facebookLink: string;\r\n linkedInLink: string;\r\n twitterLink: string;\r\n}\r\n\r\nclass ShareJobLinks extends React.Component<\r\n ShareJobLinksProps,\r\n ShareJobLinksState\r\n> {\r\n constructor(props: ShareJobLinksProps) {\r\n super(props);\r\n this.getJobShareLink = this.getJobShareLink.bind(this);\r\n this.state = {\r\n url: \"\",\r\n emailLink: \"\",\r\n facebookLink: \"\",\r\n linkedInLink: \"\",\r\n twitterLink: \"\",\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await this.getJobShareLink();\r\n }\r\n\r\n getJobShareLink = async () => {\r\n const { selectedJob } = this.props;\r\n\r\n if (!selectedJob) return;\r\n\r\n const url = `${constants.GlobalConfig.apiUrl}/pro/v2/jobs/${selectedJob.item_id}/sharelinks`;\r\n\r\n const settings = {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n method: \"GET\",\r\n };\r\n\r\n refetch(url, settings)\r\n .then(resp => resp.json())\r\n .then(json => {\r\n this.setState({\r\n url: json.result.url,\r\n emailLink: json.result.email_url,\r\n facebookLink: json.result.facebook_url,\r\n linkedInLink: json.result.linked_in_url,\r\n twitterLink: json.result.twitter_url,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const { user, selectedJob, name, phone, email } = this.props;\r\n const { url } = this.state;\r\n if (!selectedJob || !name || !phone || !email) return;\r\n\r\n const firstName = splitName(name)[0];\r\n\r\n const emailMessage = {\r\n subject: `Thought of you for ${selectedJob.item_name}`,\r\n body:\r\n `Hi ${firstName},\\r\\n\\r\\n` +\r\n `You were recommended for this job by ${user.firstName}.\\r\\n\\r\\n` +\r\n `${selectedJob.item_name}\\r\\n` +\r\n `${selectedJob.item_type}\\r\\n` +\r\n `${selectedJob.item_location}\\r\\n\\r\\n` +\r\n \"Click below to view the details on this job or to learn about other job openings. You can also join Relode's referral program and earn rewards for connecting your network to great jobs. \\r\\n\\r\\n\" +\r\n `${url}\\r\\n\\r\\n` +\r\n \"Have a great day,\\r\\n\" +\r\n \"Team Relode\",\r\n };\r\n\r\n const smsMessage = `${user.displayName} has found a job for which you may be a good fit. Check this and other jobs at: ${url}.`;\r\n\r\n const iOS =\r\n !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);\r\n\r\n return (\r\n \r\n Try customizing your profile to find more jobs.\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\ninterface ContextJobModel {\r\n job_id: number;\r\n job_name: string;\r\n job_type: JobType;\r\n total_commission_in_us_dollars: string;\r\n location: string;\r\n}\r\n\r\ninterface JobFromResult {\r\n item_id: number;\r\n item_name: string;\r\n item_type: JobType;\r\n total_commission_in_us_dollars: string;\r\n item_location: string;\r\n}\r\n\r\ninterface ReferCandidateProps {\r\n isOpen: boolean;\r\n onOkay: (newJobCandidateId: number) => void;\r\n onCancel: () => void;\r\n closeModal: () => void;\r\n job?: ContextJobModel;\r\n}\r\n\r\ninterface ReferCandidateState {\r\n error: boolean;\r\n processing: boolean;\r\n errorMessages: string[];\r\n resume: {\r\n isValid: boolean;\r\n resumeFileId?: number;\r\n resumeFile?: any;\r\n originalResumeFile?: any;\r\n validationMessages: string[];\r\n };\r\n doValidateFile: boolean;\r\n formIsValid: boolean;\r\n formFields: {\r\n job: FormField;\r\n name: FormField;\r\n phone: FormField;\r\n email: FormField;\r\n };\r\n\r\n selectedJob?: JobFromResult;\r\n jobSearchResults: JobFromResult[];\r\n\r\n user: UserFromStorage;\r\n currentStep: \"info\" | \"resume\" | \"share\";\r\n}\r\n\r\nexport class ReferCandidate extends React.Component<\r\n ReferCandidateProps,\r\n ReferCandidateState\r\n> {\r\n private _abortControllers: { [key: string]: AbortController } = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.emptyState = this.emptyState.bind(this);\r\n this.getJobs = this.getJobs.bind(this);\r\n this.onCloseModal = this.onCloseModal.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onFormFieldChange = this.onFormFieldChange.bind(this);\r\n\r\n this.handleResumeFileAdd = this.handleResumeFileAdd.bind(this);\r\n this.handleResumeFileRemove = this.handleResumeFileRemove.bind(this);\r\n this.handleResumeFileError = this.handleResumeFileError.bind(this);\r\n this.handleResumeFileUploading = this.handleResumeFileUploading.bind(\r\n this\r\n );\r\n this.handleResumeFileUploaded = this.handleResumeFileUploaded.bind(\r\n this\r\n );\r\n\r\n this.state = this.emptyState();\r\n }\r\n\r\n async componentWillReceiveProps(nextProps: ReferCandidateProps) {\r\n if (nextProps.job !== this.props.job) {\r\n this.setState({ selectedJob: this.setSelectedJob(nextProps.job) });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const abortControllers = this._abortControllers;\r\n if (Object.keys(abortControllers).length > 0) {\r\n Object.keys(abortControllers).map(key =>\r\n abortControllers[key].abort()\r\n );\r\n }\r\n }\r\n\r\n setSelectedJob = (job?: ContextJobModel) => {\r\n return job\r\n ? {\r\n item_id: job.job_id,\r\n item_name: job.job_name,\r\n item_location: job.location,\r\n item_type: job.job_type,\r\n total_commission_in_us_dollars:\r\n job.total_commission_in_us_dollars,\r\n }\r\n : undefined;\r\n };\r\n async getJobs(term: string) {\r\n // Check to see if there already was an abortController, and if so, call abort on it\r\n if (this._abortControllers.suggest) {\r\n this._abortControllers.suggest.abort();\r\n }\r\n this._abortControllers.suggest = new AbortController();\r\n const signal = this._abortControllers.suggest.signal;\r\n\r\n try {\r\n const response = await JobService.suggest(term, signal);\r\n this.setState({ jobSearchResults: response.results });\r\n return response.results.map(r => ({\r\n label: r.item_name,\r\n value: r.item_id,\r\n }));\r\n } catch (error) {\r\n handleError(error, this);\r\n }\r\n }\r\n\r\n onCloseModal() {\r\n this.setState(this.emptyState(), this.props.closeModal);\r\n }\r\n\r\n onFormFieldChange(\r\n name: string,\r\n value: { label: string; value: string | number }\r\n ) {\r\n const formFields = this.state.formFields;\r\n FormHandler.handleInputChange(name, value, formFields);\r\n if (name === \"job\") {\r\n const selectedJob = this.state.jobSearchResults.find(job => {\r\n return job.item_id === value.value;\r\n });\r\n this.setState({ selectedJob });\r\n }\r\n this.setState({ formFields });\r\n }\r\n\r\n verifyEmailPhone = (e: any, nextStep: \"share\" | \"resume\") => {\r\n e.preventDefault();\r\n this.setState({ doValidateFile: true }, () => {\r\n const { formFields } = this.state;\r\n const candidateIsValid = FormHandler.validate(formFields);\r\n if (!candidateIsValid) {\r\n this.setState({ formFields, formIsValid: false, error: true });\r\n } else {\r\n const jobId = this.props.job\r\n ? this.props.job.job_id\r\n : this.state.formFields.job.value.value;\r\n\r\n let validationRequest = {\r\n candidate_email: this.state.formFields.email.value,\r\n candidate_phone: this.state.formFields.phone.value,\r\n job_id: jobId,\r\n };\r\n\r\n validationRequest = TrackingService.addAttribution(\r\n validationRequest\r\n );\r\n ReferralService.validate(validationRequest)\r\n .then(() => {\r\n this.setState({\r\n error: false,\r\n formIsValid: true,\r\n errorMessages: [],\r\n currentStep: nextStep,\r\n });\r\n })\r\n .catch(err => handleError(err, this));\r\n }\r\n });\r\n };\r\n\r\n validateEntireForm() {\r\n const { formFields, currentStep } = this.state;\r\n let isValid = FormHandler.validate(formFields);\r\n\r\n isValid =\r\n currentStep === \"resume\"\r\n ? isValid && !!this.state.resume.resumeFileId\r\n : isValid;\r\n\r\n if (!isValid) {\r\n this.setState(prevState => {\r\n if (\r\n currentStep === \"resume\" &&\r\n !prevState.resume.resumeFileId\r\n ) {\r\n const resume = {\r\n ...prevState.resume,\r\n isValid: false,\r\n validationMessages: [\"A resume upload is required\"],\r\n };\r\n return { formFields, formIsValid: false, resume };\r\n }\r\n return {\r\n formFields,\r\n formIsValid: false,\r\n resume: prevState.resume,\r\n };\r\n });\r\n } else {\r\n this.setState({\r\n formFields,\r\n formIsValid: true,\r\n error: false,\r\n currentStep: \"resume\",\r\n });\r\n }\r\n return isValid;\r\n }\r\n\r\n onSubmit(e: any) {\r\n e.preventDefault();\r\n this.setState({ doValidateFile: true }, () => {\r\n const { formFields } = this.state;\r\n const isValid = this.validateEntireForm();\r\n if (isValid) {\r\n this.setState(\r\n { formFields, formIsValid: true, processing: true },\r\n () => {\r\n const jobId = this.props.job\r\n ? this.props.job.job_id\r\n : this.state.formFields.job.value.value;\r\n const name = splitName(\r\n this.state.formFields.name.value\r\n );\r\n const candidate = {\r\n is_apply: false,\r\n job_id: jobId,\r\n candidate_first_name: name[0],\r\n candidate_last_name: name[1],\r\n candidate_email: this.state.formFields.email.value,\r\n candidate_phone: this.state.formFields.phone.value,\r\n candidate_resume_file_id: this.state.resume\r\n .resumeFileId,\r\n };\r\n\r\n ReferralService.refer(candidate)\r\n .then(candidateResult => {\r\n this.setState(this.emptyState, () =>\r\n this.props.onOkay(\r\n candidateResult.job_candidate_id\r\n )\r\n );\r\n })\r\n .catch(err => handleError(err, this));\r\n }\r\n );\r\n }\r\n });\r\n }\r\n\r\n handleResumeFileAdd(fileId: number) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: fileId,\r\n isValid: true,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileRemove(fileId: number) {\r\n const resume = { ...this.state.resume, resumeFileId: undefined };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileError(errorMsg: string) {\r\n this.setState({ processing: false });\r\n const resume = {\r\n ...this.state.resume,\r\n validationMessages: [errorMsg],\r\n isValid: false,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileUploading() {\r\n this.setState({ processing: true });\r\n }\r\n\r\n handleResumeFileUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n getUser() {\r\n let user = UserService.getUserFromStorage();\r\n if (!user) {\r\n user = {\r\n displayName: \"\",\r\n firstName: \"\",\r\n profileImageUrl: \"\",\r\n token: \"\",\r\n email: \"\",\r\n expires: 0,\r\n roleId: 0,\r\n applicationName: \"\",\r\n };\r\n }\r\n return user;\r\n }\r\n\r\n emptyState(): ReferCandidateState {\r\n const requireJobUnlessJobPropExists = (\r\n field: FormField,\r\n fieldset?: FormField[]\r\n ) => !!this.props.job || Rules.required(field, fieldset);\r\n\r\n return {\r\n selectedJob: this.setSelectedJob(this.props.job),\r\n error: false,\r\n processing: false,\r\n errorMessages: [],\r\n resume: {\r\n isValid: true,\r\n resumeFileId: undefined,\r\n resumeFile: undefined,\r\n originalResumeFile: undefined,\r\n validationMessages: [] as string[],\r\n },\r\n doValidateFile: false,\r\n formIsValid: true,\r\n formFields: {\r\n job: {\r\n name: \"job\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: true,\r\n validationMessages: [] as string[],\r\n rules: [requireJobUnlessJobPropExists],\r\n },\r\n name: {\r\n name: \"name\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: true,\r\n validationMessages: [] as string[],\r\n rules: [Rules.required, Rules.formatApplyName],\r\n },\r\n email: {\r\n name: \"email\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: true,\r\n validationMessages: [] as string[],\r\n rules: [Rules.required, Rules.formatEmail],\r\n },\r\n phone: {\r\n name: \"phone\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: true,\r\n validationMessages: [] as string[],\r\n rules: [Rules.required, Rules.formatPhone],\r\n },\r\n },\r\n\r\n jobSearchResults: [],\r\n user: this.getUser(),\r\n currentStep: \"info\",\r\n };\r\n }\r\n\r\n render() {\r\n const jobDisplay = this.props.job ? (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {selectedJob.item_name}\r\n
\r\n\r\n {selectedJob.total_commission_in_us_dollars}{\" \"}\r\n {selectedJob.total_commission_in_us_dollars !== \"\"\r\n ? \" referral reward\"\r\n : \"referral reward not available\"}\r\n
\r\n\r\n {!iOS ? (\r\n \r\n (location.href = `sms:${phone}?body=${smsMessage}`)\r\n }\r\n >\r\n \r\n \r\n (location.href = `sms:${phone}&body=${smsMessage}`)\r\n }\r\n >\r\n \r\n \r\n (location.href = `mailto:${email}?${qs.stringify(\r\n emailMessage\r\n )}`)\r\n }\r\n >\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n {this.props.job.job_name}
\r\n\r\n {this.props.job.total_commission_in_us_dollars}{\" \"}\r\n {this.props.job.total_commission_in_us_dollars !== \"\"\r\n ? \" referral reward\"\r\n : \"referral reward not available\"}\r\n
\r\n\r\n
\r\n );\r\n\r\n const legal = (\r\n \r\n By referring a candidate for this position, you agree to our{\" \"}\r\n \r\n Terms of Use\r\n \r\n . You have agreed to introduce Relode with the above candidate\r\n who is interested and aware of this specific position. Upon hire\r\n of a Qualified Candidate, you will be paid the specified reward\r\n (Success Fee) pursuant to our Terms of Use.\r\n
\r\n );\r\n\r\n const referError = (\r\n \r\n \r\n review\r\n \r\n \r\n consideration\r\n \r\n \r\n eliminated\r\n \r\n \r\n hired\r\n \r\n \r\n all\r\n \r\n
\r\n);\r\n\r\ninterface DashboardReferAFriendFooterProps {\r\n history: any;\r\n}\r\ninterface DashboardReferAFriendFooterState {\r\n referCandidateModalIsOpen: boolean;\r\n}\r\nclass DashboardReferAFriendFooter extends Component<\r\n DashboardReferAFriendFooterProps,\r\n DashboardReferAFriendFooterState\r\n> {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.openModal = this.openModal.bind(this);\r\n this.closeModal = this.closeModal.bind(this);\r\n this.onReferCandidateOkay = this.onReferCandidateOkay.bind(this);\r\n\r\n this.state = {\r\n referCandidateModalIsOpen: false,\r\n };\r\n }\r\n openModal() {\r\n this.setState({ referCandidateModalIsOpen: true });\r\n }\r\n\r\n closeModal() {\r\n this.setState({ referCandidateModalIsOpen: false });\r\n }\r\n\r\n onReferCandidateOkay(id) {\r\n this.closeModal();\r\n this.props.history.push(\"/referrals/\" + id);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\ninterface ReferralModel {\r\n job_candidate_id: number;\r\n user_full_name: string;\r\n phase_name: string;\r\n hired_timestamp: string;\r\n job_name: string;\r\n total_commission_in_us_dollars: string;\r\n}\r\n\r\ninterface ReferralsProps {\r\n history: any;\r\n}\r\ninterface ReferralsState {\r\n referrals: {\r\n status: string;\r\n response: ReferralModel[];\r\n };\r\n}\r\nexport class Referrals extends Component\r\n {referrals.status === \"success\" &&\r\n referrals.response.map(ref => (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { SMSOptType } from \"@common/_constants\";\r\nimport { MessageService, UserService } from \"@common/_services\";\r\nimport { SettingsService } from \"@pro/_services\";\r\nimport { SMSModal } from \"@pro/containers/Modals/SMS\";\r\nimport { PageInternal } from \"@pro/containers/PageInternal\";\r\nimport { Earnings } from \"@pro/containers/Pages/Home/Earnings\";\r\nimport { Messages } from \"@pro/containers/Pages/Home/Messages\";\r\nimport { MyApplications } from \"@pro/containers/Pages/Home/MyApplications\";\r\nimport { MyJobs } from \"@pro/containers/Pages/Home/MyJobs\";\r\nimport { Questions } from \"@pro/containers/Pages/Home/Questions\";\r\nimport { RecommendedJobs } from \"@pro/containers/Pages/Home/RecommendedJobs\";\r\nimport { Referrals } from \"@pro/containers/Pages/Home/Referrals\";\r\nimport React, { Component } from \"react\";\r\nimport { RouteComponentProps } from \"react-router\";\r\nimport { AnnouncementBanner } from \"./AnnouncementBanner\";\r\nimport { Role } from \"common/models/Role\";\r\nimport { GlobalConfig } from \"common/utils\";\r\n\r\ninterface HomeProps extends RouteComponentProps\r\n
\r\n ))}\r\n\r\n {referrals.status === \"success\" &&\r\n referrals.response.length === 0 && (\r\n \r\n
\r\n \r\n \r\n {ref.user_full_name}\r\n \r\n
\r\n \r\n {ref.phase_name}\r\n
\r\n {ref.hired_timestamp && (\r\n \r\n {moment.utc().diff(moment(ref.hired_timestamp)) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n
\r\n \r\n {ref.hired_timestamp && (\r\n \r\n {moment.utc().diff(moment(ref.hired_timestamp)) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n
\r\n
\r\n - \r\n
- {ref.job_name} \r\n
- \r\n {ref.total_commission_in_us_dollars}{\" \"}\r\n {ref.total_commission_in_us_dollars !== \"\"\r\n ? \"referral reward\"\r\n : \"referral reward not available\"}\r\n \r\n
\r\n
\r\n )}\r\n \r\n Learn more about what goes into connecting candidates to great\r\n jobs, the hiring process, and earning referral rewards.\r\n
\r\n\r\n \r\n get equipped\r\n \r\n
\r\n \r\n
\r\n {this.state.isOpen && (\r\n \r\n The submission and interview rewards are paid out one day\r\n after the system status has been updated. The hire reward is\r\n paid out as follows:\r\n
\r\n \r\n );\r\n employmentGuaranteeDetails = (\r\n\r\n \r\n {rewardDetails.employment_guarantee} guarantee
\r\n {rewardDetails.employment_guarantee_payment} payment\r\n installments
\r\n \r\n
\r\n );\r\n disclaimerSubtext = (\r\n \r\n {rewardDetails.employment_guarantee_payment} payment\r\n installments
\r\n \r\n
\r\n * The hire reward amount is estimated based on the job salary.\r\n The reward paid will be based on actual salary for the hired\r\n candidate.\r\n
\r\n );\r\n } else {\r\n paymentDetailsText = (\r\n <>\r\n\r\n The submission and interview rewards are paid out one day\r\n after the system status has been updated.\r\n
\r\n \r\n );\r\n disclaimerSubtext = (\r\n\r\n * The hire reward is estimated based on the number of weeks from\r\n the contract start date to its end date and is paid based on\r\n actual hours worked. The reward will be paid proportionally on a\r\n bi-weekly basis, as soon as Relode receives the approved time\r\n sheets from the client.\r\n
\r\n );\r\n }\r\n\r\n return (\r\n\r\n
\r\n \r\n );\r\n};\r\n","import classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\ninterface CountBlockProps {\r\n count: number,\r\n label: string,\r\n action: () => void\r\n}\r\n\r\nconst CountBlock: React.SFCrewards paid at each stage!
\r\n {!!rewardDetails.submission_commission_in_us_dollars ||\r\n !!rewardDetails.interview_commission_in_us_dollars ? (\r\n <>\r\n\r\n consideration stage\r\n
\r\n {rewardDetails.submission_commission_in_us_dollars ? (\r\n \r\n \r\n {\r\n rewardDetails.submission_commission_in_us_dollars\r\n }\r\n {\" \"}\r\n refer a candidate that is submitted.\r\n
\r\n ) : null}\r\n {rewardDetails.interview_commission_in_us_dollars ? (\r\n\r\n \r\n {\r\n rewardDetails.interview_commission_in_us_dollars\r\n }\r\n {\" \"}\r\n refer a candidate that interviews.\r\n
\r\n ) : null}\r\n \r\n ) : null}\r\n\r\n hired stage\r\n
\r\n \r\n \r\n {rewardDetails.hire_commission_in_us_dollars}*\r\n {\" \"}\r\n refer a candidate that gets hired.\r\n
\r\n\r\n total rewards\r\n
\r\n \r\n {rewardDetails.total_commission_in_us_dollars}\r\n
\r\npayment details
\r\n{paymentDetailsPrefix}
\r\n{paymentDetailsText}
\r\n\r\n {employmentGuaranteeDetails}\r\n {disclaimerSubtext}
\r\n !isDisabled && action()}>\r\n
\r\n );\r\n};\r\n\r\ninterface CountBlockContainerProps {\r\n title: string,\r\n jobId: number,\r\n countData: any[]\r\n}\r\n\r\nexport const CountBlockContainer: React.SFC\r\n
\r\n {count}
\r\n {label}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CountBlockContainer;\r\n","import { CustomTextJobQualification } from \"common/models\";\r\nimport * as React from \"react\";\r\n\r\ninterface CustomTextJobQualificationListProps {\r\n customTextJobQualifications: CustomTextJobQualification[]\r\n} \r\n\r\nexport const CustomTextJobQualificationList: React.FC\r\n {title}\r\n
\r\n\r\n {countData.map((cd, i) =>
\r\n \r\n view all referrals\r\n \r\n - \r\n {licenseJobQualification.license_choices.map((choice) => (\r\n
- \r\n {choice.license_choice_text}{\" \"}\r\n {choice.state_tag_name ? `in ${choice.state_tag_name}` : \"\"}\r\n \r\n ))}\r\n
- \r\n {skillJobQualification.skill_choices.map(choice => (\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n );\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\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 props.openModal(\"referCandidateModalIsOpen\")\r\n }\r\n >\r\n refer\r\n \r\n \r\n props.openModal(\"applyForJobModalIsOpen\")\r\n }\r\n >\r\n apply\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 job closed/paused\r\n
\r\n\r\n {props.job.is_open ? (\r\n <>\r\n
\r\n {props.job.is_open && (\r\n \r\n \r\n props.openModal(\r\n \"referCandidateModalIsOpen\"\r\n )\r\n }\r\n >\r\n refer a candidate\r\n \r\n \r\n props.openModal(\r\n \"applyForJobModalIsOpen\"\r\n )\r\n }\r\n >\r\n apply for position\r\n \r\n
\r\n \r\n the reward is paid either way!\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n )}\r\n {props.job.user_has_access &&\r\n props.userManager.display_name &&\r\n props.userManager.profile_image_url && (\r\n \r\n \r\n This job is not accepting referrals\r\n at this time.\r\n \r\n
\r\n\r\n Please refer candidates to{\" \"}\r\n
\r\n \r\n {props.userManager.phone_number && (\r\n
\r\n )}\r\n \r\n questions?\r\n
\r\n\r\n \r\n add to my jobs\r\n \r\n )}\r\n\r\n {props.job.user_has_access && (\r\n \r\n send message\r\n \r\n )}\r\n
\r\n )}\r\n \r\n );\r\n }}\r\n \r\n
\r\n);\r\n\r\ninterface ApplyThankYouProps {\r\n isOpen: boolean;\r\n closeModal: () => void;\r\n onViewJobs: () => void;\r\n job: {\r\n job_name: string;\r\n };\r\n onGoToApplication: (id?: number) => void;\r\n}\r\nexport const ApplyThankYou: React.SFCwe have previously received your application
\r\n{props.job.job_name}
\r\nNext steps
\r\n \r\n You can view the stage of your application or view all positions in\r\n our network below\r\n
\r\n \r\n You can{\" \"}\r\n \r\n contact\r\n {\" \"}\r\n customer support about the position if you have any questions.\r\n
\r\n \r\n
\r\n \r\n \r\n view all jobs\r\n \r\n
\r\n \r\n \r\n view application stage\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Thank you for submitting your application to the{\" \"}\r\n {props.job.job_name} position. Here's what happens next:\r\n
\r\n- \r\n
- \r\n One of our recruiters will review your qualifications.\r\n \r\n
- \r\n We'll connect with you to go over your job history and\r\n share more information about the position to make sure\r\n it's a good fit.\r\n \r\n
- \r\n We'll also keep you informed during every step of the\r\n hiring process.\r\n \r\n
\r\n Log in to your Relode account at any time to check your\r\n stage!\r\n
\r\n\r\n Talk soon,\r\n
\r\n Team Relode\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\ninterface FormFieldExtension extends FormField {\r\n goodfit: boolean;\r\n}\r\n\r\ninterface ApplyForJobOkayModel {\r\n newJobCandidateId: number;\r\n job_candidate_id: number;\r\n job_candidate_interest_token: string;\r\n job_id: number;\r\n newJobCandidateName: string;\r\n}\r\n\r\ninterface ApplyForJobProps {\r\n isOpen: boolean;\r\n onOkay: (arg: ApplyForJobOkayModel) => void;\r\n onCancel: () => void;\r\n onViewJobs: () => void;\r\n onGoToApplication: (id?: number) => void;\r\n closeModal: () => void;\r\n job: {\r\n job_id: number;\r\n job_name: string;\r\n job_type: JobType;\r\n location: string;\r\n };\r\n}\r\ninterface ApplyForJobState {\r\n existingJobCandidateId?: number;\r\n formFields: {\r\n goodfit: FormField;\r\n };\r\n\r\n doValidateFile: boolean;\r\n resume: {\r\n resumeFileId?: number;\r\n isValid: boolean;\r\n validationMessages: string[];\r\n };\r\n error: boolean;\r\n errorMessages: string[];\r\n processing: boolean;\r\n formIsValid: boolean;\r\n}\r\nexport class ApplyForJob extends React.Component<\r\n ApplyForJobProps,\r\n ApplyForJobState\r\n> {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.emptyState = this.emptyState.bind(this);\r\n this.onCloseModal = this.onCloseModal.bind(this);\r\n this.onFormFieldChange = this.onFormFieldChange.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.handleResumeFileAdd = this.handleResumeFileAdd.bind(this);\r\n this.handleResumeFileRemove = this.handleResumeFileRemove.bind(this);\r\n this.handleResumeFileError = this.handleResumeFileError.bind(this);\r\n this.handleResumeFileUploading = this.handleResumeFileUploading.bind(\r\n this\r\n );\r\n this.handleResumeFileUploaded = this.handleResumeFileUploaded.bind(\r\n this\r\n );\r\n\r\n this.state = this.emptyState();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.isOpen && nextProps.isOpen !== this.props.isOpen) {\r\n this.fetchJobCandidateIdForJob(nextProps.job.job_id);\r\n }\r\n }\r\n\r\n emptyState() {\r\n return {\r\n doValidateFile: true,\r\n error: false,\r\n errorMessages: [],\r\n existingJobCandidateId: undefined,\r\n processing: false,\r\n resume: {\r\n isValid: true,\r\n resumeFileId: undefined,\r\n validationMessages: [],\r\n },\r\n formIsValid: true,\r\n formFields: {\r\n goodfit: {\r\n name: \"goodfit\",\r\n type: \"text\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: true,\r\n validationMessages: [] as string[],\r\n rules: [] as Array<\r\n (field: FormField, fieldSet?: any) => boolean\r\n >,\r\n },\r\n },\r\n };\r\n }\r\n\r\n onCloseModal() {\r\n this.setState(\r\n prevState => ({\r\n ...this.emptyState(),\r\n existingJobCandidateId: prevState.existingJobCandidateId,\r\n }),\r\n this.props.closeModal\r\n );\r\n }\r\n\r\n onFormFieldChange(name, value) {\r\n const formFields = this.state.formFields;\r\n FormHandler.handleInputChange(name, value, formFields);\r\n this.setState({ formFields });\r\n }\r\n\r\n onSubmit(e) {\r\n e.preventDefault();\r\n\r\n this.setState({ doValidateFile: true }, () => {\r\n const formFields = this.state.formFields;\r\n const isValid =\r\n FormHandler.validate(formFields) &&\r\n !!this.state.resume.resumeFileId;\r\n\r\n if (!isValid) {\r\n this.setState(prevState => {\r\n if (!prevState.resume.resumeFileId) {\r\n const resume = {\r\n ...prevState.resume,\r\n isValid: false,\r\n validationMessages: [\"A resume upload is required\"],\r\n };\r\n\r\n return { formFields, formIsValid: false, resume };\r\n }\r\n return {\r\n formFields,\r\n formIsValid: false,\r\n resume: prevState.resume,\r\n };\r\n });\r\n } else {\r\n this.setState(\r\n { formFields, formIsValid: true, processing: true },\r\n () => {\r\n const saveObj = {\r\n is_apply: true,\r\n job_id: this.props.job.job_id,\r\n candidate_statement_text: this.state.formFields\r\n .goodfit.value,\r\n candidate_resume_file_id: this.state.resume\r\n .resumeFileId,\r\n };\r\n\r\n const url = `${constants.GlobalConfig.apiUrl}/pro/v2/jobcandidates`;\r\n const settings = {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(saveObj),\r\n method: \"POST\",\r\n };\r\n\r\n refetch(url, settings)\r\n .then(ErrorService.handleErrors)\r\n .then(resp => resp.json())\r\n .then(data => {\r\n const {\r\n job_candidate_id,\r\n job_candidate_interest_token,\r\n job_id,\r\n } = data.result;\r\n\r\n const user = UserService.getUserFromStorage();\r\n\r\n this.setState(this.emptyState, () =>\r\n this.props.onOkay({\r\n newJobCandidateId: job_candidate_id,\r\n job_candidate_id,\r\n job_candidate_interest_token,\r\n job_id,\r\n newJobCandidateName: !!user\r\n ? user.displayName\r\n : \"\",\r\n })\r\n );\r\n })\r\n .catch(err => {\r\n let messages = [err.message];\r\n if (err.responseData) {\r\n messages = err.responseData.error_messages;\r\n }\r\n\r\n this.setState({\r\n error: true,\r\n errorMessages: messages,\r\n processing: false,\r\n });\r\n console.log(err.responseData);\r\n });\r\n }\r\n );\r\n }\r\n });\r\n }\r\n\r\n handleResumeFileAdd(fileId) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: fileId,\r\n isValid: true,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileRemove(fileId) {\r\n const resume = { ...this.state.resume, resumeFileId: undefined };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileUploading() {\r\n this.setState({ processing: true });\r\n }\r\n\r\n handleResumeFileUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n handleResumeFileError(errorMsg) {\r\n this.setState({ processing: false });\r\n const resume = {\r\n ...this.state.resume,\r\n validationMessages: [errorMsg],\r\n isValid: false,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n fetchJobCandidateIdForJob(jobId) {\r\n const url = `${constants.GlobalConfig.apiUrl}/pro/v2/jobcandidates/id?jobId=${jobId}`;\r\n\r\n const settings = {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n method: \"GET\",\r\n };\r\n\r\n refetch(url, settings)\r\n .then(resp => ErrorService.handleErrorsWithIgnore(resp, [200, 404]))\r\n .then(resp => (resp.ok ? resp.json() : { notFound: true }))\r\n .then(data => {\r\n const existingJobCandidateId = data.notFound\r\n ? null\r\n : data.result;\r\n this.setState({ existingJobCandidateId });\r\n })\r\n .catch(err => {\r\n let messages = [err.message];\r\n if (err.responseData) {\r\n messages = err.responseData.error_messages;\r\n }\r\n\r\n this.setState({\r\n error: true,\r\n errorMessages: messages,\r\n });\r\n });\r\n }\r\n\r\n splitName(name) {\r\n if (!name) {\r\n throw new Error(\"Name must be a non-empty string\");\r\n }\r\n\r\n const lastSpaceIndex = name.lastIndexOf(\" \");\r\n if (lastSpaceIndex === -1) {\r\n return [name, \"\"];\r\n }\r\n\r\n return [\r\n name.substring(0, lastSpaceIndex),\r\n name.substring(lastSpaceIndex + 1, name.length),\r\n ];\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n view all jobs\r\n \r\n
\r\n \r\n props.onGoToApplication()}\r\n >\r\n view application stage\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Thank you for submitting a referral for the{\" \"}\r\n {props.job.job_name} position. Here's what happens next:\r\n
\r\n- \r\n
- \r\n One of our recruiters will review your referral's\r\n qualifications.\r\n \r\n
- \r\n Log in to your account at any time to track your\r\n referral's progress.\r\n \r\n
- \r\n Browse our other great jobs to find more referral\r\n opportunities.\r\n \r\n
\r\n Congrats, you're already a pro at this,\r\n
\r\n Team Relode\r\n
\r\n
\r\n \r\n );\r\n};\r\n","import React from \"react\";\r\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\r\n\r\nimport { constants } from \"@common/_constants\";\r\nimport { refetch } from \"@common/_services\";\r\nimport { Error } from \"@common/components/Atoms/Error\";\r\nimport { IconEmail } from \"@common/components/Atoms/Icons\";\r\nimport { FacebookLink, LinkedInLink, TwitterLink } from \"@common/components/Atoms/Links\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\n\r\ninterface ShareJobProps {\r\n isOpen: boolean;\r\n closeModal: () => void;\r\n job: {\r\n job_id: number;\r\n job_name: string;\r\n };\r\n}\r\n\r\ninterface ShareJobState {\r\n error: boolean;\r\n errorMessage: string;\r\n joblink: string;\r\n emailLink: string;\r\n facebookLink: string;\r\n linkedInLink: string;\r\n twitterLink: string;\r\n reward: string;\r\n copied: string;\r\n}\r\n\r\nexport class ShareJob extends React.Component\r\n \r\n view all jobs\r\n \r\n
\r\n \r\n \r\n view referral stage\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.job.job_name}
\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","import React from \"react\";\r\n\r\nimport { Routing } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\n\r\ninterface ShowCompanyAgreementProps {\r\n isOpen: boolean,\r\n onOkay: () => void,\r\n onCancel: () => void,\r\n closeModal: () => void\r\n};\r\n\r\nexport const ShowCompanyAgreement: React.SFC\r\n This is your custom job sharing link. If someone applies from your link and\r\n is hired, you'll earn {this.state.reward}. Copy and paste\r\n it wherever you want, or press a button below to easily share it with your\r\n network.\r\n
\r\n\r\n
\r\n just a reminder....
\r\n \r\n
\r\n \r\n Many Relode agents share job opportunities using their online networks and\r\n social media resources.\r\n
\r\n\r\n Per our agent agreement, please keep in mind that sharing client name, salary,\r\n or representing yourself as the client or a Relode employee will results in\r\n suspension of your Relode account.\r\n
\r\n\r\n For reference, check out Relode's{\" \"}\r\n \r\n Terms of Use\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\ninterface ConfirmLeaveProps {\r\n jobId: number;\r\n onOkay: () => void;\r\n onCancel: () => void;\r\n}\r\n\r\ninterface ConfirmLeaveState {\r\n loading: boolean;\r\n canLeave: boolean;\r\n error: boolean;\r\n errorMessages: string[];\r\n}\r\n\r\nclass ConfirmLeave extends React.Componentcannot remove
\r\n\r\n
\r\n you can't be removed from this job because you have referrals.
\r\n\r\n to remove your referrals and yourself, please{\" \"}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\ninterface LeaveJobProps {\r\n isOpen: boolean;\r\n closeModal: () => void;\r\n onOkay: () => void;\r\n onCancel: () => void;\r\n jobId: number;\r\n jobName: string;\r\n}\r\n\r\ninterface LeaveJobState {\r\n loading: boolean;\r\n canLeave: boolean;\r\n error: boolean;\r\n errorMessages: string[];\r\n}\r\n\r\nexport class LeaveJob extends React.Component\r\n
\r\n\r\n remove from my jobs?
\r\n\r\n
\r\n this job will disappear from your account.
\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 jobDetailMeta.listItems.push(jobLocationLink);\r\n\r\n const qualifications = () => {\r\n if (\r\n job.job_qualifications.required_count < 1 &&\r\n job.job_qualifications.preferred_count < 1\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n {job.employment_guarantee} guarantee
\r\n \r\n {job.employment_guarantee_payment} payment\r\n installments\r\n
\r\n \r\n \r\n qualifications\r\n \r\n\r\n {job.job_qualifications.required_count > 0 ? (\r\n
\r\n );\r\n };\r\n\r\n const jobTypeLink = (\r\n \r\n
\r\n ) : null}\r\n\r\n {job.job_qualifications.preferred_count > 0 ? (\r\n \r\n required\r\n
\r\n- \r\n
\r\n
\r\n ) : null}\r\n \r\n preferred\r\n
\r\n- \r\n
({x})
)\r\n );\r\n }\r\n\r\n if (job.job_salary_description) {\r\n jobDetailMeta.listItems.push(\r\n {job.job_salary_description}
\r\n );\r\n }\r\n\r\n if (!isLargeScreen && job.is_open) {\r\n jobDetailMeta.listItems.push(\r\n job.open_positions +\r\n \" opening\" +\r\n (job.open_positions === 1 ? \"\" : \"s\")\r\n );\r\n }\r\n\r\n if (job.company_name) {\r\n jobDetailMeta.listItems.push(\r\n \r\n \r\n {value.category_name}\r\n \r\n : \r\n \r\n {value.position_name}\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n )}\r\n\r\n {job.application_id && job.application_status && (\r\n \r\n this job is closed/paused\r\n
\r\n\r\n This job is not accepting referrals at this\r\n time.\r\n
\r\n\r\n Please refer candidates to{\" \"}\r\n
\r\n
\r\n )}\r\n\r\n {!isLargeScreen &&\r\n job.user_has_access &&\r\n userManager.user_id && (\r\n \r\n your application stage\r\n
\r\n\r\n Your application is now in{\" \"}\r\n \r\n {job.application_status}\r\n {\" \"}\r\n stage.\r\n
\r\n \r\n \r\n {userManager.phone_number && (\r\n
\r\n )}\r\n\r\n {job.user_has_access && (\r\n questions?
\r\n \r\n \r\n this.openModal(\r\n \"sendMessageModalIsOpen\"\r\n )\r\n }\r\n >\r\n send message\r\n \r\n
\r\n \r\n \r\n internal notes\r\n \r\n
\r\n )}\r\n\r\n {qualifications()}\r\n\r\n \r\n {job.job_description}\r\n
\r\n \r\n \r\n overview\r\n \r\n \r\n {jobSubTitleLinks}\r\n {secondaryPositionLinks()}\r\n \r\n
\r\n\r\n {job.has_benefits && (\r\n \r\n {job.broadcast_description}\r\n
\r\n job positions
\r\n\r\n \r\n benefits\r\n \r\n
\r\n \r\n )}\r\n\r\n {hasBackground && (\r\n \r\n
\r\n ))}\r\n \r\n - \r\n {job.benefits &&\r\n job.benefits.map((benefit, i) => (\r\n
- \r\n {benefit}\r\n \r\n
\r\n \r\n company\r\n \r\n
\r\n )}\r\n\r\n {job.attachments && job.attachments.length > 0 && (\r\n \r\n {job.team_broadcast_background}\r\n
\r\n \r\n
\r\n )}\r\n\r\n {job.user_has_access && (\r\n \r\n attachments\r\n
\r\n\r\n {job.attachments.map((att, i) => (\r\n
\r\n \r\n \r\n this.openModal(\"leaveJobModalIsOpen\")\r\n }\r\n >\r\n remove from my jobs\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 Page-level actions for <= small screens\r\n/*======================================================================== */\r\n\r\nexport const JobsSortDropdown = props => (\r\n \r\n
\r\n \r\n \r\n expand your search\r\n \r\n \r\n this.openModal(\"messageCoachModalIsOpen\")\r\n }\r\n >\r\n ask coach for help\r\n \r\n \r\n this.closeModal(\"messageCoachModalIsOpen\")\r\n }\r\n onCancel={() =>\r\n this.closeModal(\"messageCoachModalIsOpen\")\r\n }\r\n toUserIds={[\r\n this.state.advisor.status === \"success\" &&\r\n this.state.advisor.response.user_id\r\n ? this.state.advisor.response.user_id\r\n : -1,\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 job.primary_job_position_display_name\r\n }\r\n \r\n | \r\n {job.location} | \r\n\r\n \r\n {job.job_type}\r\n \r\n | \r\n{job.open_positions} | \r\n\r\n {job.total_commission_in_us_dollars !==\r\n \"\"\r\n ? job.total_commission_in_us_dollars\r\n : \"N/A\"}\r\n | \r\n\r\n | \r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { SearchEntry } from \"@common/components/Atoms/SearchFilters\";\r\n\r\n/*===========================================================================\r\n Page-level search controls for page > header > center\r\n/*======================================================================== */\r\n\r\ninterface MessagesPageHeaderCenterProps {\r\n keyword: string,\r\n onKeywordSubmit: (string) => void\r\n};\r\n\r\n\r\nexport const MessagesPageHeaderCenter: React.SFCfilters
\r\n {selectedFacets && selectedFacets.length > 0 && (\r\n \r\n
\r\n);\r\n\r\n","import { Routing, Search } from \"@common/_constants\";\r\nimport { MessageService } from \"@common/_services\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Error from \"@common/components/Atoms/Error\";\r\nimport {\r\n IconMessageForward,\r\n IconMessageRead,\r\n IconMessageReply,\r\n IconMessageUnread,\r\n} from \"@common/components/Atoms/Icons\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport { SearchEntry } from \"@common/components/Atoms/SearchFilters\";\r\nimport Showing from \"@common/components/Atoms/Showing\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport Pagination from \"@common/components/Molecules/Pagination\";\r\nimport { Message as MessageModel } from \"@common/models\";\r\nimport { GlobalConfig } from \"@common/utils\";\r\nimport { SearchOptions, SearchService } from \"@pro/_services\";\r\nimport { MessagesPageHeaderCenter } from \"@pro/components/Organisms/Messages\";\r\nimport { SendMessage } from \"@pro/containers/Modals/SendMessage\";\r\nimport { PageInternal } from \"@pro/containers/PageInternal\";\r\nimport * as React from \"react\";\r\nimport { Link, RouteComponentProps } from \"react-router-dom\";\r\n\r\ninterface MessagesProps extends RouteComponentProps{message}
\r\n\r\n
\r\n \r\n \r\n search again\r\n \r\n
\r\n \r\n refine\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 {!isLargeScreen && (\r\n \r\n {\r\n this.openModal(\r\n \"filtersModalIsOpen\"\r\n );\r\n }}\r\n >\r\n filters\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {msg.context_job_name}\r\n \r\n \r\n {msg.context_user_full_name}\r\n \r\n \r\n )}\r\n
\r\n \r\n {msg.from_name}\r\n
\r\n {!msg.is_direct_message && (\r\n \r\n
\r\n \r\n ))}\r\n\r\n {this.state.isLoading && \r\n
\r\n \r\n
\r\n \r\n {msg.subject && (\r\n \r\n {msg.subject}\r\n \r\n )}\r\n
\r\n \r\n {!msg.current_user_is_owner && (\r\n \r\n {!this.state\r\n .messageReadStates[\r\n msg.message_id\r\n ] && (\r\n {\r\n this.onMarkReadStatus(\r\n msg.message_id,\r\n true\r\n );\r\n }}\r\n title=\"mark read\"\r\n >\r\n {\r\n this.onMarkReadStatus(\r\n msg.message_id,\r\n false\r\n );\r\n }}\r\n title=\"mark unread\"\r\n >\r\n {\r\n this.onReply(msg);\r\n }}\r\n title=\"reply\"\r\n >\r\n \r\n )}\r\n {!msg.is_direct_message && (\r\n {\r\n this.onForward(msg);\r\n }}\r\n title=\"forward\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import { Defaults } from \"@common/_constants/\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport EditReferralError from \"@common/components/Atoms/Error\";\r\nimport { FormHandler, Input, Rules } from \"@common/components/Atoms/FormInputs\";\r\nimport { IconClose } from \"@common/components/Atoms/Icons\";\r\nimport FileDrop from \"@common/components/Molecules/FileDrop\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { File as FileModel, FormField } from \"@common/models\";\r\nimport { ReferralService } from \"@pro/_services\";\r\nimport { cloneDeep } from \"lodash\";\r\nimport React from \"react\";\r\n\r\ninterface EditReferralProps {\r\n isOpen: boolean;\r\n onOkay: () => void;\r\n onCancel: () => void;\r\n closeModal: () => void;\r\n jobCandidateId: number;\r\n}\r\n\r\ninterface EditJobCandidateModel {\r\n job_id: number;\r\n job_candidate_id: number;\r\n job_name: string;\r\n resume_file: FileModel;\r\n user_full_name: string;\r\n attachments: FileModel[];\r\n user_email: string;\r\n user_phone_number: string;\r\n}\r\n\r\ninterface EditReferralState {\r\n error: boolean;\r\n errorMessages: string[];\r\n resume: {\r\n isValid: boolean;\r\n resumeFileId?: number;\r\n resumeFile?: FileModel;\r\n originalResumeFile?: FileModel;\r\n validationMessages: string[];\r\n };\r\n\r\n originalJobCandidate?: EditJobCandidateModel;\r\n attachments: {\r\n isValid: boolean;\r\n originalFiles: FileModel[];\r\n newFileIds: number[];\r\n validationMessages: string[];\r\n };\r\n formIsValid: boolean;\r\n formFields: {\r\n name: FormField;\r\n email: FormField;\r\n phone: FormField;\r\n };\r\n processing: boolean;\r\n}\r\n\r\nexport class EditReferral extends React.Component<\r\n EditReferralProps,\r\n EditReferralState\r\n> {\r\n private _abortControllers: { [key: string]: AbortController } = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.emptyState = this.emptyState.bind(this);\r\n this.initialStateForCandidate = this.initialStateForCandidate.bind(\r\n this\r\n );\r\n this.getReferral = this.getReferral.bind(this);\r\n this.removeAttachment = this.removeAttachment.bind(this);\r\n\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onCloseModal = this.onCloseModal.bind(this);\r\n this.onFormFieldChange = this.onFormFieldChange.bind(this);\r\n\r\n this.handleResumeFileAdd = this.handleResumeFileAdd.bind(this);\r\n this.handleResumeFileRemove = this.handleResumeFileRemove.bind(this);\r\n this.handleResumeFileUploading = this.handleResumeFileUploading.bind(\r\n this\r\n );\r\n this.handleResumeFileUploaded = this.handleResumeFileUploaded.bind(\r\n this\r\n );\r\n this.handleResumeFileError = this.handleResumeFileError.bind(this);\r\n\r\n this.handleAttachmentFilesAdd = this.handleAttachmentFilesAdd.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesRemove = this.handleAttachmentFilesRemove.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesUploading = this.handleAttachmentFilesUploading.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesUploaded = this.handleAttachmentFilesUploaded.bind(\r\n this\r\n );\r\n this.handleAttachmentFilesError = this.handleAttachmentFilesError.bind(\r\n this\r\n );\r\n\r\n this.state = this.emptyState();\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.isOpen) {\r\n this.getReferral(this.props.jobCandidateId);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(newProps: EditReferralProps) {\r\n if (\r\n newProps.isOpen &&\r\n (newProps.isOpen !== this.props.isOpen ||\r\n newProps.jobCandidateId !== this.props.jobCandidateId)\r\n ) {\r\n this.getReferral(newProps.jobCandidateId);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const abortControllers = this._abortControllers;\r\n if (Object.keys(abortControllers).length > 0) {\r\n Object.keys(abortControllers).map(key =>\r\n abortControllers[key].abort()\r\n );\r\n }\r\n }\r\n\r\n emptyState(): EditReferralState {\r\n return {\r\n error: false,\r\n errorMessages: [],\r\n resume: {\r\n isValid: false,\r\n resumeFileId: undefined,\r\n resumeFile: undefined,\r\n originalResumeFile: undefined,\r\n validationMessages: [],\r\n },\r\n originalJobCandidate: undefined,\r\n attachments: {\r\n isValid: false,\r\n originalFiles: [],\r\n newFileIds: [],\r\n validationMessages: [],\r\n },\r\n formIsValid: true,\r\n formFields: {\r\n name: {\r\n name: \"name\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: false,\r\n validationMessages: [],\r\n rules: [Rules.required],\r\n },\r\n email: {\r\n name: \"email\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: false,\r\n validationMessages: [],\r\n rules: [Rules.required, Rules.formatEmail],\r\n },\r\n phone: {\r\n name: \"phone\",\r\n value: \"\",\r\n label: \"\",\r\n isValid: false,\r\n validationMessages: [],\r\n rules: [Rules.required, Rules.formatPhone],\r\n },\r\n },\r\n processing: true,\r\n };\r\n }\r\n\r\n initialStateForCandidate(\r\n jobCandidate: EditJobCandidateModel\r\n ): EditReferralState {\r\n return {\r\n error: false,\r\n errorMessages: [],\r\n resume: {\r\n isValid: true,\r\n resumeFileId: jobCandidate.resume_file\r\n ? jobCandidate.resume_file.file_id\r\n : 0,\r\n resumeFile: jobCandidate.resume_file,\r\n originalResumeFile: jobCandidate.resume_file,\r\n validationMessages: [],\r\n },\r\n originalJobCandidate: jobCandidate,\r\n attachments: {\r\n isValid: true,\r\n originalFiles: [...jobCandidate.attachments],\r\n newFileIds: [],\r\n validationMessages: [],\r\n },\r\n\r\n formIsValid: true,\r\n formFields: {\r\n name: {\r\n name: \"name\",\r\n label: \"\",\r\n value: jobCandidate.user_full_name,\r\n isValid: true,\r\n validationMessages: [],\r\n rules: [Rules.required],\r\n },\r\n email: {\r\n name: \"email\",\r\n label: \"\",\r\n value: jobCandidate.user_email,\r\n isValid: true,\r\n validationMessages: [],\r\n rules: [Rules.required, Rules.formatEmail],\r\n },\r\n phone: {\r\n name: \"phone\",\r\n label: \"\",\r\n value: jobCandidate.user_phone_number,\r\n isValid: true,\r\n validationMessages: [],\r\n rules: [Rules.required, Rules.formatPhone],\r\n },\r\n },\r\n processing: false,\r\n };\r\n }\r\n\r\n getReferral(jobCandidateId: number) {\r\n // Check to see if there already was an abortController, and if so, call abort on it\r\n if (this._abortControllers.getReferral) {\r\n this._abortControllers.getReferral.abort();\r\n }\r\n this._abortControllers.getReferral = new AbortController();\r\n const signal = this._abortControllers.getReferral.signal;\r\n\r\n ReferralService.getReferral(jobCandidateId, signal).then(candidate =>\r\n this.setState(this.initialStateForCandidate(candidate))\r\n );\r\n }\r\n\r\n removeAttachment(index: number) {\r\n if (index < 0 || index > this.state.attachments.originalFiles.length) {\r\n return;\r\n }\r\n\r\n this.setState(prevState => {\r\n const atts = prevState.attachments.originalFiles;\r\n const newAtts = [\r\n ...atts.slice(0, index),\r\n ...atts.slice(index + 1, atts.length),\r\n ];\r\n return {\r\n attachments: {\r\n ...prevState.attachments,\r\n originalFiles: newAtts,\r\n },\r\n };\r\n });\r\n }\r\n\r\n onFormFieldChange(name: string, value: string) {\r\n const formFields = this.state.formFields;\r\n FormHandler.handleInputChange(name, value, formFields);\r\n this.setState({ formFields });\r\n }\r\n\r\n onSubmit(event: any) {\r\n event.preventDefault();\r\n\r\n const formFields = this.state.formFields;\r\n const isValid =\r\n FormHandler.validate(formFields) &&\r\n !!this.state.resume.resumeFileId;\r\n\r\n if (!isValid) {\r\n this.setState(prevState => {\r\n if (!prevState.resume.resumeFileId) {\r\n const resume = {\r\n ...prevState.resume,\r\n isValid: false,\r\n validationMessages: [\"A resume upload is required\"],\r\n };\r\n return { formFields, formIsValid: false, resume };\r\n }\r\n return {\r\n formFields,\r\n formIsValid: false,\r\n resume: prevState.resume,\r\n };\r\n });\r\n } else {\r\n this.setState(\r\n { formFields, formIsValid: true, processing: true },\r\n () => {\r\n const orig = this.state.originalJobCandidate;\r\n const name = splitName(this.state.formFields.name.value);\r\n const jobCandidate = {\r\n job_id: orig!.job_id,\r\n job_candidate_id: orig!.job_candidate_id,\r\n candidate_first_name: name[0],\r\n candidate_last_name: name[1],\r\n candidate_email: this.state.formFields.email.value,\r\n candidate_phone: this.state.formFields.phone.value,\r\n candidate_resume_file_id: this.state.resume\r\n .resumeFileId,\r\n attachment_file_ids: this.state.attachments.originalFiles\r\n .map(att => att.file_id)\r\n .concat(this.state.attachments.newFileIds),\r\n };\r\n\r\n ReferralService.update(jobCandidate)\r\n .then(this.props.onOkay)\r\n .catch(err => handleError(err, this));\r\n }\r\n );\r\n }\r\n }\r\n\r\n onCloseModal() {\r\n this.setState(this.emptyState(), this.props.closeModal);\r\n }\r\n\r\n handleResumeFileAdd(fileId: number) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: fileId,\r\n isValid: true,\r\n };\r\n this.setState({ resume });\r\n }\r\n\r\n handleResumeFileRemove(fileId: number) {\r\n const original = this.state.resume.originalResumeFile;\r\n if (original) {\r\n const resume = {\r\n ...this.state.resume,\r\n resumeFileId: original.file_id,\r\n };\r\n this.setState({ resume });\r\n } else {\r\n const resume = { ...this.state.resume, resumeFileId: undefined };\r\n this.setState({ resume });\r\n }\r\n }\r\n\r\n handleResumeFileUploading() {\r\n const resume = {\r\n ...this.state.resume,\r\n validationMessages: [],\r\n isValid: true,\r\n };\r\n this.setState({ resume, processing: true });\r\n }\r\n\r\n handleResumeFileUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n handleResumeFileError(errorMsg: string) {\r\n const resume = { ...this.state.resume, isValid: false };\r\n resume.validationMessages.push(errorMsg);\r\n this.setState({ resume });\r\n }\r\n\r\n handleAttachmentFilesAdd(fileId) {\r\n const atts = cloneDeep(this.state.attachments.newFileIds);\r\n atts.push(fileId);\r\n\r\n const attachments = {\r\n ...this.state.attachments,\r\n newFileIds: (atts as unknown) as any[],\r\n };\r\n this.setState({ attachments });\r\n }\r\n\r\n handleAttachmentFilesRemove(fileId) {\r\n const atts = cloneDeep(this.state.attachments.newFileIds).filter(\r\n a => a !== fileId\r\n );\r\n\r\n const attachments = {\r\n ...this.state.attachments,\r\n newFileIds: (atts as unknown) as any[],\r\n };\r\n this.setState({ attachments });\r\n }\r\n\r\n handleAttachmentFilesUploading() {\r\n const attachments = {\r\n ...this.state.attachments,\r\n validationMessages: [],\r\n isValid: true,\r\n };\r\n this.setState({ attachments, processing: true });\r\n }\r\n\r\n handleAttachmentFilesUploaded() {\r\n this.setState({ processing: false });\r\n }\r\n\r\n handleAttachmentFilesError(errorMsg) {\r\n const attachments = { ...this.state.attachments, isValid: false };\r\n attachments.validationMessages.push(errorMsg);\r\n this.setState({ attachments });\r\n }\r\n\r\n render() {\r\n const jobCandidate = this.state.originalJobCandidate;\r\n return (\r\n filters
\r\n {/* TODO: put these back when the searches are fixed\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// Helpers...\r\n\r\nfunction splitName(name) {\r\n if (!name) {\r\n throw new Error(\"Name must be a non-empty string\");\r\n }\r\n\r\n const lastSpaceIndex = name.lastIndexOf(\" \");\r\n if (lastSpaceIndex === -1) {\r\n return [name, \"\"];\r\n }\r\n\r\n return [\r\n name.substring(0, lastSpaceIndex),\r\n name.substring(lastSpaceIndex + 1, name.length),\r\n ];\r\n}\r\n\r\nfunction handleError(err, stateContainer) {\r\n const messages = err.responseData\r\n ? err.responseData.error_messages\r\n : [err.message];\r\n\r\n console.log(messages);\r\n stateContainer.setState({\r\n processing: false,\r\n error: true,\r\n errorMessages: messages,\r\n });\r\n}\r\n","import React from \"react\";\r\n\r\nimport { JobService, ReferralService } from \"@pro/_services\";\r\n\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport Error from \"@common/components/Atoms/Error\";\r\nimport {\r\n FormHandler,\r\n Rules,\r\n Select,\r\n} from \"@common/components/Atoms/FormInputs\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport Modal from \"@common/components/Molecules/Modal\";\r\nimport { FormField } from \"@common/models\";\r\n\r\ninterface ReferToAnotherJobProps {\r\n isOpen: boolean;\r\n onOkay: (jobCandidateId: number) => void;\r\n onCancel: () => void;\r\n closeModal: () => void;\r\n jobCandidate: {\r\n user_id: number;\r\n user_full_name: string;\r\n };\r\n}\r\n\r\ninterface ReferToAnotherJobState {\r\n jobField: FormField;\r\n processing: boolean;\r\n loading: boolean;\r\n error: boolean;\r\n errorMessages: string[];\r\n selectedJob: any;\r\n isValid: boolean;\r\n}\r\n\r\nexport class ReferToAnotherJob extends React.Component<\r\n ReferToAnotherJobProps,\r\n ReferToAnotherJobState\r\n> {\r\n private _abortControllers: { [key: string]: AbortController } = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.emptyState = this.emptyState.bind(this);\r\n this.getJobs = this.getJobs.bind(this);\r\n this.submitReferral = this.submitReferral.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onJobChange = this.onJobChange.bind(this);\r\n\r\n this.state = this.emptyState();\r\n }\r\n\r\n componentWillReceiveProps(newProps) {\r\n if (newProps.isOpen && newProps.isOpen !== this.props.isOpen) {\r\n this.setState(this.emptyState());\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const abortControllers = this._abortControllers;\r\n if (Object.keys(abortControllers).length > 0) {\r\n Object.keys(abortControllers).map(key =>\r\n abortControllers[key].abort()\r\n );\r\n }\r\n }\r\n\r\n emptyState() {\r\n return {\r\n selectedJob: {} as any,\r\n isValid: true,\r\n loading: false,\r\n error: false,\r\n errorMessages: [] as string[],\r\n jobField: {\r\n name: \"job\",\r\n label: \"\",\r\n value: \"\",\r\n isValid: true,\r\n type: \"text\",\r\n validationMessages: [] as string[],\r\n rules: [Rules.required],\r\n },\r\n processing: false,\r\n };\r\n }\r\n\r\n getJobs(term: string) {\r\n // Check to see if there already was an abortController, and if so, call abort on it\r\n if (this._abortControllers.suggest) {\r\n this._abortControllers.suggest.abort();\r\n }\r\n this._abortControllers.suggest = new AbortController();\r\n const signal = this._abortControllers.suggest.signal;\r\n\r\n return JobService.suggest(term, signal)\r\n .then(result =>\r\n result.results.map(r => ({\r\n label: r.item_name,\r\n value: r.item_id,\r\n }))\r\n )\r\n .catch(err => handleError(err, this));\r\n }\r\n\r\n submitReferral() {\r\n const jobField = this.state.jobField;\r\n const isValid = FormHandler.validateField(jobField, { jobField });\r\n\r\n if (isValid) {\r\n this.setState({ jobField, processing: true }, () => {\r\n const jobId = this.state.jobField.value.value;\r\n const userId = this.props.jobCandidate.user_id;\r\n\r\n ReferralService.link(jobId, userId)\r\n .then(jobCandidateId => {\r\n this.setState({ processing: false }, () => {\r\n this.props.onOkay(jobCandidateId);\r\n });\r\n })\r\n .catch(err => handleError(err, this));\r\n });\r\n } else {\r\n this.setState({ jobField });\r\n }\r\n }\r\n\r\n onSubmit(event) {\r\n event.preventDefault();\r\n this.submitReferral();\r\n }\r\n\r\n onJobChange(selectedJobFieldName, selectedJob) {\r\n const jobField = this.state.jobField;\r\n jobField.value = selectedJob;\r\n this.setState({ jobField });\r\n this.setState({ error: false });\r\n }\r\n\r\n render() {\r\n if (this.props.isOpen && this.state.loading) {\r\n return (\r\n edit referral
\r\n\r\n
\r\n\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n// Helpers...\r\n\r\nfunction handleError(err, stateContainer) {\r\n if (err.type === \"abort\" || err.name === \"AbortError\") {\r\n stateContainer.setState({ loading: false, processing: false });\r\n return;\r\n }\r\n\r\n const messages = err.responseData\r\n ? err.responseData.error_messages\r\n : [err.message];\r\n\r\n console.log(messages);\r\n stateContainer.setState({\r\n loading: false,\r\n processing: false,\r\n error: true,\r\n errorMessages: messages,\r\n });\r\n}\r\n","import { Format, Routing } from \"@common/_constants\";\r\nimport { Button } from \"@common/components/Atoms/Button\";\r\nimport { Error } from \"@common/components/Atoms/Error\";\r\nimport {\r\n AddressLink,\r\n AttachmentLink,\r\n EmailLink,\r\n TelLink,\r\n} from \"@common/components/Atoms/Links\";\r\nimport Loading from \"@common/components/Atoms/Loading\";\r\nimport LocalTime from \"@common/components/Atoms/LocalTime\";\r\nimport RelodeRep from \"@common/components/Atoms/RelodeRep\";\r\nimport { ActivityList } from \"@common/components/Molecules/ActivitiesList\";\r\nimport Detail from \"@common/components/Molecules/Detail\";\r\nimport { Activity, File as FileModel } from \"@common/models\";\r\nimport { GlobalConfig } from \"@common/utils\";\r\nimport { ReferralService } from \"@pro/_services\";\r\nimport MessageSummary from \"@pro/components/Atoms/MessageSummary\";\r\nimport {\r\n DetailActions,\r\n DetailSummary,\r\n DetailSummaryActions,\r\n} from \"@pro/components/Organisms/ReferralDetail\";\r\nimport { DeclinePosition } from \"@pro/containers/Modals/DeclinePosition\";\r\nimport { EditReferral } from \"@pro/containers/Modals/EditReferral\";\r\nimport { ReferToAnotherJob } from \"@pro/containers/Modals/ReferToAnotherJob\";\r\nimport { SendMessage } from \"@pro/containers/Modals/SendMessage\";\r\nimport { PageInternal } from \"@pro/containers/PageInternal\";\r\nimport moment from \"moment\";\r\nimport * as React from \"react\";\r\nimport { Link, RouteComponentProps } from \"react-router-dom\";\r\n\r\ninterface ReferralProps extends RouteComponentProps\r\n What job would you like to refer{\" \"}\r\n \r\n {this.props.jobCandidate.user_full_name}\r\n {\" \"}\r\n to?\r\n
\r\n\r\n \r\n view jobs\r\n \r\n
\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n
\r\n )}\r\n\r\n {!candidate.is_candidate_only && (\r\n job
\r\n\r\n \r\n {candidate.job_name}\r\n \r\n
\r\n - \r\n
- {candidate.status_name} \r\n {!!candidate.closest_interview_start_time && (\r\n
- \r\n Interview{\" \"}\r\n {candidate.closest_interview_start_time}\r\n {candidate.closest_interview_status_type_id ===\r\n 10\r\n ? \" (cancelled)\"\r\n : \"\"}\r\n \r\n )}\r\n {candidate.hired_timestamp && (\r\n
- \r\n {moment\r\n .utc()\r\n .diff(\r\n moment(\r\n candidate.hired_timestamp\r\n )\r\n ) > 0\r\n ? \"Started \"\r\n : \"Starting \"}\r\n
- \r\n Applied{\" \"}\r\n
\r\n \r\n
\r\n )}\r\n\r\n questions?
\r\n \r\n \r\n this.openModal(\r\n \"sendMessageModalIsOpen\"\r\n )\r\n }\r\n >\r\n send message\r\n \r\n
\r\n \r\n \r\n
\r\n {this.getActivityListing()}\r\n recent activities
\r\n\r\n
\r\n\r\n attachments
\r\n \r\n {candidate.resume_file && (\r\n
\r\n \r\n {candidate.is_eligible_for_reject && (\r\n \r\n this.openModal(\"declinePositionModalIsOpen\")\r\n }\r\n style={{ margin: \"0 24px 24px 0\" }}\r\n >\r\n decline position\r\n \r\n )}\r\n {!candidate.is_candidate_only && (\r\n \r\n this.openModal(\r\n \"referToAnotherJobModalIsOpen\"\r\n )\r\n }\r\n style={{ margin: \"0 24px 24px 0\" }}\r\n >\r\n refer to another job\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n props.history.push(\"/referrals/\" + props.referral)}>\r\n view referral\r\n \r\n
\r\n);\r\n\r\n/*===========================================================================\r\n Page-level actions for <= small screens\r\n/*======================================================================== */\r\n\r\nconst PageActionsSmall = props => (\r\n \r\n we couldn't find any matching referrals, but try\r\n expanding your search or finding a job to refer a\r\n candidate.\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n expand search\r\n \r\n \r\n this.openModal(\"referCandidateModalIsOpen\")\r\n }\r\n >\r\n refer a candidate\r\n \r\n \r\n find jobs\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 {refr.phase_name}\r\n \r\n {refr.hired_timestamp && (\r\n \r\n {moment\r\n .utc()\r\n .diff(\r\n moment(\r\n refr.hired_timestamp\r\n )\r\n ) > 0\r\n ? \"started \"\r\n : \"starting \"}\r\n | \r\n \r\n {refr.total_commission_in_us_dollars !==\r\n \"\"\r\n ? refr.total_commission_in_us_dollars\r\n : \"N/A\"}\r\n | \r\n\r\n | \r\n
\r\n
\r\n \r\n\r\n {jobCandidateForModals && (\r\n filters
\r\n\r\n {this.state.searchResults.selected_facets &&\r\n this.state.searchResults.selected_facets.length >\r\n 0 && (\r\n \r\n \r\n this.closeModal(\"editReferralModalIsOpen\")\r\n }\r\n closeModal={() =>\r\n this.closeModal(\"editReferralModalIsOpen\")\r\n }\r\n />\r\n\r\n \r\n this.closeModal(\"sendMessageModalIsOpen\")\r\n }\r\n closeModal={() =>\r\n this.closeModal(\"sendMessageModalIsOpen\")\r\n }\r\n />\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { IconHelp } from \"@common/components/Atoms/Icons\";\r\n\r\ninterface HelpButtonProps {\r\n small?: boolean\r\n onClick: () => void\r\n}\r\n\r\nexport const HelpButton: React.SFC\r\n
\r\n SMS Info...
\r\n \r\n
\r\n \r\n Message frequency for security alerts varies based upon the number of service\r\n exchanges.\r\n
\r\n\r\n Msg&Data Rates May Apply. For each of the above programs. I agree to Relodes's{\" \"}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n notifications
\r\n\r\npayment history
\r\n\r\n \r\n
\r\n payment information
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n contact info\r\n
\r\n\r\n \r\n\r\n agent settings\r\n
\r\n\r\n\r\n \r\n {this.state.agentSubmitButtonMessage}\r\n \r\n
\r\n