{props.children}
\r\n {props.validationMessage && (\r\n }\r\n {e}\r\n
\r\n {mainSrc && thumbSrc && (\r\n \r\n {imageHandler}\r\n \r\n )}\r\n
\r\n)\r\n\r\nImageLoader.defaultProps = defaultProps\r\nImageLoader.propTypes = propTypes\r\n\r\nexport default ImageLoader\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport ImageLoader from './ImageLoader'\r\n\r\nconst defaultProps = {\r\n backgroundColor: null,\r\n className: '',\r\n thumbSrc: null,\r\n}\r\n\r\nconst propTypes = {\r\n backgroundColor: PT.string,\r\n children: PT.node.isRequired,\r\n className: PT.string,\r\n mainSrc: PT.string.isRequired,\r\n thumbSrc: PT.string,\r\n}\r\n\r\nconst Banner = ({backgroundColor, children, className, mainSrc, thumbSrc}) => (\r\n \r\n {backgroundColor && (\r\n \r\n )}\r\n
\r\n)\r\n\r\nBanner.defaultProps = defaultProps\r\nBanner.propTypes = propTypes\r\n\r\nexport default Banner\r\n","export const addCommas = i => {\r\n if (i === null || i === undefined) {\r\n return ''\r\n }\r\n\r\n return i.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\r\n}\r\n\r\nconst padZero = (num, size) => {\r\n let s = String(num)\r\n while (s.length < size) {\r\n s = `0${s}`\r\n }\r\n return s\r\n}\r\n\r\nexport const formatSeconds = num => {\r\n const minutes = padZero(Math.floor(num / 60), 2)\r\n const seconds = padZero(num % 60, 2)\r\n return `${minutes}:${seconds}`\r\n}\r\n\r\nexport const randomRange = (min, max) =>\r\n Math.floor(Math.random() * (max - min + 1)) + min\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport {randomRange} from '../../utils/number'\r\n\r\nconst defaultProps = {\r\n className: '',\r\n maxCount: 1,\r\n maxLength: 4,\r\n minCount: 1,\r\n minLength: 4,\r\n}\r\n\r\nconst propTypes = {\r\n className: PT.string,\r\n maxCount: PT.number.isRequired,\r\n maxLength: PT.number.isRequired,\r\n minCount: PT.number.isRequired,\r\n minLength: PT.number.isRequired,\r\n}\r\n\r\nconst Blokk = ({className, maxCount, maxLength, minLength, minCount}) => {\r\n const randomCount = randomRange(minCount, maxCount)\r\n const results = []\r\n\r\n for (let i = 0; i < randomCount; i += 1) {\r\n const randomLength = randomRange(minLength, maxLength)\r\n const word = []\r\n\r\n for (let j = 0; j < randomLength; j++) {\r\n word.push(1)\r\n }\r\n\r\n if (i < randomCount - 1) {\r\n word.push(0)\r\n }\r\n\r\n results.push(...word)\r\n }\r\n\r\n return (\r\n \r\n {results.map((result, key) => {\r\n const isDash = result === 1\r\n const css = `blokk-${isDash ? 'dash' : 'space'}`\r\n return (\r\n \r\n {isDash && '-'}\r\n \r\n )\r\n })}\r\n \r\n )\r\n}\r\n\r\nBlokk.defaultProps = defaultProps\r\nBlokk.propTypes = propTypes\r\n\r\nexport default Blokk\r\n","import React from 'react'\r\nimport message from 'antd/lib/message'\r\nimport 'antd/lib/message/style/index.css'\r\n\r\nmessage.config({\r\n maxCount: 1,\r\n})\r\n\r\nexport const showMessage = (messageContent, type) => {\r\n const content = {messageContent}\r\n\r\n return message[type](content)\r\n}\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport cn from 'classnames'\r\nimport {showMessage} from './Message'\r\n\r\nconst defaultProps = {\r\n className: '',\r\n download: false,\r\n href: '',\r\n isDisabled: false,\r\n onClick: () => console.warn('Button component is missing an onClick handler'),\r\n preventDefault: false,\r\n size: '',\r\n style: null,\r\n target: null,\r\n}\r\n\r\nconst propTypes = {\r\n className: PT.string,\r\n children: PT.node.isRequired,\r\n download: PT.bool,\r\n href: PT.string,\r\n isDisabled: PT.bool,\r\n name: PT.string,\r\n preventDefault: PT.bool,\r\n onClick: PT.func,\r\n size: PT.string,\r\n style: PT.object,\r\n target: PT.string,\r\n}\r\n\r\nconst Button = ({\r\n children,\r\n className,\r\n download,\r\n href,\r\n isDisabled,\r\n name,\r\n onClick,\r\n preventDefault,\r\n size,\r\n style,\r\n target,\r\n}) => {\r\n const css = cn(className, size, {isDisabled})\r\n let handleClick = onClick\r\n\r\n if (preventDefault) {\r\n handleClick = e => {\r\n try {\r\n e.preventDefault()\r\n onClick()\r\n } catch (error) {\r\n showMessage(\r\n 'Sorry, an unexpected error occurred while processing your request.',\r\n 'error'\r\n )\r\n console.error(error)\r\n }\r\n }\r\n }\r\n\r\n const buttonProps = {\r\n 'data-component': 'Button',\r\n className: css,\r\n download,\r\n disabled: isDisabled,\r\n }\r\n\r\n if (href) {\r\n return (\r\n {children}
\r\n {children}
\r\n ) : (\r\n {moment().format('D')}
\r\n )\r\n } else if (type === 'file-document') {\r\n realSub = 'document'\r\n realType = 'file'\r\n } else if (type === 'file-pdf') {\r\n realSub = 'pdf'\r\n realType = 'file'\r\n } else if (type === 'file-spreadsheet' || type === 'file-sheet') {\r\n realSub = 'spreadsheet'\r\n realType = 'file'\r\n } else if (type === 'person-add') {\r\n realType = 'person' // temporary\r\n } else if (type === 'file-reject') {\r\n realType = 'reject'\r\n } else if (type === 'up-arrow') {\r\n realType = 'arrow'\r\n } else if (type.includes('fas_')) {\r\n realType = type.split('_')\r\n } else if (type.includes('far_')) {\r\n realType = type.split('_')\r\n } else if (type.includes('fab_')) {\r\n realType = type.split('_')\r\n }\r\n\r\n const src = ICON(realType, thickness)\r\n\r\n if (typeof realType !== 'string') {\r\n return (\r\n \r\n {child}\r\n
\r\n ))}\r\n {makeIcon(src)}\r\n \r\n )\r\n}\r\n\r\nIcon.defaultProps = defaultProps\r\nIcon.propTypes = propTypes\r\n\r\nexport default Icon\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport Isvg from 'react-inlinesvg'\r\nimport {X} from '../constants/icons'\r\n\r\nconst defaultProps = {\r\n iconSrc: null,\r\n message: null,\r\n title: null,\r\n}\r\n\r\nconst propTypes = {\r\n children: PT.node.isRequired,\r\n iconSrc: PT.string,\r\n message: PT.string,\r\n onClose: PT.func.isRequired,\r\n title: PT.string,\r\n}\r\n\r\nconst Modal = ({children, iconSrc, message, onClose, title}) => (\r\n \r\n
\r\n)\r\n\r\nModal.defaultProps = defaultProps\r\nModal.propTypes = propTypes\r\n\r\nexport default Modal\r\n","import AntNotification from 'antd/lib/notification'\r\nimport 'antd/lib/notification/style'\r\nimport React from 'react'\r\nimport {boolPT, funcPT, nodePT, numberPT, stringPT} from 'arena-prop-types'\r\n\r\nconst TOOLTIP_PLACEMENT_TOP = 'top'\r\n\r\nconst TOOLTIP_TRIGGER_CLICK = 'click'\r\n\r\nconst defaultProps = {\r\n arrowPointAtCenter: false,\r\n autoAdjustOverflow: true,\r\n defaultVisible: false,\r\n mouseEnterDelay: 0,\r\n mouseLeaveDelay: 0.1,\r\n onVisibleChange: null,\r\n placement: TOOLTIP_PLACEMENT_TOP,\r\n title: '',\r\n trigger: TOOLTIP_TRIGGER_CLICK,\r\n}\r\n\r\nconst propTypes = {\r\n arrowPointAtCenter: boolPT(),\r\n autoAdjustOverflow: boolPT(),\r\n defaultVisible: boolPT(),\r\n getPopupContainer: funcPT(),\r\n mouseEnterDelay: numberPT(),\r\n mouseLeaveDelay: numberPT(),\r\n onVisibleChange: funcPT(),\r\n placement: stringPT(),\r\n title: nodePT(),\r\n trigger: stringPT(),\r\n}\r\nconst Notification = props => \r\n
\r\n \r\n
\r\n \r\n {iconSrc && 
}\r\n
\r\n {title && {title}
}\r\n {message && {message}
}\r\n {children}\r\n \r\n \r\n test\r\n \r\n
\r\n)\r\n\r\nexport default ScrollTop\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport {ANIMATION_SPEED_MEDIUM, LIGHTEST_GRAY, WHITE} from 'arena-config'\r\n\r\nconst defaultProps = {\r\n disabled: false,\r\n onClick: () => console.warn('Switch component is missing an onClick handler'),\r\n}\r\n\r\nconst propTypes = {\r\n disabled: PT.bool,\r\n on: PT.bool.isRequired,\r\n onClick: PT.func,\r\n}\r\n\r\nconst SwitchWrapper = styled.div`\r\n background: ${props => (props.on ? 'teal' : '#8F8F8F')};\r\n border-radius: 12px;\r\n border: border: 1px solid ${LIGHTEST_GRAY};\r\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\r\n display: inline-block;\r\n height: 26px;\r\n width: 50px;\r\n /* FIXME: The next two styling elements need to move out as they're specific to usage. */\r\n float: right;\r\n margin-top: 3px;\r\n`\r\n\r\nconst SwitchToggle = styled.div`\r\n background: ${WHITE};\r\n border-radius: 12px;\r\n border: 1px solid ${LIGHTEST_GRAY};\r\n margin: 1.01px 1px;\r\n height: 24px;\r\n left: ${props => (props.on ? 23 : 0)}px;\r\n position: relative;\r\n transition: left ${ANIMATION_SPEED_MEDIUM} ease-in-out;\r\n width: 25px;\r\n`\r\n\r\nconst Switch = ({on, onClick, disabled}) => (\r\n \r\n {authed}\r\n
\r\n )\r\n}\r\n\r\nView.propTypes = propTypes\r\n\r\nexport default View\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport {FONT_WEIGHT_3, LARGE, SMALL} from 'arena-config'\r\nimport {Icon, Tooltip, Button} from '../../lib/components/core'\r\n\r\nconst StyledSectionName = styled.div`\r\n font-weight: ${FONT_WEIGHT_3};\r\n letter-spacing: 1px;\r\n padding: ${SMALL}px ${LARGE}px;\r\n text-transform: uppercase;\r\n`\r\nconst iconProps = {\r\n className: 'white',\r\n inlineSVG: true,\r\n}\r\nconst buttonProps = {\r\n className: 'round solid',\r\n style: {\r\n width: '20px',\r\n height: '20px',\r\n fontSize: '14px',\r\n marginTop: '-4px',\r\n marginLeft: '4px',\r\n },\r\n}\r\n\r\nconst SectionName = ({children, helpText}) => (\r\n \r\n \r\n )\r\n })\r\n\r\n errorMessage = (\r\n
\r\n \r\n Please fix the following validation errors before submitting:\r\n
\r\n \r\n {validationErrorList}\r\n
\r\n )\r\n }\r\n\r\n if (submissionErrorMessage) {\r\n const submissionErrorList = submissionErrorMessage\r\n .split('\\\\n')\r\n .map((item, key) => {\r\n return (\r\n \r\n {item}\r\n \r\n \r\n {validationErrorList}\r\n
\r\n \r\n )\r\n })\r\n\r\n errorMessage = (\r\n
{submissionErrorList}
\r\n )\r\n }\r\n return <>{errorMessage}\r\n}\r\n\r\nErrorMessage.defaultProps = {\r\n validationErrorMessage: '',\r\n submissionErrorMessage: '',\r\n}\r\n\r\nErrorMessage.propTypes = {\r\n validationErrorMessage: PT.string,\r\n submissionErrorMessage: PT.string,\r\n}\r\n\r\nexport default ErrorMessage\r\n","import 'moment-timezone'\r\nimport moment from 'moment'\r\nimport {DATE_FORMAT} from 'arena-config'\r\n\r\nconst DAY_FORMAT = 'DD'\r\nconst MONTH_FORMAT = 'MMM'\r\nconst YEAR_FORMAT = 'YYYY'\r\n\r\nexport const formatDate = (\r\n datetime,\r\n inputFormat = DATE_FORMAT,\r\n preferredFormat = DATE_FORMAT\r\n) => datetime && moment(datetime, inputFormat).format(preferredFormat)\r\n\r\nexport const todaysDate = () => moment(new Date()).format(DATE_FORMAT)\r\n\r\nexport const nextYear = () =>\r\n moment(new Date())\r\n .add(1, 'years')\r\n .format(DATE_FORMAT)\r\n\r\nexport const durationInMonths = (startDate, endDate) => {\r\n const difference = moment(endDate).diff(moment(startDate))\r\n const differenceInMonths = moment.duration(difference).asMonths()\r\n\r\n return Math.round(differenceInMonths)\r\n}\r\n\r\nexport const getYearForDate = date => {\r\n if (!date) {\r\n return moment().get('year')\r\n }\r\n return moment(date).get('year')\r\n}\r\nconst getLocalTimezoneLocation = () => moment.tz.guess()\r\n\r\nconst getLocalTimezoneAbbreviation = () => {\r\n const timezoneLocation = getLocalTimezoneLocation()\r\n\r\n return moment.tz(timezoneLocation).zoneAbbr()\r\n}\r\n\r\nconst convertDatetimeToLocalDatetime = (\r\n datetime,\r\n inputFormat = DATE_FORMAT,\r\n preferredFormat = DATE_FORMAT\r\n) => {\r\n const localTimezoneLocation = getLocalTimezoneLocation()\r\n\r\n return moment\r\n .tz(datetime, inputFormat, localTimezoneLocation)\r\n .format(preferredFormat)\r\n}\r\n\r\nexport const convertDateTimeToLocalTimezone = (\r\n date,\r\n inputFormat = 'YYYY-MM-DDTHH:mm:ssZZ',\r\n preferredFormat = 'MMMM DD, YYYY HH:mm:ss'\r\n) => {\r\n const localTimezone = getLocalTimezoneAbbreviation()\r\n\r\n return `${convertDatetimeToLocalDatetime(\r\n date,\r\n inputFormat,\r\n preferredFormat\r\n )} ${localTimezone}`\r\n}\r\n\r\nexport const getStartDateOrYearForCard = date => {\r\n const isSameYear = getYearForDate(date) === getYearForDate()\r\n if (isSameYear) {\r\n return moment(date)\r\n .format(DAY_FORMAT)\r\n .toString()\r\n }\r\n return moment(date)\r\n .format(YEAR_FORMAT)\r\n .toString()\r\n}\r\nexport const getMonthForDate = date => {\r\n return moment(date)\r\n .format(MONTH_FORMAT)\r\n .toString()\r\n}\r\n","import {isRequired, stringPT} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\n\r\nconst assignmentAuditLogProps = {\r\n action: stringPT(true),\r\n actionBy: stringPT(true),\r\n actionOn: stringPT(true),\r\n id: stringPT(true),\r\n}\r\n\r\nconst assignmentAuditLogPT = is =>\r\n isRequired(PT.shape(assignmentAuditLogProps), is)\r\n\r\nexport const assignmentAuditLogsPT = is =>\r\n isRequired(PT.arrayOf(assignmentAuditLogPT), is)\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport cn from 'classnames'\r\nimport {FONT_WEIGHT_3, LIGHTER_GRAY, WHITE} from 'arena-config'\r\nimport FormSection from '../Form/Section'\r\nimport StyledFlex from '../Form/StyledFlex'\r\nimport {assignmentAuditLogsPT} from '../../constants/propTypes/assignmentAuditLogs'\r\nimport {convertDateTimeToLocalTimezone} from '../../utils/moment'\r\n\r\nconst Table = styled.table`\r\n border-collapse: collapse;\r\n`\r\nconst StyledButton = styled.button`\r\n background: #1cdbbc;\r\n border: 1px solid #1cdbbc;\r\n color: #000000;\r\n width: fit-content;\r\n cursor: pointer;\r\n padding: 5px 5px;\r\n border-radius: 24px;\r\n &:hover {\r\n background: #8bf5e3;\r\n border: 1px solid #8bf5e3;\r\n }\r\n`\r\n\r\nconst TableBody = styled.tbody``\r\n\r\nconst TableData = styled.td`\r\n border: 1px solid ${LIGHTER_GRAY};\r\n padding: 8px;\r\n text-align: left;\r\n`\r\n\r\nconst TableHeading = styled.th`\r\n border: 1px solid ${LIGHTER_GRAY};\r\n font-weight: ${FONT_WEIGHT_3};\r\n padding: 8px;\r\n text-align: left;\r\n`\r\n\r\nconst TableRow = styled.tr`\r\n &:nth-child(even) {\r\n background-color: ${WHITE};\r\n }\r\n`\r\nconst AssignmentAuditLog = ({code, customFormSectionData, name}) => {\r\n const {\r\n assignmentAuditLogs,\r\n assignmentAuditLogsIsFetching,\r\n assignmentAuditLogsSummary,\r\n assignmentId,\r\n fetchAssignmentAuditLog,\r\n } = customFormSectionData\r\n const {\r\n createdBy,\r\n createdOn,\r\n updatedBy,\r\n updatedOn,\r\n } = assignmentAuditLogsSummary\r\n\r\n const isExecuting = assignmentAuditLogsIsFetching\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {props.sections.map(section => (\r\n \r\n props.toggleStickyHeader(section.code, true)}\r\n // onLeave={() => props.toggleStickyHeader(section.code)}\r\n >\r\n \r\n ))}\r\n \r\n
\r\n {!props.showContentBeforeSections && props.children}\r\n \r\n
\r\n \r\n {props.children}
\r\n {props.showAllResourcesButton && (\r\n \r\n
\r\n )\r\n}\r\n\r\nCompensation.propTypes = {\r\n customFormSectionData: PT.shape({\r\n accountSections: accountSectionsPT(true),\r\n change: funcPT(true),\r\n formName: stringPT(true),\r\n isLocked: boolPT(),\r\n startDate: momentObjectOrStringPT(true),\r\n }).isRequired,\r\n environmentHeight: numberPT(true),\r\n resources: resourcesPT(true),\r\n}\r\n\r\nexport default Compensation\r\n","import {isRequired, numberPT, stringPT} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\nimport {formFieldsPT} from './formFields'\r\n\r\nconst {arrayOf, shape} = PT\r\n\r\nexport const accountSectionProps = {\r\n accountFields: formFieldsPT(),\r\n code: stringPT(true),\r\n id: numberPT(true),\r\n name: stringPT(true),\r\n}\r\n\r\nexport const accountSectionPT = is => isRequired(shape(accountSectionProps), is)\r\n\r\nexport const accountSectionsPT = is => isRequired(arrayOf(accountSectionPT), is)\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport {FONT_WEIGHT_3, LARGE, SMALLEST} from 'arena-config'\r\n\r\nconst flexSpacing = `${LARGE}px`\r\n\r\nexport const StyledSubSectionName = styled.div`\r\n font-weight: ${FONT_WEIGHT_3};\r\n letter-spacing: 1px;\r\n padding: ${SMALLEST}px ${flexSpacing};\r\n text-transform: uppercase;\r\n`\r\n\r\nconst SubSectionName = props => (\r\n \r\n \r\n Family Members{' '}\r\n {!isLocked && (\r\n \r\n fields.push({\r\n lastName: `${(fields &&\r\n fields.get(0) &&\r\n fields.get(0).lastName) ||\r\n ''}`,\r\n })\r\n }\r\n >\r\n Add family member\r\n \r\n )}\r\n \r\n }\r\n >\r\n {fields.map((familyMember, index) => {\r\n const familyMemberDetails = fields && fields.get(index)\r\n const relationshipType =\r\n familyMemberDetails && familyMemberDetails.relationshipType\r\n const firstName = familyMemberDetails && familyMemberDetails.firstName\r\n const lastName = familyMemberDetails && familyMemberDetails.lastName\r\n\r\n const hasAssigneeDetails = `${relationshipType}` === 'Assignee'\r\n const isAssignee = index === 0 && hasAssigneeDetails\r\n\r\n const familyMemberSectionTitle =\r\n relationshipType && firstName && lastName\r\n ? `${relationshipType} - ${firstName} ${lastName}`\r\n : `Family Member #${hasAssigneeDetails ? index : index + 1}`\r\n\r\n const relationshipTypeOptionsForFamilyMembers = JSON.parse(\r\n JSON.stringify(familySection.formFields[2].options)\r\n ).filter(item => item.value && item.value !== 'Assignee')\r\n\r\n // Update index of the `familyMemberRequests` array as it's always 0 otherwise.\r\n const familyFormFields = familySection.formFields.map(\r\n familyFormField => {\r\n if (\r\n index === 0 &&\r\n familyFormField.code.split('.')[1] === 'relationshipType'\r\n ) {\r\n return {\r\n ...familyFormField,\r\n code: familyFormField.code.replace('[0]', `[${index}]`),\r\n disabled: true,\r\n }\r\n }\r\n if (\r\n index > 0 &&\r\n familyFormField.code.split('.')[1] === 'relationshipType'\r\n ) {\r\n return {\r\n ...familyFormField,\r\n code: familyFormField.code.replace('[0]', `[${index}]`),\r\n options: relationshipTypeOptionsForFamilyMembers,\r\n }\r\n }\r\n return {\r\n ...familyFormField,\r\n code: familyFormField.code.replace('[0]', `[${index}]`),\r\n }\r\n }\r\n )\r\n return (\r\n \r\n \r\n ▿ {isAssignee ? 'Assignee' : familyMemberSectionTitle}\r\n {' '}\r\n {!isLocked && fields && fields.length > 1 && !isAssignee ? (\r\n \r\n ) : null}\r\n \r\n }\r\n triggerWhenOpen={\r\n \r\n \r\n ▵ {isAssignee ? 'Assignee' : familyMemberSectionTitle}\r\n {' '}\r\n {!isLocked && fields && fields.length > 1 && !isAssignee ? (\r\n \r\n ) : null}\r\n \r\n }\r\n open={fields && fields.length - 1 === index}\r\n overflowWhenOpen=\"visible\"\r\n >\r\n
\r\n )\r\n}\r\n\r\nFamilyMembers.propTypes = {\r\n customFormSectionData: PT.shape({\r\n familySection: formSectionPT(true),\r\n isLocked: boolPT(true),\r\n }).isRequired,\r\n fields: emptyObjectPT(true),\r\n resources: emptyObjectPT(true),\r\n}\r\n\r\nexport default FamilyMembers\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport Members from './Members'\r\nimport {FieldArray} from '../../lib/components/core'\r\nimport {formSectionPT} from '../../constants/propTypes/formSections'\r\nimport {resourcesPT} from '../../constants/propTypes/resources'\r\n\r\nconst Family = ({customFormSectionData, errors, resources, helpText}) => {\r\n return (\r\n \r\n {hasLocationsSelected(currentValues) &&\r\n customFormSectionData.taxSections &&\r\n customFormSectionData.taxSections.length > 0 ? (\r\n customFormSectionData.taxSections.map(\r\n section =>\r\n shouldDisplaySection(section, currentValues) && (\r\n
\r\n)\r\n\r\nTaxOptions.propTypes = {\r\n currentValues: emptyObjectPT(true),\r\n customFormSectionData: PT.shape({\r\n taxSections: taxSectionsPT(true),\r\n }).isRequired,\r\n resources: resourcesPT(true),\r\n}\r\n\r\nexport default TaxOptions\r\n","import {isRequired, stringPT} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\nimport {formFieldsPT} from './formFields'\r\n\r\nconst {arrayOf, shape} = PT\r\n\r\nexport const taxSectionProps = {\r\n taxFields: formFieldsPT(true),\r\n code: stringPT(true),\r\n name: stringPT(true),\r\n}\r\n\r\nexport const taxSectionPT = is => isRequired(shape(taxSectionProps), is)\r\n\r\nexport const taxSectionsPT = is => isRequired(arrayOf(taxSectionPT), is)\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport {emptyObjectPT} from 'arena-prop-types'\r\nimport FormSection from '../Form/Section'\r\nimport {resourcesPT} from '../../constants/propTypes/resources'\r\nimport {calculationSectionsPT} from '../../constants/propTypes/calculationSections'\r\nimport {NO_CALCULATION_SECTIONS_MESSAGE} from '../../constants/validationMessages'\r\n\r\nconst loadingMessage = 'Loading relevant calculation options, please wait...'\r\n\r\nconst hasLocationsSelected = currentValues =>\r\n currentValues &&\r\n currentValues.homeLocation &&\r\n currentValues.homeLocation.value &&\r\n currentValues.hostLocation &&\r\n currentValues.hostLocation.value &&\r\n currentValues.planTypeCode &&\r\n currentValues.planTypeCode.value\r\n\r\nconst shouldDisplaySection = (section, currentValues) =>\r\n section && hasLocationsSelected(currentValues)\r\n\r\nconst shouldDisplayLoading = customFormSectionData => {\r\n return customFormSectionData &&\r\n customFormSectionData.calculationSections &&\r\n customFormSectionData.calculationSections.length > 0\r\n ? null\r\n : loadingMessage\r\n}\r\n\r\nconst noDataPlaceholderMessage = (customFormSectionData, currentValues) =>\r\n !hasLocationsSelected(currentValues)\r\n ? NO_CALCULATION_SECTIONS_MESSAGE\r\n : shouldDisplayLoading(customFormSectionData)\r\n\r\nconst CalculationOptions = ({\r\n customFormSectionData,\r\n resources,\r\n currentValues,\r\n errors,\r\n helpText,\r\n}) => {\r\n return (\r\n \r\n {hasLocationsSelected(currentValues) &&\r\n customFormSectionData.calculationSections &&\r\n customFormSectionData.calculationSections.length > 0 ? (\r\n customFormSectionData.calculationSections.map(section => {\r\n return (\r\n shouldDisplaySection(section, currentValues) && (\r\n
\r\n )\r\n}\r\n\r\nCalculationOptions.propTypes = {\r\n currentValues: emptyObjectPT(true),\r\n customFormSectionData: PT.shape({\r\n calculationSections: calculationSectionsPT(true),\r\n }).isRequired,\r\n resources: resourcesPT(true),\r\n}\r\n\r\nexport default CalculationOptions\r\n","import {isRequired, stringPT} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\nimport {formFieldsPT} from './formFields'\r\n\r\nconst {arrayOf, shape} = PT\r\n\r\nexport const calculationSectionProps = {\r\n calculationFields: formFieldsPT(true),\r\n code: stringPT(true),\r\n name: stringPT(true),\r\n}\r\n\r\nexport const calculationSectionPT = is =>\r\n isRequired(shape(calculationSectionProps), is)\r\n\r\nexport const calculationSectionsPT = is =>\r\n isRequired(arrayOf(calculationSectionPT), is)\r\n","import AssignmentAuditLog from './AssignmentAuditLog/'\r\nimport Compensation from './Compensation/'\r\nimport Family from './Family/'\r\nimport TaxOptions from './TaxOptions/'\r\nimport CalculationOptions from './CalculationOptions'\r\n\r\nexport default {\r\n AssignmentAuditLog,\r\n Compensation,\r\n Family,\r\n TaxOptions,\r\n CalculationOptions,\r\n}\r\n","export const APPROVED = 'approved'\r\nexport const COMPLETED = 'completed'\r\nexport const IN_PROGRESS = 'inprogress'\r\nexport const NOT_STARTED = 'notstarted'\r\nexport const REJECTED = 'rejected'\r\n\r\nexport const TASKS = [APPROVED, COMPLETED, IN_PROGRESS, NOT_STARTED, REJECTED]\r\n\r\nexport const TASK_APPROVED = status => status === APPROVED\r\nexport const TASK_COMPLETED = status => status === COMPLETED\r\nexport const TASK_IN_PROGRESS = status => status === IN_PROGRESS\r\nexport const TASK_NOT_STARTED = status => status === NOT_STARTED\r\nexport const TASK_REJECTED = status => status === REJECTED\r\n\r\nexport const TASK_ACTION_DELETE = 'Delete'\r\nexport const TASK_ACTION_EXTERNAL_LINK = 'ExternalLink'\r\nexport const TASK_ACTION_REDIRECT = 'Redirect'\r\nexport const TASK_ACTION_FILE = 'File'\r\nexport const TASK_ACTION_POST = 'Post'\r\nexport const TASK_ACTION_PUT = 'Put'\r\n","import {\r\n DATE_TIME_FIELD,\r\n NUMBER_FIELD,\r\n SELECT_FIELD,\r\n TEXT_FIELD,\r\n} from 'arena-config'\r\nimport {CURRENCY_FIELD} from '../constants/form'\r\nimport {determineTaskActionType} from './timeline'\r\nimport {convertDateTimeToLocalTimezone, formatDate} from './moment'\r\n\r\nexport const mapAccountFields = accountFields =>\r\n accountFields.map(accountField => {\r\n const {id, name} = accountField\r\n\r\n return {\r\n code: `options.CompensationItem__${name}__Money`,\r\n id,\r\n label: name,\r\n type: NUMBER_FIELD,\r\n }\r\n })\r\n\r\nexport const mapAccountSection = accountSection => {\r\n const {children, code, id, name} = accountSection\r\n\r\n return {\r\n accountFields: children ? mapAccountFields(children) : [],\r\n code,\r\n id,\r\n name,\r\n }\r\n}\r\n\r\nexport const mapAccountSections = accountSections =>\r\n accountSections.map(accountSection => mapAccountSection(accountSection))\r\n\r\nexport const mapAssignment = assignment => {\r\n const {\r\n employee: {\r\n companyId,\r\n email,\r\n employeeId,\r\n firstName,\r\n homeCountry,\r\n homeLocation,\r\n lastName,\r\n level,\r\n nameAndId,\r\n },\r\n position: {\r\n anticipatedEndDate,\r\n anticipatedStartDate,\r\n createdBy,\r\n createdOn,\r\n employeeAssigned,\r\n hostCountry,\r\n hostLocation,\r\n id,\r\n isLocked,\r\n planType,\r\n title,\r\n updatedBy,\r\n updatedOn,\r\n hasComments,\r\n },\r\n hasDocuments,\r\n } = assignment\r\n\r\n return {\r\n anticipatedEndDate,\r\n anticipatedStartDate,\r\n companyId,\r\n createdBy,\r\n createdOn,\r\n email,\r\n employeeAssigned,\r\n employeeId,\r\n firstName,\r\n hasComments,\r\n hasDocuments,\r\n homeCountryId: homeCountry.id,\r\n homeLocation,\r\n hostCountryId: hostCountry.id,\r\n hostLocation,\r\n id,\r\n isLocked,\r\n lastName,\r\n levelCode: level && level.code ? level.code : null,\r\n nameAndId,\r\n planTypeCode: planType.code,\r\n // FIXME: The API should send plan type code so that it doesn't expose the database IDs.\r\n planTypeId: planType.id,\r\n title,\r\n updatedBy,\r\n updatedOn,\r\n }\r\n}\r\n\r\nexport const mapAssignmentOptions = assignmentOptions =>\r\n assignmentOptions.map(option => {\r\n const {optionType, name, valueType, currencyCode, value} = option\r\n return {\r\n currency: currencyCode,\r\n name: `${optionType}__${name}__${valueType}`,\r\n value,\r\n }\r\n })\r\n\r\nexport const mapAssignmentFamilyMemberOptions = assignmentFamilyMemberOptions => {\r\n const allOptions = {}\r\n assignmentFamilyMemberOptions.map(option => {\r\n const {optionType, name, valueType, value} = option\r\n\r\n allOptions[`${optionType}__${name}__${valueType}`] = {value}\r\n\r\n return option\r\n })\r\n\r\n return allOptions\r\n}\r\n\r\nexport const mapAssignmentFamilyMembers = assignmentFamilyMembers =>\r\n assignmentFamilyMembers.map(familyMember => {\r\n if (familyMember.options && familyMember.options.length > 0) {\r\n return {\r\n ...familyMember,\r\n ...familyMember.summary,\r\n options: mapAssignmentFamilyMemberOptions(familyMember.options),\r\n }\r\n }\r\n\r\n return {...familyMember, ...familyMember.summary, options: null}\r\n })\r\n\r\nexport const mapAssignmentAuditLog = assignmentAuditLog =>\r\n assignmentAuditLog.map(auditLogItem => ({\r\n ...auditLogItem,\r\n actionOn: convertDateTimeToLocalTimezone(auditLogItem.actionOn),\r\n }))\r\n\r\nexport const mapAssignments = assignments =>\r\n assignments.items.map(assignment => mapAssignment(assignment))\r\n\r\nconst mapFieldOptions = fieldOptions =>\r\n fieldOptions.map(option => ({value: option.code, label: option.name}))\r\n\r\nexport const mapFieldType = type => {\r\n switch (type) {\r\n case 'Date':\r\n return DATE_TIME_FIELD\r\n case 'Money':\r\n case 'Numeric':\r\n return NUMBER_FIELD\r\n case 'List':\r\n return SELECT_FIELD\r\n case 'Textbox':\r\n return TEXT_FIELD\r\n case 'Currency':\r\n return CURRENCY_FIELD\r\n default:\r\n // Unmapped values are text field by default.\r\n return TEXT_FIELD\r\n }\r\n}\r\n\r\nexport const mapFieldValueType = type => {\r\n switch (type) {\r\n case 'Currency':\r\n return CURRENCY_FIELD\r\n default:\r\n // Unmapped values should just use the type already set\r\n return type\r\n }\r\n}\r\n\r\nexport const mapFormFields = (\r\n formFields,\r\n namePrefix,\r\n keyPrefix = 'CustomField'\r\n) =>\r\n formFields.map(formField => {\r\n const {\r\n additionalProperties,\r\n children,\r\n code,\r\n creatable,\r\n description,\r\n disabled,\r\n maxLength,\r\n name,\r\n optionsType,\r\n required,\r\n validate,\r\n } = formField\r\n const type = mapFieldType(description)\r\n const valueType = mapFieldValueType(description)\r\n\r\n return {\r\n additionalProperties,\r\n code: namePrefix\r\n ? `${namePrefix}.${keyPrefix}__${code}__${valueType}.value`\r\n : code,\r\n suffix:\r\n type === CURRENCY_FIELD\r\n ? namePrefix\r\n ? `${namePrefix}.${keyPrefix}__${code}__${valueType}.currency`\r\n : code\r\n : null,\r\n creatable,\r\n disabled:\r\n disabled || (additionalProperties && additionalProperties.disabled),\r\n id: code,\r\n label: name,\r\n maxLength:\r\n maxLength || (additionalProperties && additionalProperties.maxLength),\r\n options: children ? mapFieldOptions(children) : [],\r\n optionsType:\r\n optionsType || (type === CURRENCY_FIELD ? 'currencies' : optionsType),\r\n required,\r\n type,\r\n validate,\r\n }\r\n })\r\n\r\nexport const mapFormSection = (formSection, namePrefix) => {\r\n const {\r\n children,\r\n code,\r\n component,\r\n componentType,\r\n name,\r\n helpText,\r\n additionalProperties,\r\n } = formSection\r\n\r\n return {\r\n code,\r\n component,\r\n componentType,\r\n formFields: children ? mapFormFields(children, namePrefix) : [],\r\n name,\r\n helpText: helpText\r\n ? helpText\r\n : additionalProperties && additionalProperties.helpText\r\n ? additionalProperties.helpText\r\n : '',\r\n additionalProperties,\r\n }\r\n}\r\n\r\nexport const mapFormSections = (formSections, namePrefix = '') =>\r\n formSections.map(formSection => mapFormSection(formSection, namePrefix))\r\n\r\nexport const mapTaskAction = taskAction => {\r\n const {\r\n description,\r\n icon,\r\n id,\r\n isDisabled,\r\n label,\r\n link,\r\n missingFields,\r\n newStatus,\r\n type,\r\n } = taskAction\r\n\r\n return {\r\n description,\r\n icon,\r\n id,\r\n isDisabled,\r\n label,\r\n missingFields,\r\n newStatus,\r\n type,\r\n ...determineTaskActionType(link, type),\r\n }\r\n}\r\n\r\nexport const mapTaskActions = taskActions =>\r\n taskActions\r\n .map(taskAction => mapTaskAction(taskAction))\r\n .sort((a, b) => b.newStatus.localeCompare(a.newStatus) || a.id - b.id)\r\n\r\nexport const mapTaskIcon = icon => {\r\n switch (icon) {\r\n case 'person-add':\r\n return 'AddPerson'\r\n case 'file-document':\r\n return 'AddPerson'\r\n default:\r\n return ''\r\n }\r\n}\r\n\r\nexport const mapTaxFieldType = type => {\r\n switch (type) {\r\n case 'FilingStatus':\r\n case 'TaxUDFOptions':\r\n case '':\r\n return 'General'\r\n case 'TaxUDFFieldHypo':\r\n return 'TaxOptionHypo'\r\n case 'TaxUDFField':\r\n default:\r\n return 'TaxOption'\r\n }\r\n}\r\n\r\nexport const mapTimeline = timeline => ({\r\n id: timeline.name,\r\n items: timeline.items.map((item, index) => {\r\n const {\r\n actions,\r\n completedDate,\r\n dueDate,\r\n icon,\r\n id,\r\n label,\r\n link,\r\n owner,\r\n status,\r\n title,\r\n tooltip,\r\n } = item\r\n\r\n return {\r\n actions: mapTaskActions(actions),\r\n completedDate,\r\n dueDate,\r\n employeeId: owner,\r\n icon,\r\n id,\r\n isLastTask: timeline.items.length - 1 === index,\r\n label,\r\n link,\r\n status: status.toLowerCase(),\r\n title,\r\n tooltip,\r\n }\r\n }),\r\n})\r\n\r\nexport const mapTaxFields = taxFields =>\r\n taxFields.map(taxField => {\r\n const {\r\n children,\r\n code,\r\n creatable,\r\n description,\r\n disabled,\r\n maxLength,\r\n name,\r\n optionsType,\r\n listType,\r\n additionalProperties,\r\n } = taxField\r\n const type = mapFieldType(description)\r\n const taxFieldType = mapTaxFieldType(listType)\r\n const valueType = mapFieldValueType(description)\r\n const isTaxFieldCurrency =\r\n taxFieldType === 'TaxOption' && type === CURRENCY_FIELD\r\n if (isTaxFieldCurrency) {\r\n return {\r\n code: `options.${taxFieldType}__${code}__${valueType}.value`,\r\n suffix: `options.${taxFieldType}__${code}__${valueType}.currency`,\r\n creatable,\r\n disabled:\r\n disabled || (additionalProperties && additionalProperties.disabled),\r\n label: name,\r\n maxLength:\r\n maxLength || (additionalProperties && additionalProperties.maxLength),\r\n options: children ? mapFieldOptions(children) : [],\r\n optionsType: optionsType || 'currencies' || 'TaxOption',\r\n type,\r\n additionalProperties,\r\n }\r\n }\r\n return {\r\n code: `options.${taxFieldType}__${code}__${valueType}.value`,\r\n creatable,\r\n disabled:\r\n disabled || (additionalProperties && additionalProperties.disabled),\r\n label: name,\r\n maxLength:\r\n maxLength || (additionalProperties && additionalProperties.maxLength),\r\n options: children ? mapFieldOptions(children) : [],\r\n optionsType: optionsType || taxFieldType || 'TaxOption',\r\n type,\r\n additionalProperties,\r\n }\r\n })\r\n\r\nexport const mapTaxSection = taxSection => {\r\n const {children, code, component, componentType, name} = taxSection\r\n\r\n return {\r\n code,\r\n component: component || 'TaxOptions',\r\n componentType,\r\n taxFields: children ? mapTaxFields(children) : [],\r\n name,\r\n }\r\n}\r\n\r\nexport const mapTaxSections = taxSections =>\r\n taxSections.map(taxSection => mapTaxSection(taxSection))\r\n\r\nexport const mapTimelines = timelines =>\r\n timelines.map(timeline => mapTimeline(timeline))\r\n\r\nexport const mapDataList = dataList =>\r\n dataList.map(item => ({id: item.id, label: item.name, value: item.code}))\r\n\r\nexport const mapUploadForm = data =>\r\n data.map(item => ({\r\n value: item.code,\r\n label: item.name,\r\n }))\r\n\r\nexport const mapPolicyList = policyList =>\r\n policyList.map(item => ({\r\n additionalProperties: item.additionalProperties,\r\n id: item.id,\r\n label: item.name,\r\n value: item.code,\r\n }))\r\n\r\nexport const mapFilingStatuses = items =>\r\n items.map(item => ({\r\n description: item.description,\r\n id: item.id,\r\n label: item.name,\r\n value: item.code,\r\n }))\r\n\r\nexport const mapCompanyList = companyList =>\r\n companyList.map(item => ({\r\n id: item.companyID,\r\n label: item.companyName,\r\n userId: item.userID,\r\n userEmail: item.email,\r\n value: item.companyCode,\r\n additionalProperties: item.additionalProperties,\r\n }))\r\n\r\nexport const mapLocations = items =>\r\n items.map(item => ({\r\n additionalProperties: item.additionalProperties,\r\n id: item.id,\r\n label: `${item.name}, ${item.code}`,\r\n value: item.name,\r\n code: item.code,\r\n }))\r\nexport const deepCopy = object => JSON.parse(JSON.stringify(object))\r\n\r\nexport const filterFields = (filter, fields) =>\r\n filter\r\n ? deepCopy(fields)\r\n .map(section => {\r\n section.formFields = section.formFields\r\n .map(item => {\r\n if (\r\n item.additionalProperties &&\r\n item.additionalProperties.includedIn\r\n ) {\r\n if (\r\n item.additionalProperties.includedIn\r\n .toString()\r\n .toUpperCase()\r\n .includes(`\"${filter.toUpperCase()}\"`)\r\n ) {\r\n return item\r\n } else {\r\n return null\r\n }\r\n } else {\r\n return item\r\n }\r\n })\r\n .filter(item => item != null)\r\n if (\r\n section.component !== undefined ||\r\n section.formFields.length > 0\r\n ) {\r\n return section\r\n } else {\r\n return null\r\n }\r\n })\r\n .filter(item => item != null)\r\n : fields\r\n\r\nexport const mapCalculationFields = calcFields =>\r\n calcFields.map(calcField => {\r\n const {\r\n children,\r\n code,\r\n creatable,\r\n description,\r\n disabled,\r\n maxLength,\r\n name,\r\n optionsType,\r\n required,\r\n additionalProperties,\r\n } = calcField\r\n const type = mapFieldType(description)\r\n return {\r\n code,\r\n creatable,\r\n disabled:\r\n disabled || (additionalProperties && additionalProperties.disabled),\r\n label: name,\r\n maxLength:\r\n maxLength || (additionalProperties && additionalProperties.maxLength),\r\n options: children ? mapFieldOptions(children) : [],\r\n optionsType: optionsType || 'General',\r\n required,\r\n type,\r\n additionalProperties,\r\n }\r\n })\r\n\r\nexport const mapCalculationSection = calcSection => {\r\n const {\r\n children,\r\n code,\r\n component,\r\n componentType,\r\n name,\r\n columnCount,\r\n } = calcSection\r\n\r\n return {\r\n code,\r\n component: component || 'CalculationOptions',\r\n componentType,\r\n columnCount,\r\n calculationFields: children ? mapCalculationFields(children) : [],\r\n name,\r\n }\r\n}\r\n\r\nexport const mapCalculationSections = calcSections => {\r\n return calcSections.map(calcSection => mapCalculationSection(calcSection))\r\n}\r\n\r\n// Update transformAssignmentOption for multi year support //\r\nexport const transformAssignmentOptions = (\r\n options,\r\n optionType = null,\r\n startDate,\r\n endDate\r\n) => {\r\n if (!options || Object.keys(options).length === 0) return undefined\r\n const results = Object.keys(options).map(key => {\r\n const option = options[key]\r\n const keySegments = key.split('__')\r\n const valueType = keySegments[2]\r\n return (\r\n option &&\r\n option.value && {\r\n currencyCode: option.currency || option.currencyCode || undefined,\r\n description: keySegments[1],\r\n name: keySegments[1],\r\n optionType: optionType || keySegments[0],\r\n value: valueType === 'Date' ? formatDate(option.value) : option.value,\r\n valueType,\r\n }\r\n )\r\n })\r\n return results.filter(e => e)\r\n}\r\n\r\nconst transformAssignmentFamilyMemberRequests = familyMemberRequests => {\r\n if (!familyMemberRequests || Object.keys(familyMemberRequests).length === 0)\r\n return undefined\r\n\r\n const results = Object.keys(familyMemberRequests).map(key => {\r\n const {dateOfBirth, gender, options} = familyMemberRequests[key]\r\n return {\r\n ...familyMemberRequests[key],\r\n dateOfBirth: dateOfBirth ? formatDate(dateOfBirth) : undefined,\r\n gender: gender || '-1',\r\n options: transformAssignmentOptions(options, 'Family'),\r\n }\r\n })\r\n\r\n return results.filter(e => e)\r\n}\r\n\r\nexport const prepareNewAssignment = assignment => {\r\n const {\r\n email,\r\n employeeId,\r\n endDate,\r\n firstName,\r\n homeCountryCode,\r\n homeLocation,\r\n hostCountryCode,\r\n hostLocation,\r\n lastName,\r\n planTypeCode,\r\n positionName,\r\n levelCode,\r\n startDate,\r\n } = assignment\r\n return {\r\n email: email || undefined,\r\n employeeId,\r\n endDate: formatDate(endDate),\r\n familyMemberRequests: transformAssignmentFamilyMemberRequests(\r\n assignment.familyMemberRequests\r\n ),\r\n firstName,\r\n homeCountryCode:\r\n (homeCountryCode && homeCountryCode.value) || homeCountryCode,\r\n hostCountryCode:\r\n (hostCountryCode && hostCountryCode.value) || hostCountryCode,\r\n homeLocation: (homeLocation && homeLocation.value) || homeLocation,\r\n hostLocation: (hostLocation && hostLocation.value) || hostLocation,\r\n lastName,\r\n options: transformAssignmentOptions(assignment.options),\r\n planTypeCode,\r\n positionName: positionName ? positionName : levelCode,\r\n levelCode,\r\n startDate: formatDate(startDate),\r\n }\r\n}\r\n\r\nexport const prepareNewTaxSectionsParams = taxSectionsParams => {\r\n const {\r\n compensationHomeLocationId,\r\n compensationHostLocationId,\r\n compensationHomeHypoLocationId,\r\n compensationHostHypoLocationId,\r\n incomeTaxHomeLocationId,\r\n incomeTaxHostLocationId,\r\n incomeTaxHomeHypoLocationId,\r\n incomeTaxHostHypoLocationId,\r\n socialTaxHomeLocationId,\r\n socialTaxHostLocationId,\r\n socialTaxHomeHypoLocationId,\r\n socialTaxHostHypoLocationId,\r\n planTypeCode,\r\n } = taxSectionsParams\r\n\r\n return {\r\n policyType: planTypeCode,\r\n homeCompensationLocationId: compensationHomeLocationId,\r\n homeIncomeTaxLocationId: incomeTaxHomeLocationId,\r\n homeSocialTaxLocationId: socialTaxHomeLocationId,\r\n hostCompensationLocationId: compensationHostLocationId,\r\n hostIncomeTaxLocationId: incomeTaxHostLocationId,\r\n hostSocialTaxLocationId: socialTaxHostLocationId,\r\n homeHypoCompensationLocationId: compensationHomeHypoLocationId,\r\n homeHypoIncomeTaxLocationId: incomeTaxHomeHypoLocationId,\r\n homeHypoSocialTaxLocationId: socialTaxHomeHypoLocationId,\r\n hostHypoCompensationLocationId: compensationHostHypoLocationId,\r\n hostHypoIncomeTaxLocationId: incomeTaxHostHypoLocationId,\r\n hostHypoSocialTaxLocationId: socialTaxHostHypoLocationId,\r\n }\r\n}\r\n","import {API_URL} from '../constants/api'\r\nimport {\r\n TASK_ACTION_REDIRECT,\r\n TASK_ACTION_EXTERNAL_LINK,\r\n} from '../constants/tasks'\r\n\r\nexport const determineTaskActionType = (link, type) => {\r\n switch (type) {\r\n case TASK_ACTION_REDIRECT:\r\n return {href: link}\r\n case TASK_ACTION_EXTERNAL_LINK:\r\n return {href: link, target: '_blank'}\r\n default:\r\n return {link: `${API_URL}/${link}`}\r\n }\r\n}\r\n","import React from 'react'\r\nimport AntDModal from 'antd/lib/modal'\r\nimport {colorPropTypes} from 'arena-components/build/constants/propTypes'\r\nimport {Spin} from 'antd'\r\nimport {boolPT, emptyObjectPT, stringPT} from 'arena-prop-types'\r\nimport styled from 'styled-components'\r\n\r\nconst FlyerWrapper = styled.h1`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 400px;\r\n`\r\nconst ModalFlyerWrapper = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 200px;\r\n`\r\nconst Spinner = styled(Spin)`\r\n .ant-spin-dot-item {\r\n background-color: #0a838a;\r\n }\r\n .ant-spin-text {\r\n color: #0a838a;\r\n font-size: 1.5rem;\r\n font-weight: 200;\r\n }\r\n`\r\n\r\nconst Loader = props => {\r\n const loader = props.isModal ? (\r\n \r\n {standardSection}\r\n {customSection}\r\n
\r\n )\r\n sections.push({link, panel})\r\n }\r\n\r\n const linksHeader = \r\n
\r\n )\r\n }\r\n}\r\n\r\nAuth.defaultProps = defaultProps\r\nAuth.propTypes = propTypes\r\n\r\nexport default Auth\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {login} from '../../actions/session'\r\nimport {\r\n getIsAuthenticated,\r\n getSessionUser,\r\n getLoggingInOutMessage,\r\n} from '../../selectors/session'\r\nimport Auth from '../../lib/components/Auth'\r\n\r\nconst AuthContainer = props => \r\n
\r\n\r\n \r\n Didn't open? Check your browser's pop-up blocker settings and\r\n try again, or click this\r\n \r\n \r\n Direct link\r\n \r\n \r\n ),\r\n duration: 20,\r\n })\r\n\r\n const openWindow = window.open(url, '_blank')\r\n if (openWindow) {\r\n openWindow.focus()\r\n }\r\n return true\r\n } catch (error) {\r\n notification['error']({\r\n message: GOOGLE_DRIVE_POST_FAILED_MESSAGE,\r\n description: `${GOOGLE_DRIVE_POST_UNEXPECTED_ERROR_MESSAGE} Error: ${error.message}`,\r\n duration: 10,\r\n })\r\n return false\r\n }\r\n })\r\n }\r\n}\r\n\r\nconst getAuthUser = () => {\r\n // Attempt to retrieve the Google authUser index - this can be used to generate url links to Google resources\r\n // The default is 0, if the user has multiple Google accounts each account will have an index, e.g. 0, 1, 2\r\n let result = '0'\r\n\r\n try {\r\n // get the current user from the Google auth2 api\r\n const currentUser = window.gapi.auth2.getAuthInstance().currentUser.get()\r\n\r\n // if there is no current user, assume authUser is 0\r\n if (currentUser) {\r\n // first, check known property names that could contain the session_state (vc, wc, etc.)\r\n // these are obscured by google and can change over time - hence the backup mechanisms for retrieving the authUser below\r\n if (currentUser.vc || currentUser.wc) {\r\n result =\r\n (currentUser.vc &&\r\n currentUser.vc.session_state.extraQueryParams.authuser) ||\r\n (currentUser.wc &&\r\n currentUser.wc.session_state.extraQueryParams.authuser) ||\r\n '0'\r\n } else {\r\n // next, check the auth response - this will usually have the session_state and authUser property\r\n const authResponse = currentUser.getAuthResponse()\r\n\r\n if (authResponse && authResponse.session_state) {\r\n result = authResponse.session_state.extraQueryParams.authuser\r\n } else {\r\n // if all else fails, dynamically search the currentUser object for a child element named session_state, and use that to retrieve the authUser\r\n const childWithSessionState = Object.values(currentUser).filter(\r\n x => x.session_state\r\n )[0]\r\n if (childWithSessionState) {\r\n result =\r\n childWithSessionState.session_state.extraQueryParams.authuser\r\n }\r\n }\r\n }\r\n }\r\n } finally {\r\n return result\r\n }\r\n}\r\n","import React from 'react'\r\nimport {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {normalize} from 'normalizr'\r\nimport {sendFileToBrowser} from 'arena-redux'\r\nimport {\r\n ADD_APPROVER_FAILURE,\r\n ADD_APPROVER_REQUEST,\r\n ADD_APPROVER_SUCCESS,\r\n EXECUTE_TASK_ACTION_FAILURE,\r\n EXECUTE_TASK_ACTION_REQUEST,\r\n EXECUTE_TASK_ACTION_SUCCESS,\r\n FETCH_TIMELINES_FAILURE,\r\n FETCH_TIMELINES_REQUEST,\r\n FETCH_TIMELINES_SUCCESS,\r\n FETCH_TIMELINE_FAILURE,\r\n FETCH_TIMELINE_REQUEST,\r\n FETCH_TIMELINE_SUCCESS,\r\n TOGGLE_ADD_APPROVER,\r\n TOGGLE_UPDATE_ASSIGNMENT_OPTIONS,\r\n} from '../constants/actionTypes'\r\nimport {APPROVERS_URL, TASK_STATUS_URL, TIMELINES_URL} from '../constants/api'\r\nimport {fetchAssignment} from './assignments'\r\nimport {getTimelineIds} from '../selectors/timelines'\r\nimport {mapTimeline, mapTimelines} from '../utils/api'\r\nimport {timelineSchema} from '../constants/schemas'\r\nimport {isIE} from '../utils/browser'\r\nimport notification from 'antd/lib/notification'\r\nimport 'antd/lib/notification/style/index.css'\r\nimport {\r\n FAILURE_NOTIFICATION_TITLE,\r\n TASK_ACTION_NOTIFICATION_DURATION,\r\n} from '../constants/notification'\r\nimport {getIsTaskProcessing} from '../selectors/timelines'\r\nimport {fetchChannelSummary} from './channels'\r\nimport {todaysDate} from '../utils/moment'\r\nimport {logEventTrigger} from '../lib/utils/analytics'\r\nimport {\r\n getLastSelectedCompanyId,\r\n getLastSelectedUserDetails,\r\n} from '../selectors/company'\r\nimport {getGDrive, uploadToGDrive} from '../lib/utils/uploadToGDrive'\r\nimport {\r\n GOOGLE_DRIVE_AUTH_FAILED_MESSAGE,\r\n GOOGLE_DRIVE_AUTH_UNEXPECTED_ERROR_MESSAGE,\r\n} from '../lib/constants/messages'\r\n\r\nconst setTimelinesQuery = items => {\r\n let ids = ''\r\n for (let i = 0; i < items.length; i += 1)\r\n ids += `${i === 0 ? '?' : '&'}ids=${items[i]}`\r\n\r\n return ids\r\n}\r\n\r\nexport const fetchTimelinesIfNeeded = (assignmentIds, forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const timelines = getTimelineIds(state)\r\n const newAssignmentIds = assignmentIds.filter(id => !timelines.includes(id))\r\n const shouldFetchTimelines = newAssignmentIds.length || forceReload\r\n\r\n if (shouldFetchTimelines) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: TIMELINES_URL(setTimelinesQuery(assignmentIds)),\r\n method: 'GET',\r\n types: [\r\n FETCH_TIMELINES_REQUEST,\r\n {\r\n type: FETCH_TIMELINES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapTimelines(json), [timelineSchema])\r\n ),\r\n },\r\n FETCH_TIMELINES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchTimeline = (assignmentId, forceRefresh = true) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n let headers = {}\r\n if (isIE) {\r\n headers = {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n }\r\n }\r\n\r\n if (forceRefresh || getIsTaskProcessing(state)) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: TIMELINES_URL(setTimelinesQuery([assignmentId])),\r\n method: 'GET',\r\n headers,\r\n types: [\r\n FETCH_TIMELINE_REQUEST,\r\n {\r\n type: FETCH_TIMELINE_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapTimeline(json[0]), timelineSchema)\r\n ),\r\n },\r\n FETCH_TIMELINE_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\nconst updateTaskStatusIfNeeded = (\r\n shouldUpdateTaskStatus,\r\n taskId,\r\n assignmentId,\r\n taskDescription,\r\n dueDate\r\n) => dispatch => {\r\n if (shouldUpdateTaskStatus) {\r\n dispatch(\r\n updateTask(\r\n taskId,\r\n assignmentId,\r\n taskDescription,\r\n shouldUpdateTaskStatus,\r\n dueDate < todaysDate()\r\n )\r\n )\r\n } else {\r\n // Refresh at 5 and 10 seconds\r\n // Refresh at 60 seconds\r\n dispatch(scheduleMultipleTimelineRefresh(assignmentId, 5, 2, 60, 1))\r\n }\r\n}\r\n\r\nexport const executeTaskAction = (\r\n taskId,\r\n endpoint,\r\n taskDescription,\r\n method,\r\n assignmentId,\r\n shouldUpdateTaskStatus,\r\n dueDate\r\n) => (dispatch, getState) =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint,\r\n method:\r\n !method ||\r\n method.toUpperCase() === 'FILE' ||\r\n method.toUpperCase() === 'GDRIVE'\r\n ? 'GET'\r\n : `${method}`,\r\n headers: {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache, no-store, must-revalidate',\r\n },\r\n types: [\r\n {type: EXECUTE_TASK_ACTION_REQUEST, meta: {taskId}},\r\n {\r\n type: EXECUTE_TASK_ACTION_SUCCESS,\r\n payload: (_action, _currentState, res) => {\r\n if (method.toUpperCase() === 'FILE') {\r\n sendFileToBrowser(res)\r\n } else if (method.toUpperCase() === 'GDRIVE') {\r\n getGDrive(async auth2 => {\r\n if (auth2 === null) {\r\n notification['error']({\r\n message: GOOGLE_DRIVE_AUTH_FAILED_MESSAGE,\r\n description: GOOGLE_DRIVE_AUTH_UNEXPECTED_ERROR_MESSAGE,\r\n duration: 10,\r\n })\r\n } else {\r\n if (await uploadToGDrive(res)) {\r\n dispatch(\r\n updateTaskStatusIfNeeded(\r\n shouldUpdateTaskStatus,\r\n taskId,\r\n assignmentId,\r\n taskDescription,\r\n dueDate\r\n )\r\n )\r\n }\r\n }\r\n })\r\n }\r\n if (method.toUpperCase() !== 'GDRIVE') {\r\n dispatch(\r\n updateTaskStatusIfNeeded(\r\n shouldUpdateTaskStatus,\r\n taskId,\r\n assignmentId,\r\n taskDescription,\r\n dueDate\r\n )\r\n )\r\n }\r\n },\r\n },\r\n {\r\n type: EXECUTE_TASK_ACTION_FAILURE,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n displayFailureNotification(taskDescription, json && json.message)\r\n ),\r\n },\r\n ],\r\n },\r\n })\r\n\r\nexport const updateTask = (\r\n taskId,\r\n assignmentId,\r\n taskDescription,\r\n newStatus,\r\n refreshSummary\r\n) => dispatch => {\r\n let headers = {}\r\n if (isIE) {\r\n headers = {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n }\r\n }\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: TASK_STATUS_URL(taskId, newStatus),\r\n method: 'PUT',\r\n types: [\r\n {type: EXECUTE_TASK_ACTION_REQUEST, meta: {taskId}},\r\n {\r\n type: EXECUTE_TASK_ACTION_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n dispatch(fetchTimeline(assignmentId))\r\n if (refreshSummary) {\r\n dispatch(fetchChannelSummary())\r\n }\r\n }),\r\n },\r\n {\r\n type: EXECUTE_TASK_ACTION_FAILURE,\r\n payload: (_action, _currentState, res) =>\r\n displayFailureNotification(taskDescription),\r\n },\r\n ],\r\n headers: {'Content-Type': 'application/json', ...headers},\r\n },\r\n })\r\n}\r\n\r\nexport const toggleAddApprover = positionId => ({\r\n type: TOGGLE_ADD_APPROVER,\r\n positionId,\r\n})\r\n\r\nexport const toggleUpdateAssignmentOptions = (\r\n positionId,\r\n taskId,\r\n actionId\r\n) => ({\r\n type: TOGGLE_UPDATE_ASSIGNMENT_OPTIONS,\r\n actionId,\r\n positionId,\r\n taskId,\r\n})\r\n\r\nexport const addApprover = (approver, employeeId, positionId) => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: APPROVERS_URL(employeeId, positionId),\r\n method: 'POST',\r\n body: JSON.stringify(approver),\r\n types: [\r\n ADD_APPROVER_REQUEST,\r\n {\r\n type: ADD_APPROVER_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(() => dispatch(fetchTimeline(positionId))),\r\n },\r\n ADD_APPROVER_FAILURE,\r\n ],\r\n headers: {'Content-Type': 'application/json'},\r\n },\r\n })\r\n\r\nexport const scheduleTimelineRefresh = (\r\n id,\r\n secondsToWait,\r\n numberOfRefreshes,\r\n forceRefreshThresholdTime = 90\r\n) => dispatch => {\r\n for (let i = 1; i <= numberOfRefreshes; i += 1) {\r\n const shouldForceRefresh = secondsToWait * i < forceRefreshThresholdTime\r\n setTimeout(\r\n () => dispatch(fetchTimeline(id, shouldForceRefresh)),\r\n secondsToWait * 1000 * i\r\n )\r\n }\r\n}\r\n\r\nexport const scheduleMultipleTimelineRefresh = (\r\n id,\r\n firstDelay,\r\n firstNumberOfRefreshes,\r\n secondDelay,\r\n secondNumberOfRefreshes\r\n) => dispatch => {\r\n dispatch(scheduleTimelineRefresh(id, firstDelay, firstNumberOfRefreshes))\r\n dispatch(scheduleTimelineRefresh(id, secondDelay, secondNumberOfRefreshes))\r\n}\r\n\r\nexport const updateTaskIfNeeded = (\r\n assignmentId,\r\n taskId,\r\n newStatus,\r\n link,\r\n description,\r\n type,\r\n refreshAssignment,\r\n dueDate\r\n) => (dispatch, getState) => {\r\n const shouldExecuteTaskAction = (link && type) || false\r\n const shouldUpdateTask = newStatus || false\r\n const state = getState()\r\n\r\n if (shouldExecuteTaskAction)\r\n dispatch(\r\n executeTaskAction(\r\n taskId,\r\n link,\r\n description,\r\n type,\r\n assignmentId,\r\n shouldUpdateTask,\r\n dueDate\r\n )\r\n )\r\n\r\n if (refreshAssignment)\r\n setTimeout(() => dispatch(fetchAssignment(assignmentId)), 5000)\r\n\r\n logEventTrigger(\r\n 'TaskActionClick',\r\n description,\r\n {\r\n assignmentId,\r\n taskId,\r\n newStatus,\r\n link,\r\n description,\r\n type,\r\n refreshAssignment,\r\n dueDate,\r\n },\r\n {\r\n dimension1: getLastSelectedUserDetails(state),\r\n dimension2: getLastSelectedCompanyId(state),\r\n }\r\n )\r\n}\r\n\r\nexport const fetchTimelineAndExecuteTaskAction = (\r\n assignmentId,\r\n taskId,\r\n actionId,\r\n dueDate\r\n) => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: TIMELINES_URL(setTimelinesQuery([assignmentId])),\r\n method: 'GET',\r\n types: [\r\n FETCH_TIMELINE_REQUEST,\r\n {\r\n type: FETCH_TIMELINE_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n const data = normalize(mapTimeline(json[0]), timelineSchema)\r\n const task = data.entities.tasks[taskId]\r\n const action = task.actions.find(a => a.id === actionId)\r\n const {newStatus, link, description, type} = action\r\n\r\n dispatch(\r\n updateTaskIfNeeded(\r\n assignmentId,\r\n taskId,\r\n newStatus,\r\n link,\r\n description,\r\n type,\r\n false,\r\n dueDate\r\n )\r\n )\r\n\r\n return data\r\n }),\r\n },\r\n FETCH_TIMELINE_FAILURE,\r\n ],\r\n },\r\n })\r\n\r\nconst displayFailureNotification = (failedAction, additionalErrorText = null) =>\r\n notification['error']({\r\n message: FAILURE_NOTIFICATION_TITLE,\r\n description:\r\n !additionalErrorText || !additionalErrorText.includes('\\\\n') ? (\r\n `${failedAction} has failed ${\r\n additionalErrorText ? '- ' + additionalErrorText : ''\r\n }`\r\n ) : (\r\n <>\r\n
\r\n \r\n {`${failedAction} has failed:`}\r\n
\r\n \r\n {additionalErrorText.split('\\\\n').map((item, key) => {\r\n return (\r\n \r\n {item}\r\n
\r\n \r\n )\r\n })}\r\n
\r\n \r\n ),\r\n duration: TASK_ACTION_NOTIFICATION_DURATION,\r\n })\r\n","import {normalize} from 'normalizr'\r\nimport {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {\r\n ASSIGNMENTS_URL,\r\n ASSIGNMENT_AUDIT_LOG_URL,\r\n ASSIGNMENT_FAMILY_MEMBERS_URL,\r\n ASSIGNMENT_OPTIONS_URL,\r\n} from '../constants/api'\r\nimport {\r\n CREATE_ASSIGNMENT_FAILURE,\r\n CREATE_ASSIGNMENT_REQUEST,\r\n CREATE_ASSIGNMENT_SUCCESS,\r\n DELETE_ASSIGNMENT_DISABLE,\r\n DELETE_ASSIGNMENT_ENABLE,\r\n DELETE_ASSIGNMENT_FAILURE,\r\n DELETE_ASSIGNMENT_REQUEST,\r\n DELETE_ASSIGNMENT_SUCCESS,\r\n FETCH_ASSIGNMENT_AUDIT_LOGS_FAILURE,\r\n FETCH_ASSIGNMENT_AUDIT_LOGS_REQUEST,\r\n FETCH_ASSIGNMENT_AUDIT_LOGS_SUCCESS,\r\n FETCH_ASSIGNMENT_FAILURE,\r\n FETCH_ASSIGNMENT_FAMILY_MEMBERS_FAILURE,\r\n FETCH_ASSIGNMENT_FAMILY_MEMBERS_REQUEST,\r\n FETCH_ASSIGNMENT_FAMILY_MEMBERS_SUCCESS,\r\n FETCH_ASSIGNMENT_OPTIONS_FAILURE,\r\n FETCH_ASSIGNMENT_OPTIONS_REQUEST,\r\n FETCH_ASSIGNMENT_OPTIONS_SUCCESS,\r\n FETCH_ASSIGNMENT_REQUEST,\r\n FETCH_ASSIGNMENT_SUCCESS,\r\n UPDATE_ASSIGNMENT_FAILURE,\r\n UPDATE_ASSIGNMENT_OPTIONS_FAILURE,\r\n UPDATE_ASSIGNMENT_OPTIONS_REQUEST,\r\n UPDATE_ASSIGNMENT_OPTIONS_SUCCESS,\r\n UPDATE_ASSIGNMENT_REQUEST,\r\n UPDATE_ASSIGNMENT_SUCCESS,\r\n REJECT_ASSIGNMENT_DISABLE,\r\n REJECT_ASSIGNMENT_ENABLE,\r\n CLONE_ASSIGNMENT_ENABLE,\r\n} from '../constants/actionTypes'\r\nimport {\r\n assignmentAuditLogSchema,\r\n assignmentFamilyMemberSchema,\r\n assignmentOptionSchema,\r\n assignmentSchema,\r\n} from '../constants/schemas'\r\nimport {\r\n fetchTimeline,\r\n fetchTimelineAndExecuteTaskAction,\r\n scheduleMultipleTimelineRefresh,\r\n} from './timeline'\r\nimport {\r\n getAssignmentFamilyMembersIsFetching,\r\n getAssignmentOptionsIsFetching,\r\n} from '../selectors/assignments'\r\nimport {getChannel} from '../selectors/channels'\r\nimport {\r\n mapAssignment,\r\n mapAssignmentAuditLog,\r\n mapAssignmentFamilyMembers,\r\n mapAssignmentOptions,\r\n prepareNewAssignment,\r\n transformAssignmentOptions,\r\n} from '../utils/api'\r\nimport {isIE} from '../utils/browser'\r\nimport {navigateToDefaultChannel, fetchChannelSummary} from './channels'\r\n\r\nexport const disableDeleteAssignment = () => ({type: DELETE_ASSIGNMENT_DISABLE})\r\n\r\nexport const enableDeleteAssignment = id => ({\r\n type: DELETE_ASSIGNMENT_ENABLE,\r\n id,\r\n})\r\n\r\nexport const disableRejectAssignment = () => ({type: REJECT_ASSIGNMENT_DISABLE})\r\n\r\nexport const enableRejectAssignment = id => ({\r\n type: REJECT_ASSIGNMENT_ENABLE,\r\n id,\r\n})\r\n\r\nexport const setCopyAssignmentId = id => ({\r\n type: CLONE_ASSIGNMENT_ENABLE,\r\n id,\r\n})\r\n\r\nexport const fetchAssignment = id => dispatch => {\r\n let headers = {}\r\n if (isIE) {\r\n headers = {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n }\r\n }\r\n\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENTS_URL(id),\r\n method: 'GET',\r\n headers,\r\n types: [\r\n FETCH_ASSIGNMENT_REQUEST,\r\n {\r\n type: FETCH_ASSIGNMENT_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapAssignment(json), assignmentSchema)\r\n ),\r\n },\r\n FETCH_ASSIGNMENT_FAILURE,\r\n ],\r\n },\r\n })\r\n}\r\n\r\nexport const fetchAssignmentOptionsIfNeeded = (\r\n positionId,\r\n includeDefaults = false,\r\n includeCalculationResults = false\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n if (!getAssignmentOptionsIsFetching(state)) {\r\n let headers = {}\r\n if (isIE) {\r\n headers = {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n }\r\n }\r\n\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENT_OPTIONS_URL(\r\n positionId,\r\n includeDefaults,\r\n includeCalculationResults\r\n ),\r\n method: 'GET',\r\n headers,\r\n types: [\r\n FETCH_ASSIGNMENT_OPTIONS_REQUEST,\r\n {\r\n type: FETCH_ASSIGNMENT_OPTIONS_SUCCESS,\r\n meta: {positionId},\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapAssignmentOptions(json), [assignmentOptionSchema])\r\n ),\r\n },\r\n FETCH_ASSIGNMENT_OPTIONS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchAssignmentFamilyMembersIfNeeded = positionId => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n if (!getAssignmentFamilyMembersIsFetching(state)) {\r\n let headers = {}\r\n if (isIE) {\r\n headers = {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n }\r\n }\r\n\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENT_FAMILY_MEMBERS_URL(positionId),\r\n method: 'GET',\r\n headers,\r\n types: [\r\n FETCH_ASSIGNMENT_FAMILY_MEMBERS_REQUEST,\r\n {\r\n type: FETCH_ASSIGNMENT_FAMILY_MEMBERS_SUCCESS,\r\n meta: {positionId},\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapAssignmentFamilyMembers(json), [\r\n assignmentFamilyMemberSchema,\r\n ])\r\n ),\r\n },\r\n FETCH_ASSIGNMENT_FAMILY_MEMBERS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const createAssignment = assignment => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENTS_URL(),\r\n method: 'POST',\r\n body: JSON.stringify(prepareNewAssignment(assignment)),\r\n types: [\r\n CREATE_ASSIGNMENT_REQUEST,\r\n {\r\n type: CREATE_ASSIGNMENT_SUCCESS,\r\n payload: (_action, _state, res) =>\r\n getJSON(res).then(json => {\r\n dispatch(fetchTimeline(json.position.id))\r\n // Return to the default channel and reset the view to see the updated card\r\n dispatch(navigateToDefaultChannel())\r\n // Schedule extra refresh of new assignment card to give calcs time to run.\r\n dispatch(\r\n scheduleMultipleTimelineRefresh(json.position.id, 15, 1, 30, 4)\r\n )\r\n\r\n const normalizedData = normalize(\r\n mapAssignment(json),\r\n assignmentSchema\r\n )\r\n\r\n return {\r\n ...normalizedData,\r\n entities: {\r\n ...normalizedData.entities,\r\n employees: {\r\n [json.employee.employeeId]: json.employee,\r\n },\r\n },\r\n }\r\n }),\r\n },\r\n CREATE_ASSIGNMENT_FAILURE,\r\n ],\r\n headers: {'Content-Type': 'application/json'},\r\n },\r\n })\r\n\r\nexport const updateAssignment = (positionId, updatedAssignment) => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENTS_URL(positionId),\r\n method: 'PUT',\r\n body: JSON.stringify(prepareNewAssignment(updatedAssignment)),\r\n types: [\r\n UPDATE_ASSIGNMENT_REQUEST,\r\n {\r\n type: UPDATE_ASSIGNMENT_SUCCESS,\r\n payload: (_action, _state, res) =>\r\n getJSON(res).then(json => {\r\n dispatch(fetchTimeline(json.position.id))\r\n // Return to the default channel and reset the view to see the updated card\r\n dispatch(navigateToDefaultChannel())\r\n // Schedule extra refresh of new assignment card to give calcs time to run.\r\n dispatch(\r\n scheduleMultipleTimelineRefresh(json.position.id, 15, 1, 30, 4)\r\n )\r\n const normalizedData = normalize(\r\n mapAssignment(json),\r\n assignmentSchema\r\n )\r\n\r\n return {\r\n ...normalizedData,\r\n entities: {\r\n ...normalizedData.entities,\r\n employees: {\r\n [json.employee.employeeId]: json.employee,\r\n },\r\n },\r\n }\r\n }),\r\n },\r\n UPDATE_ASSIGNMENT_FAILURE,\r\n ],\r\n headers: {'Content-Type': 'application/json'},\r\n },\r\n })\r\n\r\nexport const deleteAssignment = positionId => (dispatch, getState) => {\r\n const state = getState()\r\n const channel = getChannel(state)\r\n\r\n dispatch(disableDeleteAssignment())\r\n dispatch(fetchChannelSummary())\r\n\r\n return dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENTS_URL(positionId),\r\n method: 'DELETE',\r\n types: [\r\n DELETE_ASSIGNMENT_REQUEST,\r\n {type: DELETE_ASSIGNMENT_SUCCESS, meta: {channel, positionId}},\r\n DELETE_ASSIGNMENT_FAILURE,\r\n ],\r\n },\r\n })\r\n}\r\n\r\nexport const updateAssignmentOptionsAndExecuteTask = (\r\n positionId,\r\n options,\r\n taskId,\r\n actionId,\r\n dueDate\r\n) => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENT_OPTIONS_URL(positionId),\r\n method: 'PUT',\r\n body: JSON.stringify(transformAssignmentOptions(options)),\r\n types: [\r\n UPDATE_ASSIGNMENT_OPTIONS_REQUEST,\r\n {\r\n type: UPDATE_ASSIGNMENT_OPTIONS_SUCCESS,\r\n payload: (_action, _state, res) =>\r\n getJSON(res).then(() =>\r\n dispatch(\r\n fetchTimelineAndExecuteTaskAction(\r\n positionId,\r\n taskId,\r\n actionId,\r\n dueDate\r\n )\r\n )\r\n ),\r\n },\r\n UPDATE_ASSIGNMENT_OPTIONS_FAILURE,\r\n ],\r\n headers: {'Content-Type': 'application/json'},\r\n },\r\n })\r\n\r\nexport const fetchAssignmentAuditLog = assignmentId => dispatch =>\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: ASSIGNMENT_AUDIT_LOG_URL(assignmentId),\r\n method: 'GET',\r\n types: [\r\n FETCH_ASSIGNMENT_AUDIT_LOGS_REQUEST,\r\n {\r\n type: FETCH_ASSIGNMENT_AUDIT_LOGS_SUCCESS,\r\n meta: {assignmentId},\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapAssignmentAuditLog(json), [assignmentAuditLogSchema])\r\n ),\r\n },\r\n FETCH_ASSIGNMENT_AUDIT_LOGS_FAILURE,\r\n ],\r\n },\r\n })\r\n","import {createSelector} from 'reselect'\r\nimport {\r\n LOCATION_TYPE_HOME_HOST_DEMOGRAPHY,\r\n LOCATION_TYPE_HOME_HOST_COMPENSATION,\r\n LOCATION_TYPE_HOME_HOST_INCOMETAX,\r\n LOCATION_TYPE_HOME_HOST_SOCIALTAX,\r\n LOCATION_TYPE_HYPO_COMPENSATION,\r\n LOCATION_TYPE_HYPO_INCOMETAX,\r\n LOCATION_TYPE_HYPO_SOCIALTAX,\r\n} from '../constants/locationTypes'\r\nimport {sortListsByProperty} from '../utils/sortBy'\r\n\r\nconst RESOURCES = state => state.initiations.resources\r\n\r\nexport const getCountriesById = state => RESOURCES(state).countries.byId\r\nexport const getEmployeesById = state => RESOURCES(state).employees.byId\r\nexport const getHomeLocationsById = state => RESOURCES(state).homeLocations.byId\r\nexport const getHostLocationsById = state => RESOURCES(state).hostLocations.byId\r\nexport const getHomeLocationsByType = state =>\r\n RESOURCES(state).homeLocations.byType\r\nexport const getHostLocationsByType = state =>\r\n RESOURCES(state).hostLocations.byType\r\nexport const getPoliciesById = state => RESOURCES(state).policies.byId\r\nexport const getCurrenciesById = state => RESOURCES(state).currencies.byId\r\nconst getDurations = state => RESOURCES(state).durations\r\nconst getEntitiesById = state => RESOURCES(state).entities.byId\r\nexport const getHomeFilingStatusesById = state =>\r\n RESOURCES(state).homeFilingStatuses.byId\r\nexport const getHostFilingStatusesById = state =>\r\n RESOURCES(state).hostFilingStatuses.byId\r\nexport const getHypoFilingStatusesById = state =>\r\n RESOURCES(state).hypoFilingStatuses.byId\r\nexport const getHostHypoFilingStatusesById = state =>\r\n RESOURCES(state).hostHypoFilingStatuses.byId\r\nconst getJobTitlesById = state => RESOURCES(state).jobTitles.byId\r\nconst getSubEntitiesById = state => RESOURCES(state).subEntities.byId\r\n\r\nexport const getCountriesIsFetching = state =>\r\n RESOURCES(state).countries.isFetching\r\nexport const getCurrenciesIsFetching = state =>\r\n RESOURCES(state).currencies.isFetching\r\nexport const getEmployeesIsFetching = state =>\r\n RESOURCES(state).employees.isFetching\r\nexport const getEntitiesIsFetching = state =>\r\n RESOURCES(state).entities.isFetching\r\nexport const getJobTitlesIsFetching = state =>\r\n RESOURCES(state).jobTitles.isFetching\r\nexport const getHomeLocationsIsFetching = state =>\r\n RESOURCES(state).homeLocations.isFetching\r\nexport const getHostLocationsIsFetching = state =>\r\n RESOURCES(state).hostLocations.isFetching\r\nexport const getPoliciesIsFetching = state =>\r\n RESOURCES(state).policies.isFetching\r\nexport const getSubEntitiesIsFetching = state =>\r\n RESOURCES(state).subEntities.isFetching\r\nexport const getHomeFilingStatusesIsFetching = state =>\r\n RESOURCES(state).homeFilingStatuses.isFetching\r\nexport const getHostFilingStatusesIsFetching = state =>\r\n RESOURCES(state).hostFilingStatuses.isFetching\r\nexport const getFilingStatusesIsFetching = state =>\r\n RESOURCES(state).homeFilingStatuses.isFetching ||\r\n RESOURCES(state).hostFilingStatuses.isFetching ||\r\n RESOURCES(state).hypoFilingStatuses.isFetching ||\r\n RESOURCES(state).hostHypoFilingStatuses.isFetching\r\n\r\nexport const getResources = createSelector(\r\n [\r\n getCountriesById,\r\n getCurrenciesById,\r\n getDurations,\r\n getEmployeesById,\r\n getEntitiesById,\r\n getJobTitlesById,\r\n getHomeLocationsById,\r\n getHomeLocationsByType,\r\n getHostLocationsById,\r\n getHostLocationsByType,\r\n getPoliciesById,\r\n getSubEntitiesById,\r\n getHomeFilingStatusesById,\r\n getHostFilingStatusesById,\r\n getHypoFilingStatusesById,\r\n getHostHypoFilingStatusesById,\r\n ],\r\n (\r\n countries,\r\n currencies,\r\n durations,\r\n employees,\r\n entities,\r\n jobTitles,\r\n homeLocations,\r\n allHomeLocations,\r\n hostLocations,\r\n allHostLocations,\r\n policies,\r\n subEntities,\r\n homeFilingStatuses,\r\n hostFilingStatuses,\r\n hypoFilingStatuses,\r\n hostHypoFilingStatuses\r\n ) => {\r\n const employeesOptions = Object.keys(employees).map(employee => {\r\n const {employeeId, nameAndId} = employees[employee]\r\n\r\n return {id: employeeId, label: nameAndId, value: employeeId}\r\n })\r\n\r\n const demographyHomeLocations =\r\n allHomeLocations[LOCATION_TYPE_HOME_HOST_DEMOGRAPHY] || {}\r\n const demographyHostLocations =\r\n allHostLocations[LOCATION_TYPE_HOME_HOST_DEMOGRAPHY] || {}\r\n const compensationHomeLocations =\r\n allHomeLocations[LOCATION_TYPE_HOME_HOST_COMPENSATION] || {}\r\n const incomeTaxHomeLocations =\r\n allHomeLocations[LOCATION_TYPE_HOME_HOST_INCOMETAX] || {}\r\n const socialTaxHomeLocations =\r\n allHomeLocations[LOCATION_TYPE_HOME_HOST_SOCIALTAX] || {}\r\n const compensationHostLocations =\r\n allHostLocations[LOCATION_TYPE_HOME_HOST_COMPENSATION] || {}\r\n const incomeTaxHostLocations =\r\n allHostLocations[LOCATION_TYPE_HOME_HOST_INCOMETAX] || {}\r\n const socialTaxHostLocations =\r\n allHostLocations[LOCATION_TYPE_HOME_HOST_SOCIALTAX] || {}\r\n const compensationHomeHypoLocations =\r\n allHomeLocations[LOCATION_TYPE_HYPO_COMPENSATION] || {}\r\n const incomeTaxHomeHypoLocations =\r\n allHomeLocations[LOCATION_TYPE_HYPO_INCOMETAX] || {}\r\n const socialTaxHomeHypoLocations =\r\n allHomeLocations[LOCATION_TYPE_HYPO_SOCIALTAX] || {}\r\n const compensationHostHypoLocations =\r\n allHostLocations[LOCATION_TYPE_HYPO_COMPENSATION] || {}\r\n const incomeTaxHostHypoLocations =\r\n allHostLocations[LOCATION_TYPE_HYPO_INCOMETAX] || {}\r\n const socialTaxHostHypoLocations =\r\n allHostLocations[LOCATION_TYPE_HYPO_SOCIALTAX] || {}\r\n\r\n return {\r\n countries: Object.values(countries),\r\n currencies: Object.values(currencies),\r\n durations,\r\n employees: employeesOptions,\r\n entities: Object.values(entities),\r\n jobTitles: Object.values(jobTitles),\r\n homeLocations: Object.values(homeLocations),\r\n hostLocations: Object.values(hostLocations),\r\n\r\n demographyHomeLocations: Object.values(demographyHomeLocations),\r\n demographyHostLocations: Object.values(demographyHostLocations),\r\n\r\n compensationHomeLocations: Object.values(compensationHomeLocations),\r\n compensationHostLocations: Object.values(compensationHostLocations),\r\n compensationHomeHypoLocations: Object.values(\r\n compensationHomeHypoLocations\r\n ),\r\n compensationHostHypoLocations: Object.values(\r\n compensationHostHypoLocations\r\n ),\r\n\r\n incomeTaxHomeLocations: Object.values(incomeTaxHomeLocations),\r\n incomeTaxHostLocations: Object.values(incomeTaxHostLocations),\r\n incomeTaxHomeHypoLocations: Object.values(incomeTaxHomeHypoLocations),\r\n incomeTaxHostHypoLocations: Object.values(incomeTaxHostHypoLocations),\r\n\r\n socialTaxHomeLocations: Object.values(socialTaxHomeLocations),\r\n socialTaxHostLocations: Object.values(socialTaxHostLocations),\r\n socialTaxHomeHypoLocations: Object.values(socialTaxHomeHypoLocations),\r\n socialTaxHostHypoLocations: Object.values(socialTaxHostHypoLocations),\r\n\r\n policies: sortListsByProperty(Object.values(policies), 'label'),\r\n subEntities: Object.values(subEntities),\r\n homeFilingStatuses: Object.values(homeFilingStatuses),\r\n hostFilingStatuses: Object.values(hostFilingStatuses),\r\n hypoFilingStatuses: Object.values(hypoFilingStatuses),\r\n hostHypoFilingStatuses: Object.values(hostHypoFilingStatuses),\r\n }\r\n }\r\n)\r\nexport const getCompensationHomeLocations = createSelector(\r\n [getResources],\r\n resources => resources.compensationHomeLocations\r\n)\r\nexport const getCompensationHostLocations = createSelector(\r\n [getResources],\r\n resources => resources.compensationHostLocations\r\n)\r\nexport const getCompensationHomeHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.compensationHomeHypoLocations\r\n)\r\nexport const getCompensationHostHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.compensationHostHypoLocations\r\n)\r\nexport const getIncomeTaxHomeLocations = createSelector(\r\n [getResources],\r\n resources => resources.incomeTaxHomeLocations\r\n)\r\nexport const getIncomeTaxHostLocations = createSelector(\r\n [getResources],\r\n resources => resources.incomeTaxHostLocations\r\n)\r\nexport const getIncomeTaxHomeHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.incomeTaxHomeHypoLocations\r\n)\r\nexport const getIncomeTaxHostHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.incomeTaxHostHypoLocations\r\n)\r\nexport const getSocialTaxHomeLocations = createSelector(\r\n [getResources],\r\n resources => resources.socialTaxHomeLocations\r\n)\r\nexport const getSocialTaxHostLocations = createSelector(\r\n [getResources],\r\n resources => resources.socialTaxHostLocations\r\n)\r\nexport const getSocialTaxHomeHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.socialTaxHomeHypoLocations\r\n)\r\nexport const getSocialTaxHostHypoLocations = createSelector(\r\n [getResources],\r\n resources => resources.socialTaxHostHypoLocations\r\n)\r\n\r\nexport const getResourcesIsFetching = createSelector(\r\n [\r\n getCountriesIsFetching,\r\n getCurrenciesIsFetching,\r\n getEmployeesIsFetching,\r\n getEntitiesIsFetching,\r\n getJobTitlesIsFetching,\r\n getHomeLocationsIsFetching,\r\n getHostLocationsIsFetching,\r\n getPoliciesIsFetching,\r\n getSubEntitiesIsFetching,\r\n ],\r\n (\r\n countriesIsFetching,\r\n currenciesIsFetching,\r\n employeesIsFetching,\r\n entitiesIsFetching,\r\n jobTitlesIsFetching,\r\n homeLocationsIsFetching,\r\n hostLocationsIsFetching,\r\n policiesIsFetching,\r\n subEntitiesIsFetching\r\n ) =>\r\n countriesIsFetching ||\r\n currenciesIsFetching ||\r\n employeesIsFetching ||\r\n entitiesIsFetching ||\r\n jobTitlesIsFetching ||\r\n homeLocationsIsFetching ||\r\n hostLocationsIsFetching ||\r\n policiesIsFetching ||\r\n subEntitiesIsFetching\r\n)\r\n","export const sortListsByProperty = (items, sortByProp) =>\r\n items.sort((a, b) => {\r\n let firstItem = a[sortByProp].toLowerCase()\r\n let secondItem = b[sortByProp].toLowerCase()\r\n return firstItem > secondItem ? 1 : secondItem > firstItem ? -1 : 0\r\n })\r\n","export const getCountry = (countries, id) =>\r\n countries && Object.keys(countries).length > 0 && id\r\n ? Object.values(countries)\r\n .filter(c => c.id === id)\r\n .reduce(c => c.value)\r\n : null\r\n\r\nexport const getCountryCode = (countries, id) => {\r\n const country = getCountry(countries, id)\r\n\r\n return country ? country.value : null\r\n}\r\n\r\nexport const getLocationId = (locations, name) => {\r\n const location = getLocationByName(locations, name)\r\n if (location && location.length > 0) {\r\n return location.reduce(c => c.id).id\r\n } else return -1\r\n}\r\n\r\nexport const getLocationCountryCode = (locations, name) => {\r\n const location = getLocationByName(locations, name)\r\n if (location && location.length > 0) {\r\n return location.reduce(c => c.code).code\r\n } else return '-1'\r\n}\r\nconst getPlanTypeAdditionalProperties = (policies, name) => {\r\n const policy = getPolicyByName(policies, name)\r\n if (policy && policy.length > 0)\r\n return JSON.parse(\r\n JSON.stringify(policy.reduce(c => c.id).additionalProperties)\r\n )\r\n return {}\r\n}\r\n\r\nexport const getPlanTypeAdditionalPropertiesByKeys = (\r\n policies,\r\n keys,\r\n planTypeCode\r\n) => {\r\n return keys.map(key => {\r\n if (key === 'hostHypoCompEnabled' || key === 'hostHypoTaxEnabled') {\r\n return {\r\n [key]: getPlanTypeAdditionalPropertiesByKey(\r\n policies,\r\n planTypeCode,\r\n key,\r\n false\r\n ),\r\n }\r\n }\r\n return {\r\n [key]: getPlanTypeAdditionalPropertiesByKey(policies, planTypeCode, key),\r\n }\r\n })\r\n}\r\nconst getPlanTypeAdditionalPropertiesByKey = (\r\n policies,\r\n name,\r\n key,\r\n defaultValue = true\r\n) => {\r\n const policyAdditionalProperties = getPlanTypeAdditionalProperties(\r\n policies,\r\n name\r\n )\r\n if (Object.keys(policyAdditionalProperties).length > 0) {\r\n return JSON.parse(policyAdditionalProperties[key])\r\n }\r\n return defaultValue\r\n}\r\n\r\nconst getLocationByName = (locations, name) => {\r\n return locations && Object.keys(locations).length > 0 && name\r\n ? Object.values(locations).filter(c => c.value === name)\r\n : null\r\n}\r\nconst getPolicyByName = (policies, name) => {\r\n return policies && Object.keys(policies).length > 0 && name\r\n ? Object.values(policies).filter(c =>\r\n typeof name === 'string' ? c.value === name : c.value === name.value\r\n )\r\n : null\r\n}\r\n","import {createSelector} from 'reselect'\r\nimport {getId} from './router'\r\n\r\nexport const getPositionTokensById = state =>\r\n state.initiations.positionTokens.byId\r\n\r\nexport const getPositionTokensIsFetching = state =>\r\n state.initiations.positionTokens.isFetching\r\n\r\nexport const getTokenSections = state => state.initiations.tokenSections\r\n\r\nexport const getPositionToken = createSelector(\r\n getId,\r\n getPositionTokensById,\r\n (id, entities) => (id in entities ? entities[id] : {})\r\n)\r\n\r\nexport const getSectionItems = createSelector(\r\n getTokenSections,\r\n getPositionToken,\r\n (sections, entity) =>\r\n Object.keys(sections).map(key => {\r\n const section = sections[key]\r\n const {name, fields} = section\r\n const result = {fields: [], id: section.id, name}\r\n\r\n for (let i = 0; i < fields.length; i += 1) {\r\n const field = fields[i]\r\n const {label, value, valueSuffix} = field\r\n const hasLabel = label in entity\r\n const hasValue = value in entity\r\n const hasValueSuffix = valueSuffix in entity\r\n\r\n if (hasLabel && hasValue) {\r\n result.fields.push({\r\n id: field.id,\r\n label: entity[label],\r\n value: entity[value],\r\n valueSuffix: hasValueSuffix ? entity[valueSuffix] : '',\r\n })\r\n }\r\n }\r\n\r\n return result\r\n })\r\n)\r\n","import {formValueSelector} from 'redux-form'\r\n\r\nexport const getForm = state => state.form\r\n\r\nexport const getFormSelector = formName => {\r\n return formName && formValueSelector(formName)\r\n}\r\n\r\n// More efficient than single method above, retrieves multiple fields at once\r\nexport const getFormFieldsValue = (state, props) => {\r\n if (props && props.formName && props.fieldsToGet) {\r\n return typeof getFormSelector(props.formName)(\r\n state,\r\n ...props.fieldsToGet\r\n ) === 'string'\r\n ? {\r\n [props.fieldsToGet[0]]: getFormSelector(props.formName)(\r\n state,\r\n ...props.fieldsToGet\r\n ),\r\n }\r\n : getFormSelector(props.formName)(state, ...props.fieldsToGet)\r\n }\r\n return null\r\n}\r\n","import {denormalize, normalize} from 'normalizr'\r\nimport {createSelector} from 'reselect'\r\nimport {\r\n accountSectionSchema,\r\n currentValuesSchema,\r\n formSectionSchema,\r\n taxSectionSchema,\r\n calculationSectionSchema,\r\n} from '../constants/schemas'\r\nimport {formatDate, nextYear, todaysDate} from '../utils/moment'\r\nimport moment from 'moment'\r\nimport {\r\n getAssignmentById,\r\n getAssignmentFamilyMembersByPositionId,\r\n getAssignmentFamilyMembersIsFetching,\r\n getAssignmentOptionsByPositionId,\r\n getAssignmentOptionsIsFetching,\r\n getAssignmentsIsFetching,\r\n getAssignmentDetailsIsFetching,\r\n getCloneAssignmentId,\r\n} from './assignments'\r\nimport {getCountriesById, getResourcesIsFetching} from './resources'\r\nimport {getCountryCode} from '../utils/resources'\r\nimport {getPositionTokensIsFetching} from './tokens'\r\nimport {getForm, getFormFieldsValue} from '../lib/selectors/FormSelectors'\r\nimport {\r\n CREATE_ASSIGNMENT_FORM,\r\n EDIT_ASSIGNMENT_FORM,\r\n UPDATE_ASSIGNMENT_OPTIONS_FORM,\r\n} from '../constants/form'\r\n\r\nconst getForms = state => state.initiations.forms\r\n\r\nexport const getStandardFormSections = createSelector(\r\n [getForms],\r\n forms =>\r\n forms.formDesign &&\r\n forms.formDesign.standardFormSections &&\r\n forms.formDesign.standardFormSections.form\r\n)\r\n\r\nexport const getBusinessRules = createSelector(\r\n [getForms],\r\n forms =>\r\n forms.formDesign &&\r\n forms.formDesign.standardFormSections &&\r\n forms.formDesign.standardFormSections.businessrules\r\n)\r\n\r\nexport const getStandardFormSectionsIsFetching = createSelector(\r\n [getForms],\r\n forms => forms.formDesign && forms.formDesign.isFetching\r\n)\r\n\r\nexport const getAccountSectionsById = state =>\r\n getForms(state).accountSections.byId\r\nexport const getTaxSectionsById = state => getForms(state).taxSections.byId\r\nexport const getCalculationSectionsById = state =>\r\n getForms(state).calculationSections.byId\r\nexport const getFamilyCustomFormFieldsById = state =>\r\n getForms(state).formFields.familyCustomFormFieldsById\r\nexport const getTaxOptionsFormFieldsById = state =>\r\n getForms(state).taxFields.taxOptionsFormFieldsById\r\nconst getFormSectionsWithoutFamilyById = state =>\r\n getForms(state).formSections.byId\r\nconst getCustomFamilySectionFormFieldIds = state =>\r\n getForms(state).formSections.customFamilySectionFormFieldIds\r\n\r\nexport const getFormSectionsById = createSelector(\r\n [getFormSectionsWithoutFamilyById, getCustomFamilySectionFormFieldIds],\r\n (formSections, familyCustomFormFieldIds) => {\r\n if (formSections.Family) {\r\n return {\r\n ...formSections,\r\n Family: {\r\n ...formSections.Family,\r\n formFields: [\r\n ...formSections.Family.formFields,\r\n ...familyCustomFormFieldIds,\r\n ],\r\n },\r\n }\r\n }\r\n\r\n return formSections\r\n }\r\n)\r\n\r\nconst getAccountFieldsById = state => getForms(state).accountFields.byId\r\nconst getTaxFieldsById = state => getForms(state).taxFields.byId\r\nconst getCalculationFieldsById = state => getForms(state).calculationFields.byId\r\nexport const getFormFieldsById = state => getForms(state).formFields.byId\r\n\r\nconst getAccountSectionIds = state => getForms(state).accountSections.ids\r\nconst getFormSectionIds = state => getForms(state).formSections.ids\r\nexport const getTaxSectionIds = state => getForms(state).taxSections.ids\r\n\r\nexport const getCalculationSectionIds = state =>\r\n getForms(state).calculationSections.ids\r\nexport const getAccountSectionsIsFetching = state =>\r\n getForms(state).accountSections.isFetching\r\nexport const getTaxSectionsIsFetching = state =>\r\n getForms(state).taxSections && getForms(state).taxSections.isFetching\r\nexport const getCalculationSectionsIsFetching = state =>\r\n getForms(state).calculationSections &&\r\n getForms(state).calculationSections.isFetching\r\nexport const getFamilyFormFieldsIsFetching = state =>\r\n getForms(state).formSections.familyFormFieldsIsFetching\r\nexport const getFormSectionsIsFetching = state =>\r\n getForms(state).formSections.isFetching\r\n\r\nexport const getAccountSectionsLastFilter = state =>\r\n getForms(state).accountSections.lastFilter\r\n\r\nexport const getInitialValues = state => getForms(state).initialValues.values\r\n\r\nexport const getAssignmentFormValues = (state, props) => {\r\n const {formName, fieldsToGet} = props\r\n const fieldValues =\r\n formName &&\r\n fieldsToGet &&\r\n getFormFieldsValue(state, {formName, fieldsToGet})\r\n\r\n const results = fieldValues\r\n ? normalize(\r\n fieldsToGet.map(fieldName => {\r\n if (\r\n fieldName.split('.')[0] === 'options' &&\r\n fieldValues['options'] !== undefined\r\n ) {\r\n return {\r\n name: fieldName,\r\n ...fieldValues['options'][fieldName.split('.')[1]],\r\n }\r\n }\r\n return {\r\n name: fieldName,\r\n value: fieldValues && fieldValues[fieldName],\r\n }\r\n }),\r\n [currentValuesSchema]\r\n ).entities.currentValues\r\n : {}\r\n return results\r\n}\r\n\r\nexport const getFormSections = createSelector(\r\n [getFormFieldsById, getFormSectionIds, getFormSectionsById],\r\n (formFields, formSectionIds, formSections) =>\r\n denormalize(formSectionIds, [formSectionSchema], {formFields, formSections})\r\n)\r\n\r\nexport const getAccountSections = createSelector(\r\n [getAccountFieldsById, getAccountSectionIds, getAccountSectionsById],\r\n (accountFields, accountSectionIds, accountSections) =>\r\n denormalize(accountSectionIds, [accountSectionSchema], {\r\n accountFields,\r\n accountSections,\r\n })\r\n)\r\n\r\nexport const getTaxSections = createSelector(\r\n [getTaxFieldsById, getTaxSectionIds, getTaxSectionsById],\r\n (taxFields, taxSectionIds, taxSections) =>\r\n denormalize(taxSectionIds, [taxSectionSchema], {taxFields, taxSections})\r\n)\r\n\r\nexport const getCalculationSections = createSelector(\r\n [\r\n getCalculationFieldsById,\r\n getCalculationSectionIds,\r\n getCalculationSectionsById,\r\n ],\r\n (calculationFields, calculationSectionIds, calculationSections) =>\r\n denormalize(calculationSectionIds, [calculationSectionSchema], {\r\n calculationFields,\r\n calculationSections,\r\n })\r\n)\r\n\r\nexport const getFormIsFetching = createSelector(\r\n [\r\n getFamilyFormFieldsIsFetching,\r\n getFormSectionsIsFetching,\r\n getResourcesIsFetching,\r\n getStandardFormSectionsIsFetching,\r\n ],\r\n (\r\n familyFormFieldsIsFetching,\r\n formSectionsIsFetching,\r\n resourcesIsFetching,\r\n standardFormSectionsIsFetching\r\n ) =>\r\n familyFormFieldsIsFetching ||\r\n formSectionsIsFetching ||\r\n resourcesIsFetching ||\r\n standardFormSectionsIsFetching\r\n)\r\n\r\nexport const getViewFormIsFetching = state =>\r\n getAssignmentOptionsIsFetching(state) ||\r\n getAssignmentsIsFetching(state) ||\r\n getFormIsFetching(state) ||\r\n getPositionTokensIsFetching(state)\r\n\r\nexport const getEditFormIsFetching = state =>\r\n getAssignmentFamilyMembersIsFetching(state) ||\r\n getAssignmentOptionsIsFetching(state) ||\r\n getAssignmentsIsFetching(state) ||\r\n getAssignmentDetailsIsFetching(state) ||\r\n getFormIsFetching(state)\r\n\r\nexport const getCreateFormIsFetching = createSelector(\r\n [getCloneAssignmentId, getFormIsFetching, getEditFormIsFetching],\r\n (cloneAssignment, isCreateFetching, isEditFetching) =>\r\n cloneAssignment ? isEditFetching : isCreateFetching\r\n)\r\n\r\nexport const getViewAssignmentFormInitialValues = createSelector(\r\n [getAssignmentOptionsByPositionId],\r\n assignmentOptions => (assignmentOptions ? {options: assignmentOptions} : null)\r\n)\r\n\r\nexport const getCreateAssignmentFormInitialValues = createSelector(\r\n [getFormFieldsById],\r\n fields => {\r\n const result = {\r\n startDate: `${todaysDate()}`,\r\n endDate: `${nextYear()}`,\r\n familyMemberRequests: [\r\n {relationshipType: 'Assignee', isOnAssignment: true},\r\n ],\r\n options: {},\r\n }\r\n\r\n setDefaults(fields, result, true)\r\n\r\n return result\r\n }\r\n)\r\n\r\nexport const getCopyAssignmentFormInitialValues = createSelector(\r\n [\r\n getAssignmentById,\r\n getAssignmentFamilyMembersByPositionId,\r\n getAssignmentOptionsByPositionId,\r\n getCountriesById,\r\n getFormFieldsById,\r\n getEditFormIsFetching,\r\n ],\r\n (\r\n assignment,\r\n assignmentFamilyMembers,\r\n assignmentOptions,\r\n countries,\r\n fields,\r\n formIsFetching\r\n ) => {\r\n if (\r\n formIsFetching ||\r\n !assignment ||\r\n !(countries && Object.keys(countries).length > 0) ||\r\n !(assignmentOptions && Object.keys(assignmentOptions).length > 0) ||\r\n !(fields && Object.keys(fields).length > 0) ||\r\n !assignmentFamilyMembers\r\n )\r\n return null\r\n\r\n const {anticipatedEndDate, homeCountryId, homeLocation, title} = assignment\r\n\r\n // Build the listing of family members to copy over by transforming the assignmentFamilyMembers object\r\n let familyMemberRequests = assignmentFamilyMembers\r\n ? Object.values(assignmentFamilyMembers)\r\n : []\r\n\r\n // If there are family members to copy over, clear out the familyMemberId (so it's not treated as an update to the source assignment's family),\r\n // and do some additional mappings, e.g. map citizenship of family members to the appropriate country, format date of birth, etc.\r\n // If there are not family members to copy over, set the defaults, i.e. relationship and isOnAssignment for the default Assignee family member\r\n familyMemberRequests =\r\n familyMemberRequests && familyMemberRequests.length > 0\r\n ? familyMemberRequests.map(familyMember => ({\r\n ...familyMember,\r\n familyMemberId: null,\r\n citizenship:\r\n familyMember.citizenship &&\r\n getCountryCode(countries, familyMember.citizenship.id),\r\n dateOfBirth: formatDate(familyMember.dateOfBirth),\r\n }))\r\n : [{relationshipType: 'Assignee', isOnAssignment: true}]\r\n\r\n // Build the basic initialValues object to copy the assignment\r\n // Clear out host based fields, e.g. hostCountryCode and Location\r\n // Increment start and end dates to start the day after the original assignment ends\r\n const result = {\r\n ...assignment,\r\n startDate: formatDate(moment(anticipatedEndDate).add(1, 'days')),\r\n familyMemberRequests,\r\n homeCountryCode: getCountryCode(countries, homeCountryId),\r\n homeLocation: homeLocation && homeLocation.name,\r\n options: assignmentOptions,\r\n positionName: title,\r\n endDate: formatDate(\r\n moment(anticipatedEndDate)\r\n .add(1, 'days')\r\n .add(1, 'years')\r\n ),\r\n hostCountryCode: null,\r\n hostLocation: null,\r\n }\r\n\r\n // Define the listing of fields that should never be cleared out\r\n const fieldNamesToPreserve = [\r\n 'General__HomeEntity__Text',\r\n 'General__HomeSubEntity__Text',\r\n 'General__HomeCompensationLocation__List',\r\n 'General__HomeIncomeTaxLocation__List',\r\n 'General__HomeSocialTaxLocation__List',\r\n 'General__HomeFilingStatus__List',\r\n 'General__HypoCompensationLocation__List',\r\n 'General__HypoIncomeTaxLocation__List',\r\n 'General__HypoSocialTaxLocation__List',\r\n 'General__HypoFilingStatus__List',\r\n ]\r\n\r\n // Define the prefixes of fields that should never be cleared out\r\n // If a field name starts with one of these prefixes then it won't be cleared out\r\n const fieldPrefixesToPreserve = ['CompensationItem_']\r\n\r\n // Define the func that determines if a field should be copied over\r\n const fieldShouldBePreserved = name =>\r\n fieldNamesToPreserve.includes(name) ||\r\n fieldPrefixesToPreserve.filter(x => name.startsWith(x)).length > 0\r\n\r\n // Loop over the Options and compare them against the fields on the form to determine what should be copied over\r\n Object.keys(result.options).forEach(x => {\r\n // Try and find the field that relates to the Option\r\n const field = fields[`options.${x}.value`]\r\n\r\n // Get the field's isVisible setting to see if it's hidden or not\r\n const isHidden =\r\n (field &&\r\n field.additionalProperties &&\r\n field.additionalProperties.isVisible) === false\r\n\r\n // Clear out the field if:\r\n // 1. It doesn't exist on the form\r\n // 2. It exists on the form but is hidden from the user\r\n // 3. It doesn't match any of the fields to preserve or field prefixes to preserve listings\r\n if ((!field || isHidden) && !fieldShouldBePreserved(x)) {\r\n delete result.options[x]\r\n }\r\n })\r\n\r\n // Loop over all initialValues props and compare them against the fields on the form to determine what should be copied over\r\n // Similar to the above loop which is just for Options\r\n Object.keys(result).forEach(x => {\r\n // If the prop is an object (e.g. Options, FamilyMemberRequests, etc.), skip it\r\n if (typeof result[x] != 'object') {\r\n // Try and find the field that relates to the prop\r\n const field = fields[x]\r\n\r\n // Get the field's isVisible setting to see if it's hidden or not\r\n const isHidden =\r\n (field &&\r\n field.additionalProperties &&\r\n field.additionalProperties.isVisible) === false\r\n\r\n // Clear out the field if:\r\n // 1. It doesn't exist on the form\r\n // 2. It exists on the form but is hidden from the user\r\n if (!field || isHidden) {\r\n delete result[x]\r\n }\r\n }\r\n })\r\n\r\n // Now that we've copied over the values from the source assignment (the assignment selected for copy), set any\r\n // default values for fields that weren't set on the source assignment, note the overwrite = false param, we don't\r\n // want to overwrite the values we've copied over, only set the field to its default value if it wasn't copied over\r\n setDefaults(fields, result, false)\r\n\r\n return result\r\n }\r\n)\r\n\r\nexport const getEditAssignmentFormInitialValues = createSelector(\r\n [\r\n getAssignmentById,\r\n getAssignmentFamilyMembersByPositionId,\r\n getAssignmentOptionsByPositionId,\r\n getCountriesById,\r\n ],\r\n (assignment, assignmentFamilyMembers, assignmentOptions, countries) => {\r\n if (!assignment || Object.keys(countries).length === 0) return null\r\n\r\n const {\r\n anticipatedEndDate,\r\n anticipatedStartDate,\r\n homeCountryId,\r\n hostCountryId,\r\n homeLocation,\r\n hostLocation,\r\n title,\r\n } = assignment\r\n\r\n let familyMemberRequests = assignmentFamilyMembers\r\n ? Object.values(assignmentFamilyMembers)\r\n : []\r\n // Map citizenship of all family members to the appropriate country.\r\n familyMemberRequests = familyMemberRequests.map(familyMember => ({\r\n ...familyMember,\r\n citizenship:\r\n familyMember.citizenship &&\r\n getCountryCode(countries, familyMember.citizenship.id),\r\n dateOfBirth: formatDate(familyMember.dateOfBirth),\r\n }))\r\n\r\n return {\r\n ...assignment,\r\n endDate: formatDate(anticipatedEndDate),\r\n familyMemberRequests,\r\n homeCountryCode: getCountryCode(countries, homeCountryId),\r\n homeLocation: homeLocation && homeLocation.name,\r\n hostCountryCode: getCountryCode(countries, hostCountryId),\r\n hostLocation: hostLocation && hostLocation.name,\r\n options: assignmentOptions,\r\n positionName: title,\r\n startDate: formatDate(anticipatedStartDate),\r\n }\r\n }\r\n)\r\n\r\nconst getCreateForm = createSelector(getForm, form => {\r\n const formName = CREATE_ASSIGNMENT_FORM\r\n const formExists = formName in form\r\n\r\n return formExists ? form[formName] : {}\r\n})\r\n\r\nexport const getCreateSubmitFailed = createSelector(\r\n getCreateForm,\r\n form => form.submitFailed\r\n)\r\nexport const getCreateSyncErrors = createSelector(\r\n getCreateForm,\r\n form => form.syncErrors\r\n)\r\nexport const getCreateAnyTouched = createSelector(\r\n getCreateForm,\r\n form => form.anyTouched\r\n)\r\n\r\nexport const getCreateErrors = createSelector(\r\n getCreateSubmitFailed,\r\n getCreateSyncErrors,\r\n (submitFailed, syncErrors) => (submitFailed && syncErrors ? syncErrors : {})\r\n)\r\n\r\nconst getEditForm = createSelector(getForm, form => {\r\n const formName = EDIT_ASSIGNMENT_FORM\r\n const formExists = formName in form\r\n\r\n return formExists ? form[formName] : {}\r\n})\r\n\r\nexport const getEditSubmitFailed = createSelector(\r\n getEditForm,\r\n form => form.submitFailed\r\n)\r\nexport const getEditSyncErrors = createSelector(\r\n getEditForm,\r\n form => form.syncErrors\r\n)\r\nexport const getEditAnyTouched = createSelector(\r\n getEditForm,\r\n form => form.anyTouched\r\n)\r\n\r\nexport const getEditErrors = createSelector(\r\n getEditSubmitFailed,\r\n getEditSyncErrors,\r\n (submitFailed, syncErrors) => (submitFailed && syncErrors ? syncErrors : {})\r\n)\r\n\r\nconst getAccountFieldIds = createSelector(\r\n getAccountFieldsById,\r\n accountFieldsById => Object.keys(accountFieldsById)\r\n)\r\nconst getAssignmentFormTabs = state => getForms(state).formSections.formTabs\r\n// Returns all form sections with their form fields\r\nconst getFormFieldsBySectionId = createSelector(\r\n [getAccountFieldIds, getFormSectionsById],\r\n (accountFields, sections) => {\r\n const sectionIds = Object.keys(sections)\r\n if (!sections || sectionIds.length === 0) return null\r\n\r\n let formFieldsBySectionId = {}\r\n let sectionId = null\r\n for (\r\n let sectionIndex = 0;\r\n sectionIndex < sectionIds.length;\r\n sectionIndex += 1\r\n ) {\r\n sectionId = sectionIds[sectionIndex]\r\n formFieldsBySectionId = {\r\n ...formFieldsBySectionId,\r\n [sectionId]: sections[sectionId].formFields,\r\n }\r\n }\r\n\r\n // Add compensation fields to the object because they are fetched separately.\r\n formFieldsBySectionId.Compensation = [...accountFields]\r\n\r\n return formFieldsBySectionId\r\n }\r\n)\r\n\r\nexport const getCreateAssignmentFormTabs = createSelector(\r\n [\r\n getAssignmentFormTabs,\r\n getFormFieldsBySectionId,\r\n getCreateErrors,\r\n getCreateAnyTouched,\r\n ],\r\n (formTabs, formSections, errors, anyTouched) => {\r\n if (!formTabs || !formSections) return null\r\n\r\n const errorKeys = errors ? Object.keys(errors) : []\r\n const formTabNames = Object.keys(formTabs)\r\n const formSectionsHasErrors = {...formTabs}\r\n\r\n for (let tabIndex = 0; tabIndex < formTabNames.length; tabIndex += 1) {\r\n // If the form hasn't been 'touched', start with hasErrors = false to clear out previous\r\n // values.\r\n if (!anyTouched)\r\n formSectionsHasErrors[formTabNames[tabIndex]].hasErrors = false\r\n\r\n for (\r\n let errorsIndex = 0;\r\n errorsIndex < errorKeys.length;\r\n errorsIndex += 1\r\n ) {\r\n if (\r\n formSections[formTabNames[tabIndex]].includes(errorKeys[errorsIndex])\r\n ) {\r\n formSectionsHasErrors[formTabNames[tabIndex]].hasErrors = true\r\n break\r\n }\r\n }\r\n }\r\n\r\n return formSectionsHasErrors\r\n }\r\n)\r\n\r\nexport const getCreateAllErrors = createSelector(\r\n [getCreateAssignmentFormTabs, getCreateErrors],\r\n (createAssignmentFormTabs, createErrors) => {\r\n const formTabs = {...createAssignmentFormTabs}\r\n const formTabNames = Object.keys(formTabs)\r\n let allCreateFormErrors = {}\r\n let errorMessage = ''\r\n\r\n for (let tabIndex = 0; tabIndex < formTabNames.length; tabIndex += 1) {\r\n if (formTabs[formTabNames[tabIndex]].errorCount > 0) {\r\n errorMessage += `- ${formTabNames[tabIndex]} tab has ${\r\n formTabs[formTabNames[tabIndex]].errorCount\r\n } error(s)\\n`\r\n }\r\n allCreateFormErrors = {\r\n ...allCreateFormErrors,\r\n ...formTabs[formTabNames[tabIndex]].errors,\r\n }\r\n }\r\n if (errorMessage.length > 0) {\r\n return {\r\n errorMessage: errorMessage,\r\n ...createErrors,\r\n ...allCreateFormErrors,\r\n }\r\n }\r\n return {\r\n ...createErrors,\r\n ...allCreateFormErrors,\r\n }\r\n }\r\n)\r\n\r\nexport const getCreateValidationErrorMessage = createSelector(\r\n getCreateAllErrors,\r\n allErrors => allErrors.errorMessage\r\n)\r\n\r\nexport const getEditAssignmentFormTabs = createSelector(\r\n [\r\n getAssignmentFormTabs,\r\n getFormFieldsBySectionId,\r\n getEditErrors,\r\n getEditAnyTouched,\r\n ],\r\n (formTabs, formSections, errors, anyTouched) => {\r\n if (!formTabs || !formSections) return null\r\n\r\n const errorKeys = errors ? Object.keys(errors) : []\r\n const formTabNames = Object.keys(formTabs)\r\n const formSectionsHasErrors = {...formTabs}\r\n\r\n for (let tabIndex = 0; tabIndex < formTabNames.length; tabIndex += 1) {\r\n // If the form hasn't been 'touched', start with hasErrors = false to clear out previous\r\n // values.\r\n if (!anyTouched)\r\n formSectionsHasErrors[formTabNames[tabIndex]].hasErrors = false\r\n\r\n for (\r\n let errorsIndex = 0;\r\n errorsIndex < errorKeys.length;\r\n errorsIndex += 1\r\n ) {\r\n if (\r\n formSections[formTabNames[tabIndex]].includes(errorKeys[errorsIndex])\r\n ) {\r\n formSectionsHasErrors[formTabNames[tabIndex]].hasErrors = true\r\n break\r\n }\r\n }\r\n }\r\n\r\n return formSectionsHasErrors\r\n }\r\n)\r\n\r\nexport const getEditAllErrors = createSelector(\r\n [getEditAssignmentFormTabs, getEditErrors],\r\n (editAssignmentFormTabs, editErrors) => {\r\n const formTabs = {...editAssignmentFormTabs}\r\n const formTabNames = Object.keys(formTabs)\r\n let allEditFormErrors = {}\r\n let errorMessage = ''\r\n\r\n for (let tabIndex = 0; tabIndex < formTabNames.length; tabIndex += 1) {\r\n if (formTabs[formTabNames[tabIndex]].errorCount > 0) {\r\n errorMessage += `- ${formTabNames[tabIndex]} tab has ${\r\n formTabs[formTabNames[tabIndex]].errorCount\r\n } error(s)\\n`\r\n }\r\n allEditFormErrors = {\r\n ...allEditFormErrors,\r\n ...formTabs[formTabNames[tabIndex]].errors,\r\n }\r\n }\r\n if (errorMessage.length > 0) {\r\n return {\r\n errorMessage: errorMessage,\r\n ...editErrors,\r\n ...allEditFormErrors,\r\n }\r\n }\r\n return {\r\n ...editErrors,\r\n ...allEditFormErrors,\r\n }\r\n }\r\n)\r\n\r\nexport const getEditValidationErrorMessage = createSelector(\r\n getEditAllErrors,\r\n allErrors => allErrors.errorMessage\r\n)\r\n\r\nconst getUpdateAssignmentOptionsForm = createSelector(getForm, form => {\r\n const formName = UPDATE_ASSIGNMENT_OPTIONS_FORM\r\n const formExists = formName in form\r\n\r\n return formExists ? form[formName] : {}\r\n})\r\nexport const getUpdateAssignmentOptionsSubmitFailed = createSelector(\r\n getUpdateAssignmentOptionsForm,\r\n form => form.submitFailed\r\n)\r\nexport const getUpdateAssignmentOptionsSyncErrors = createSelector(\r\n getUpdateAssignmentOptionsForm,\r\n form => form.syncErrors\r\n)\r\n\r\nexport const getUpdateAssignmentOptionsErrors = createSelector(\r\n getUpdateAssignmentOptionsSubmitFailed,\r\n getUpdateAssignmentOptionsSyncErrors,\r\n (submitFailed, syncErrors) => (submitFailed && syncErrors ? syncErrors : {})\r\n)\r\nconst setDefaults = (fields, result, overwrite) => {\r\n const fieldNames = Object.keys(fields)\r\n for (let i = 0; i < fieldNames.length; i += 1) {\r\n const fieldName = fieldNames[i]\r\n const field = fields[fieldName]\r\n const value =\r\n field &&\r\n field.additionalProperties &&\r\n field.additionalProperties.defaultValue\r\n if (value) {\r\n if (fieldName.includes('options.')) {\r\n // If the field is an Option, set its value\r\n const name = fieldName.replace('options.', '').replace('.value', '')\r\n const currentValue =\r\n result.options && result.options[name] && result.options[name].value\r\n if (overwrite || !currentValue) {\r\n result.options[name] = {name, value}\r\n }\r\n } else if (!fieldName.includes('.')) {\r\n // If it's just a standard field without a dot-notation naming convention, just set the value\r\n const currentValue = result[fieldName]\r\n if (overwrite || !currentValue) {\r\n result[fieldName] = value\r\n }\r\n } else {\r\n // Do nothing, not yet supported - the field is not a standard field and is a non-Option complex child object field\r\n }\r\n }\r\n }\r\n}\r\n","import {isNullOrUndefined} from 'util'\r\n\r\nexport const filteredCalculationOptionsFieldsWithColumnCount = (\r\n fields,\r\n homeCompEnabled,\r\n homeTaxEnabled,\r\n hostCompEnabled,\r\n hostTaxEnabled,\r\n homeHypoCompEnabled,\r\n homeHypoTaxEnabled,\r\n hostHypoCompEnabled,\r\n hostHypoTaxEnabled\r\n) => {\r\n const homeEnabled = homeCompEnabled || homeTaxEnabled\r\n const hostEnabled = hostCompEnabled || hostTaxEnabled\r\n const homeHypoEnabled = homeHypoCompEnabled || homeHypoTaxEnabled\r\n const hostHypoEnabled = hostHypoCompEnabled || hostHypoTaxEnabled\r\n\r\n let homeFields = []\r\n let hostFields = []\r\n let homeHypoFields = []\r\n let hostHypoFields = []\r\n\r\n let columnCount = 0\r\n let homeCompensationField = null\r\n let hostCompensationField = null\r\n let homeHypoCompensationField = null\r\n let hostHypoCompensationField = null\r\n let homeIncomeTaxField = null\r\n let hostIncomeTaxField = null\r\n let homeHypoIncomeTaxField = null\r\n let hostHypoIncomeTaxField = null\r\n let homeSocialTaxField = null\r\n let hostSocialTaxField = null\r\n let homeHypoSocialTaxField = null\r\n let hostHypoSocialTaxField = null\r\n let homeFilingStatusField = null\r\n let hostFilingStatusField = null\r\n let homeHypoFilingStatusField = null\r\n let hostHypoFilingStatusField = null\r\n\r\n if (homeEnabled) {\r\n homeFields = fields.filter(\r\n item => item.additionalProperties.homeEnabled === homeEnabled\r\n )\r\n columnCount++\r\n homeCompensationField = setFieldVisibility(\r\n filterField(homeFields, 'HomeCompensationLocation'),\r\n homeCompEnabled\r\n )\r\n\r\n homeIncomeTaxField = setFieldVisibility(\r\n filterField(homeFields, 'HomeIncomeTaxLocation'),\r\n homeTaxEnabled\r\n )\r\n homeSocialTaxField = setFieldVisibility(\r\n filterField(homeFields, 'HomeSocialTaxLocation'),\r\n homeTaxEnabled\r\n )\r\n homeFilingStatusField = setFieldVisibility(\r\n filterField(homeFields, 'HomeFilingStatus'),\r\n homeTaxEnabled\r\n )\r\n }\r\n if (hostEnabled) {\r\n hostFields = fields.filter(\r\n item => item.additionalProperties.hostEnabled === hostEnabled\r\n )\r\n columnCount++\r\n hostCompensationField = setFieldVisibility(\r\n filterField(hostFields, 'HostCompensationLocation'),\r\n hostCompEnabled\r\n )\r\n hostIncomeTaxField = setFieldVisibility(\r\n filterField(hostFields, 'HostIncomeTaxLocation'),\r\n hostTaxEnabled\r\n )\r\n hostSocialTaxField = setFieldVisibility(\r\n filterField(hostFields, 'HostSocialTaxLocation'),\r\n hostTaxEnabled\r\n )\r\n hostFilingStatusField = setFieldVisibility(\r\n filterField(hostFields, 'HostFilingStatus'),\r\n hostTaxEnabled\r\n )\r\n }\r\n if (homeHypoEnabled) {\r\n homeHypoFields = fields.filter(\r\n item => item.additionalProperties.homeHypoEnabled === homeHypoEnabled\r\n )\r\n columnCount++\r\n\r\n homeHypoCompensationField = setFieldVisibility(\r\n filterField(homeHypoFields, 'HypoCompensationLocation'),\r\n homeHypoCompEnabled\r\n )\r\n\r\n homeHypoIncomeTaxField = setFieldVisibility(\r\n filterField(homeHypoFields, 'HypoIncomeTaxLocation'),\r\n homeHypoTaxEnabled\r\n )\r\n homeHypoSocialTaxField = setFieldVisibility(\r\n filterField(homeHypoFields, 'HypoSocialTaxLocation'),\r\n homeHypoTaxEnabled\r\n )\r\n homeHypoFilingStatusField = setFieldVisibility(\r\n filterField(homeHypoFields, 'HypoFilingStatus'),\r\n homeHypoTaxEnabled\r\n )\r\n }\r\n if (hostHypoEnabled) {\r\n hostHypoFields = fields.filter(\r\n item => item.additionalProperties.hostHypoEnabled === hostHypoEnabled\r\n )\r\n columnCount++\r\n hostHypoCompensationField = setFieldVisibility(\r\n filterField(hostHypoFields, 'HostHypoCompensationLocation'),\r\n hostHypoCompEnabled\r\n )\r\n\r\n hostHypoIncomeTaxField = setFieldVisibility(\r\n filterField(hostHypoFields, 'HostHypoIncomeTaxLocation'),\r\n hostHypoTaxEnabled\r\n )\r\n hostHypoSocialTaxField = setFieldVisibility(\r\n filterField(hostHypoFields, 'HostHypoSocialTaxLocation'),\r\n hostHypoTaxEnabled\r\n )\r\n hostHypoFilingStatusField = setFieldVisibility(\r\n filterField(hostHypoFields, 'HostHypoFilingStatus'),\r\n hostHypoTaxEnabled\r\n )\r\n }\r\n return {\r\n columnCount,\r\n formFields: [\r\n homeCompensationField,\r\n hostCompensationField,\r\n homeHypoCompensationField,\r\n hostHypoCompensationField,\r\n homeIncomeTaxField,\r\n hostIncomeTaxField,\r\n homeHypoIncomeTaxField,\r\n hostHypoIncomeTaxField,\r\n homeSocialTaxField,\r\n hostSocialTaxField,\r\n homeHypoSocialTaxField,\r\n hostHypoSocialTaxField,\r\n homeFilingStatusField,\r\n hostFilingStatusField,\r\n homeHypoFilingStatusField,\r\n hostHypoFilingStatusField,\r\n ].filter(item => !isNullOrUndefined(item)),\r\n }\r\n}\r\n\r\nconst filterField = (fields, filterBy) =>\r\n fields.filter(field => {\r\n const fieldName = field.code.split('.')[1]\r\n return fieldName.includes(filterBy)\r\n })[0]\r\n\r\nconst setFieldVisibility = (field, isVisible) => {\r\n if (field) {\r\n field.additionalProperties.isVisible = isVisible\r\n }\r\n return field\r\n}\r\n\r\nexport const getAllCalculationFields = sections => {\r\n return sections\r\n .map(section => {\r\n const fields = section.calculationFields\r\n return fields.map(field => {\r\n return {\r\n isVisible: field.additionalProperties.isVisible,\r\n code: field.code,\r\n }\r\n })\r\n })\r\n .reduce((acc, val) => acc.concat(val), [])\r\n}\r\n\r\nexport const getAllCalculationFieldNames = sections => {\r\n const fields =\r\n sections &&\r\n sections[2] &&\r\n sections[2].formFields &&\r\n sections[2].formFields\r\n .map(x => x.options)\r\n .reduce((acc, val) => acc.concat(val), [])\r\n .filter(item => !isNullOrUndefined(item))\r\n\r\n return fields && fields.map(x => x.value)\r\n}\r\n","import {isNullOrUndefined} from 'util'\r\nimport {RSAA, getJSON} from 'redux-api-middleware'\r\nimport _ from 'lodash'\r\nimport {change, formValueSelector} from 'redux-form'\r\nimport {normalize} from 'normalizr'\r\nimport createBusinessRules from '../data/create/businessRules.json'\r\n// import standardFormSections from '../data/standardFormSections.json'\r\n// import standardFormSectionsForEdit from '../data/standardFormSectionsForEdit.json'\r\nimport {\r\n ACCOUNT_SECTIONS_BY_POLICY_TYPE_URL,\r\n ACCOUNT_SECTIONS_URL,\r\n FAMILY_FORM_FIELDS_URL,\r\n FORM_DESIGN_URL,\r\n FORM_SECTIONS_URL,\r\n TAX_QUESTIONS_URL,\r\n} from '../constants/api'\r\nimport {CREATE_ASSIGNMENT_FORM, EDIT_ASSIGNMENT_FORM} from '../constants/form'\r\nimport {\r\n FETCH_FORM_SECTIONS_REQUEST,\r\n FETCH_FORM_SECTIONS_SUCCESS,\r\n FETCH_FORM_SECTIONS_FAILURE,\r\n FETCH_ACCOUNT_SECTIONS_REQUEST,\r\n FETCH_ACCOUNT_SECTIONS_SUCCESS,\r\n FETCH_ACCOUNT_SECTIONS_FAILURE,\r\n FETCH_FAMILY_FORM_FIELDS_REQUEST,\r\n FETCH_FAMILY_FORM_FIELDS_SUCCESS,\r\n FETCH_FAMILY_FORM_FIELDS_FAILURE,\r\n FETCH_TAX_OPTIONS_REQUEST,\r\n FETCH_TAX_OPTIONS_SUCCESS,\r\n FETCH_TAX_OPTIONS_FAILURE,\r\n UPDATE_PREVIOUS_FORM_TAB_ERRORS,\r\n FETCH_CALCULATION_OPTIONS_REQUEST,\r\n FETCH_CALCULATION_OPTIONS_SUCCESS,\r\n FETCH_FORM_DESIGN_REQUEST,\r\n FETCH_FORM_DESIGN_SUCCESS,\r\n FETCH_FORM_DESIGN_FAILURE,\r\n} from '../constants/actionTypes'\r\nimport {\r\n accountSectionSchema,\r\n formFieldSchema,\r\n formSectionSchema,\r\n taxSectionSchema,\r\n calculationSectionSchema,\r\n} from '../constants/schemas'\r\nimport {\r\n getAccountSectionsById,\r\n getAccountSectionsIsFetching,\r\n getAccountSectionsLastFilter,\r\n getFamilyCustomFormFieldsById,\r\n getFamilyFormFieldsIsFetching,\r\n getFormSectionsIsFetching,\r\n getTaxSectionsIsFetching,\r\n getCalculationSectionsIsFetching,\r\n getStandardFormSections,\r\n getStandardFormSectionsIsFetching,\r\n getBusinessRules,\r\n} from '../selectors/form'\r\nimport {\r\n getEmployeesById,\r\n getIncomeTaxHomeLocations,\r\n getIncomeTaxHostHypoLocations,\r\n getIncomeTaxHomeHypoLocations,\r\n getIncomeTaxHostLocations,\r\n getSocialTaxHomeLocations,\r\n getSocialTaxHostLocations,\r\n getSocialTaxHomeHypoLocations,\r\n getSocialTaxHostHypoLocations,\r\n getHomeFilingStatusesById,\r\n getHostFilingStatusesById,\r\n getHypoFilingStatusesById,\r\n getHostHypoFilingStatusesById,\r\n getPoliciesById,\r\n} from '../selectors/resources'\r\nimport {\r\n mapAccountSections,\r\n mapFormFields,\r\n mapFormSections,\r\n mapTaxSections,\r\n mapCalculationSections,\r\n prepareNewTaxSectionsParams,\r\n} from '../utils/api'\r\nimport {filteredCalculationOptionsFieldsWithColumnCount} from '../utils/calculationSection'\r\nimport {\r\n getLocationId,\r\n getPlanTypeAdditionalPropertiesByKeys,\r\n} from '../utils/resources'\r\nimport {\r\n LOCATION_TYPE_HOME,\r\n LOCATION_TYPE_HOST,\r\n LOCATION_TYPE_HYPO,\r\n LOCATION_TYPE_HOST_HYPO,\r\n} from '../constants/locationTypes.js'\r\nimport {getLastSelectedCompanyFormId} from '../selectors/company'\r\n\r\n// Fetch custom form sections and combine them with the standard form sections in the JSON file.\r\nexport const fetchCustomFormSectionsWithStandardFormSectionsIfNeeded = formName => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const formSectionsIsFetching = getFormSectionsIsFetching(state)\r\n const standardFormSections = getStandardFormSections(state)\r\n const standardFormSectionsIsFetching = getStandardFormSectionsIsFetching(\r\n state\r\n )\r\n const shouldFetchStandardFormSections =\r\n standardFormSections && !standardFormSectionsIsFetching\r\n if (!formSectionsIsFetching && shouldFetchStandardFormSections) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: FORM_SECTIONS_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_FORM_SECTIONS_REQUEST,\r\n {\r\n type: FETCH_FORM_SECTIONS_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n let allFormSections = []\r\n allFormSections = [\r\n ...mapFormSections(standardFormSections.entries),\r\n ...mapFormSections(json.entries, 'options'),\r\n ]\r\n return normalize(allFormSections, [formSectionSchema])\r\n }),\r\n },\r\n FETCH_FORM_SECTIONS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchAccountSectionsIfNeeded = currentValues => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const accountSections = getAccountSectionsById(state)\r\n const planTypeCode =\r\n (currentValues &&\r\n currentValues.planTypeCode &&\r\n currentValues.planTypeCode.value) ||\r\n null\r\n if (\r\n !getAccountSectionsIsFetching(state) ||\r\n !(\r\n Object.keys(accountSections).length > 0 &&\r\n getAccountSectionsLastFilter(state) === planTypeCode\r\n )\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: planTypeCode\r\n ? ACCOUNT_SECTIONS_BY_POLICY_TYPE_URL(planTypeCode)\r\n : ACCOUNT_SECTIONS_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_ACCOUNT_SECTIONS_REQUEST,\r\n {\r\n type: FETCH_ACCOUNT_SECTIONS_SUCCESS,\r\n meta: {planTypeCode},\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n planTypeCode\r\n ? normalize(mapAccountSections(json.children), [\r\n accountSectionSchema,\r\n ])\r\n : normalize(mapAccountSections(json.entries), [\r\n accountSectionSchema,\r\n ])\r\n ),\r\n },\r\n FETCH_ACCOUNT_SECTIONS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nconst fetchFamilyFormFieldsIfNeeded = () => (dispatch, getState) => {\r\n const state = getState()\r\n const familyFormFields = getFamilyCustomFormFieldsById(state)\r\n if (\r\n !(\r\n getFamilyFormFieldsIsFetching(state) ||\r\n Object.keys(familyFormFields).length > 0\r\n )\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: FAMILY_FORM_FIELDS_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_FAMILY_FORM_FIELDS_REQUEST,\r\n {\r\n type: FETCH_FAMILY_FORM_FIELDS_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(\r\n mapFormFields(\r\n json.entries,\r\n 'familyMemberRequests[0].options',\r\n 'Family'\r\n ),\r\n [formFieldSchema]\r\n )\r\n ),\r\n },\r\n FETCH_FAMILY_FORM_FIELDS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\nconst fetchCalculationOptionsRequest = (homeLocation, hostLocation) => ({\r\n type: FETCH_CALCULATION_OPTIONS_REQUEST,\r\n meta: {homeLocation},\r\n})\r\n\r\nconst fetchCalculationOptionsSuccess = (\r\n homeLocation,\r\n hostLocation,\r\n calculationSections\r\n) => ({\r\n type: FETCH_CALCULATION_OPTIONS_SUCCESS,\r\n meta: {homeLocation, hostLocation},\r\n payload: normalize(\r\n [...mapCalculationSections(calculationSections)],\r\n [calculationSectionSchema]\r\n ),\r\n})\r\n\r\nconst filterCalculationOptionsByPlanTypeCode = (\r\n homeLocation,\r\n hostLocation,\r\n planTypeCode\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n const policies = getPoliciesById(state)\r\n const standardFormSections = getStandardFormSections(state)\r\n\r\n const calculationSection =\r\n standardFormSections &&\r\n standardFormSections.entries.filter(\r\n item => item.code === 'CalculationOptions'\r\n )[0]\r\n\r\n const calculationSections =\r\n calculationSection && calculationSection.children\r\n ? JSON.parse(JSON.stringify(calculationSection.children))\r\n : []\r\n\r\n const additionalPropsKeys = [\r\n 'homeCompEnabled',\r\n 'homeTaxEnabled',\r\n 'hostCompEnabled',\r\n 'hostTaxEnabled',\r\n 'homeHypoCompEnabled',\r\n 'homeHypoTaxEnabled',\r\n 'hostHypoCompEnabled',\r\n 'hostHypoTaxEnabled',\r\n ]\r\n\r\n const planTypeAdditionalProperties = Object.assign(\r\n {},\r\n ...getPlanTypeAdditionalPropertiesByKeys(\r\n policies,\r\n additionalPropsKeys,\r\n planTypeCode\r\n )\r\n )\r\n\r\n const isHomeCompEnabled = planTypeAdditionalProperties['homeCompEnabled']\r\n const isHomeTaxEnabled = planTypeAdditionalProperties['homeTaxEnabled']\r\n const isHostCompEnabled = planTypeAdditionalProperties['hostCompEnabled']\r\n const isHostTaxEnabled = planTypeAdditionalProperties['hostTaxEnabled']\r\n const isHomeHypoCompEnabled =\r\n planTypeAdditionalProperties['homeHypoCompEnabled']\r\n const isHomeHypoTaxEnabled =\r\n planTypeAdditionalProperties['homeHypoTaxEnabled']\r\n const isHostHypoCompEnabled =\r\n planTypeAdditionalProperties['hostHypoCompEnabled']\r\n const isHostHypoTaxEnabled =\r\n planTypeAdditionalProperties['hostHypoTaxEnabled']\r\n\r\n const calculationSectionsData = calculationSections.map(section => {\r\n const {columnCount, formFields} = {\r\n ...filteredCalculationOptionsFieldsWithColumnCount(\r\n section.children,\r\n isHomeCompEnabled,\r\n isHomeTaxEnabled,\r\n isHostCompEnabled,\r\n isHostTaxEnabled,\r\n isHomeHypoCompEnabled,\r\n isHomeHypoTaxEnabled,\r\n isHostHypoCompEnabled,\r\n isHostHypoTaxEnabled\r\n ),\r\n }\r\n section.children = formFields\r\n section.columnCount = columnCount\r\n return section\r\n })\r\n dispatch(\r\n fetchCalculationOptionsSuccess(\r\n homeLocation,\r\n hostLocation,\r\n calculationSectionsData\r\n )\r\n )\r\n}\r\n\r\nexport const fetchCalculationOptionsIfNeeded = (\r\n homeLocation,\r\n hostLocation,\r\n planTypeCode,\r\n form\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n const standardFormSection = getStandardFormSections(state)\r\n const standardFormSectionsIsFetching = getStandardFormSectionsIsFetching(\r\n state\r\n )\r\n if (\r\n !getCalculationSectionsIsFetching(state) &&\r\n standardFormSection &&\r\n !standardFormSectionsIsFetching\r\n ) {\r\n dispatch(fetchCalculationOptionsRequest(homeLocation, hostLocation))\r\n dispatch(\r\n filterCalculationOptionsByPlanTypeCode(\r\n homeLocation,\r\n hostLocation,\r\n planTypeCode\r\n )\r\n )\r\n }\r\n}\r\n\r\nexport const fetchTaxOptionsIfNeeded = (form, taxOptionsParams) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const shouldFetchTaxOptions =\r\n taxOptionsParams &&\r\n ((taxOptionsParams.incomeTaxHomeLocationId &&\r\n taxOptionsParams.incomeTaxHomeLocationId !== -1) ||\r\n (taxOptionsParams.incomeTaxHostLocationId &&\r\n taxOptionsParams.incomeTaxHostLocationId !== -1) ||\r\n (taxOptionsParams.socialTaxHomeLocationId &&\r\n taxOptionsParams.socialTaxHomeLocationId !== -1) ||\r\n (taxOptionsParams.socialTaxHostLocationId &&\r\n taxOptionsParams.socialTaxHostLocationId !== -1))\r\n\r\n if (!getTaxSectionsIsFetching(state) && shouldFetchTaxOptions) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: TAX_QUESTIONS_URL,\r\n method: 'POST',\r\n body: JSON.stringify(prepareNewTaxSectionsParams(taxOptionsParams)),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Accept: 'application/json',\r\n },\r\n types: [\r\n {\r\n type: FETCH_TAX_OPTIONS_REQUEST,\r\n meta: {\r\n incomeTaxHomeLocation: taxOptionsParams.incomeTaxHomeLocation,\r\n },\r\n },\r\n {\r\n type: FETCH_TAX_OPTIONS_SUCCESS,\r\n meta: {\r\n incomeTaxHomeLocation: taxOptionsParams.incomeTaxHomeLocation,\r\n incomeTaxHostLocation: taxOptionsParams.incomeTaxHostLocation,\r\n },\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n const section = mapTaxSections(json.entries)\r\n dispatch(setTaxFieldsDefaultValues(state, section, form))\r\n\r\n return normalize([...section], [taxSectionSchema])\r\n }),\r\n },\r\n {\r\n type: FETCH_TAX_OPTIONS_FAILURE,\r\n meta: {\r\n incomeTaxHomeLocation: taxOptionsParams.incomeTaxHomeLocation,\r\n incomeTaxHostLocation: taxOptionsParams.incomeTaxHostLocation,\r\n },\r\n },\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const setTaxFieldsDefaultValues = (\r\n state,\r\n sections,\r\n form = CREATE_ASSIGNMENT_FORM\r\n) => dispatch => {\r\n const selector = formValueSelector(form)\r\n if (Object.keys(sections).length > 0) {\r\n sections.forEach(\r\n section =>\r\n section.taxFields &&\r\n section.taxFields.forEach(field => {\r\n const newValue =\r\n field.additionalProperties &&\r\n field.additionalProperties.defaultValue\r\n if (newValue) {\r\n const currentValue = getFieldValue(state, selector, field.code)\r\n\r\n !currentValue &&\r\n dispatch(updateFieldValue(form, field.code, newValue))\r\n }\r\n })\r\n )\r\n }\r\n}\r\n\r\nexport const fetchCalculationSectionsIfNeeded = (\r\n currentValues,\r\n form = CREATE_ASSIGNMENT_FORM\r\n) => dispatch =>\r\n currentValues &&\r\n currentValues.homeLocation &&\r\n currentValues.homeLocation.value &&\r\n currentValues.hostLocation &&\r\n currentValues.hostLocation.value &&\r\n currentValues.planTypeCode &&\r\n currentValues.planTypeCode.value &&\r\n dispatch(\r\n fetchCalculationOptionsIfNeeded(\r\n currentValues.homeLocation.value,\r\n currentValues.hostLocation.value,\r\n currentValues.planTypeCode.value,\r\n form\r\n )\r\n )\r\n\r\nexport const fetchTaxSectionsIfNeeded = (\r\n currentValues,\r\n form = CREATE_ASSIGNMENT_FORM\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n\r\n const currentValueByKey = key =>\r\n currentValues && currentValues[key] && currentValues[key].value\r\n\r\n const incomeTaxHomeLocations = getIncomeTaxHomeLocations(state)\r\n const incomeTaxHostLocations = getIncomeTaxHostLocations(state)\r\n const incomeTaxHomeHypoLocations = getIncomeTaxHomeHypoLocations(state)\r\n const incomeTaxHostHypoLocations = getIncomeTaxHostHypoLocations(state)\r\n const socialTaxHomeLocations = getSocialTaxHomeLocations(state)\r\n const socialTaxHostLocations = getSocialTaxHostLocations(state)\r\n const socialTaxHomeHypoLocations = getSocialTaxHomeHypoLocations(state)\r\n const socialTaxHostHypoLocations = getSocialTaxHostHypoLocations(state)\r\n\r\n const incomeTaxHomeLocationId = getLocationId(\r\n incomeTaxHomeLocations,\r\n currentValueByKey(['options.General__HomeIncomeTaxLocation__List.value'])\r\n )\r\n const incomeTaxHostLocationId = getLocationId(\r\n incomeTaxHostLocations,\r\n currentValueByKey(['options.General__HostIncomeTaxLocation__List.value'])\r\n )\r\n const incomeTaxHomeHypoLocationId = getLocationId(\r\n incomeTaxHomeHypoLocations,\r\n currentValueByKey(['options.General__HypoIncomeTaxLocation__List.value'])\r\n )\r\n const incomeTaxHostHypoLocationId = getLocationId(\r\n incomeTaxHostHypoLocations,\r\n currentValueByKey([\r\n 'options.General__HostHypoIncomeTaxLocation__List.value',\r\n ])\r\n )\r\n const socialTaxHomeLocationId = getLocationId(\r\n socialTaxHomeLocations,\r\n currentValueByKey(['options.General__HomeSocialTaxLocation__List.value'])\r\n )\r\n const socialTaxHostLocationId = getLocationId(\r\n socialTaxHostLocations,\r\n currentValueByKey(['options.General__HostSocialTaxLocation__List.value'])\r\n )\r\n const socialTaxHomeHypoLocationId = getLocationId(\r\n socialTaxHomeHypoLocations,\r\n currentValueByKey(['options.General__HypoSocialTaxLocation__List.value'])\r\n )\r\n const socialTaxHostHypoLocationId = getLocationId(\r\n socialTaxHostHypoLocations,\r\n currentValueByKey([\r\n 'options.General__HostHypoSocialTaxLocation__List.value',\r\n ])\r\n )\r\n const planTypeCode = currentValueByKey(['planTypeCode']) || ''\r\n\r\n const taxSectionParams = {\r\n incomeTaxHomeLocationId,\r\n incomeTaxHostLocationId,\r\n socialTaxHomeLocationId,\r\n socialTaxHostLocationId,\r\n incomeTaxHomeHypoLocationId,\r\n socialTaxHomeHypoLocationId,\r\n incomeTaxHostHypoLocationId,\r\n socialTaxHostHypoLocationId,\r\n planTypeCode,\r\n }\r\n\r\n dispatch(fetchTaxOptionsIfNeeded(form, taxSectionParams))\r\n}\r\n\r\nexport const fetchFormSectionsIfNeeded = (\r\n currentValues,\r\n formName\r\n) => async dispatch => {\r\n const isEditMode = formName === EDIT_ASSIGNMENT_FORM\r\n const hasFormDesignsFetched = await dispatch(\r\n fetchFormDesignsIfNeeded(isEditMode)\r\n )\r\n if (\r\n !isNullOrUndefined(hasFormDesignsFetched && hasFormDesignsFetched.payload)\r\n ) {\r\n // This ensures that the custom form fields are fetched before the family custom form fields.\r\n Promise.all([\r\n dispatch(\r\n fetchCustomFormSectionsWithStandardFormSectionsIfNeeded(formName)\r\n ),\r\n dispatch(fetchAccountSectionsIfNeeded(currentValues)),\r\n ]).then(() => {\r\n dispatch(fetchFamilyFormFieldsIfNeeded())\r\n dispatch(fetchTaxSectionsIfNeeded(currentValues, formName))\r\n dispatch(fetchCalculationSectionsIfNeeded(currentValues))\r\n })\r\n }\r\n}\r\n\r\nconst executeBusinessRule = (\r\n state,\r\n ruleFormula,\r\n previousValues,\r\n currentValues,\r\n currentValue,\r\n selector,\r\n formName\r\n) =>\r\n // eslint-disable-next-line\r\n Function(\r\n 'state',\r\n 'previousValues',\r\n 'currentValues',\r\n 'currentValue',\r\n 'selector',\r\n 'formName',\r\n `'use strict'; return (${ruleFormula})`\r\n )(state, previousValues, currentValues, currentValue, selector, formName)\r\n\r\nconst runBusinessRule = (\r\n dispatch,\r\n state,\r\n rule,\r\n previousValues,\r\n currentValues,\r\n selector,\r\n formName\r\n) => {\r\n const currentValue = getFieldValue(state, selector, rule.target)\r\n const newValue = executeBusinessRule(\r\n state,\r\n rule.formula,\r\n previousValues,\r\n currentValues,\r\n currentValue,\r\n selector,\r\n formName\r\n )\r\n if ((!currentValue && newValue) || newValue !== currentValue) {\r\n const overwrite =\r\n rule.overwrite === true ||\r\n executeBusinessRule(\r\n state,\r\n rule.overwrite,\r\n previousValues,\r\n currentValues,\r\n currentValue,\r\n selector,\r\n formName\r\n )\r\n if (overwrite) {\r\n dispatch(updateFieldValue(formName, rule.target, newValue))\r\n }\r\n }\r\n}\r\n\r\nexport const executeEmployeeAutofillIfNeeded = (\r\n previousValues,\r\n currentValues\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n\r\n // First execute known business rules - autofill form based on existing employee\r\n const employeeAutoFillIsNeeded =\r\n currentValues.employeeId && currentValues.employeeId.value\r\n\r\n if (employeeAutoFillIsNeeded) {\r\n const employee = getEmployeesById(state)[currentValues.employeeId.value]\r\n if (employee) {\r\n dispatch(\r\n updateFieldValue(\r\n CREATE_ASSIGNMENT_FORM,\r\n 'firstName',\r\n employee.firstName\r\n )\r\n )\r\n dispatch(\r\n updateFieldValue(CREATE_ASSIGNMENT_FORM, 'lastName', employee.lastName)\r\n )\r\n\r\n if (employee.homeLocation && employee.homeLocation.name) {\r\n dispatch(\r\n updateFieldValue(\r\n CREATE_ASSIGNMENT_FORM,\r\n 'homeLocation',\r\n employee.homeLocation.name\r\n )\r\n )\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport const setDefaultFilingStatusIfNeeded = (locationType, form) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n let filingStatuses = {}\r\n let fieldName = ''\r\n switch (locationType) {\r\n case LOCATION_TYPE_HOME:\r\n filingStatuses = getHomeFilingStatusesById(state)\r\n fieldName = 'options.General__HomeFilingStatus__List.value'\r\n break\r\n case LOCATION_TYPE_HOST:\r\n filingStatuses = getHostFilingStatusesById(state)\r\n fieldName = 'options.General__HostFilingStatus__List.value'\r\n break\r\n case LOCATION_TYPE_HYPO:\r\n filingStatuses = getHypoFilingStatusesById(state)\r\n fieldName = 'options.General__HypoFilingStatus__List.value'\r\n break\r\n case LOCATION_TYPE_HOST_HYPO:\r\n filingStatuses = getHostHypoFilingStatusesById(state)\r\n fieldName = 'options.General__HostHypoFilingStatus__List.value'\r\n break\r\n default:\r\n filingStatuses = {}\r\n fieldName = ''\r\n }\r\n if (Object.keys(filingStatuses).length === 1 && fieldName !== '') {\r\n dispatch(\r\n updateFieldValue(form, fieldName, Object.values(filingStatuses)[0].value)\r\n )\r\n }\r\n}\r\n\r\nexport const updateFieldValue = (form, fieldName, newValue) => dispatch =>\r\n dispatch(change(form, fieldName, newValue))\r\n\r\nexport const getFieldValue = (state, selector, fieldName) =>\r\n selector(state, fieldName)\r\n\r\nexport const getFormFieldValue = (state, form, fieldName) =>\r\n getFieldValue(state, formValueSelector(form), fieldName)\r\n\r\nexport const executeBusinessRulesIfNeeded = (\r\n previousValues,\r\n currentValues,\r\n formName\r\n) => (dispatch, getState) => {\r\n const state = getState()\r\n\r\n // Then execute dynamic business rules\r\n let businessRules = getBusinessRules(state)\r\n let initValues = _.isEmpty(businessRules)\r\n ? createBusinessRules\r\n : businessRules\r\n\r\n // Define the formValue selector to get a handle on current values\r\n const selector = formValueSelector(formName)\r\n\r\n if (initValues && Object.keys(initValues).length > 0) {\r\n Object.keys(initValues).forEach(key => {\r\n const rule = initValues[key]\r\n if (rule)\r\n runBusinessRule(\r\n dispatch,\r\n state,\r\n rule,\r\n previousValues,\r\n currentValues,\r\n selector,\r\n formName\r\n )\r\n })\r\n }\r\n}\r\n\r\nexport const updatePreviousFormTabErrors = (\r\n errors,\r\n formSectionId,\r\n previousFormSectionId\r\n) => ({\r\n type: UPDATE_PREVIOUS_FORM_TAB_ERRORS,\r\n errors,\r\n formSectionId,\r\n previousFormSectionId,\r\n})\r\n\r\nexport const fetchFormDesignsIfNeeded = (isEditing = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const formId = getLastSelectedCompanyFormId(state)\r\n if (formId) {\r\n return dispatch({\r\n [RSAA]: {\r\n endpoint: FORM_DESIGN_URL(formId, isEditing),\r\n method: 'GET',\r\n types: [\r\n FETCH_FORM_DESIGN_REQUEST,\r\n {\r\n type: FETCH_FORM_DESIGN_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res)\r\n .then(json => {\r\n return {\r\n form: JSON.parse(json.form),\r\n businessrules: JSON.parse(json.businessrules),\r\n }\r\n })\r\n .catch(error => console.log(error)),\r\n },\r\n FETCH_FORM_DESIGN_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n","import {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {normalize} from 'normalizr'\r\nimport {\r\n FETCH_COUNTRIES_SUCCESS,\r\n FETCH_COUNTRIES_REQUEST,\r\n FETCH_COUNTRIES_FAILURE,\r\n FETCH_POLICIES_SUCCESS,\r\n FETCH_POLICIES_REQUEST,\r\n FETCH_POLICIES_FAILURE,\r\n FETCH_CURRENCIES_SUCCESS,\r\n FETCH_CURRENCIES_REQUEST,\r\n FETCH_CURRENCIES_FAILURE,\r\n FETCH_EMPLOYEES_SUCCESS,\r\n FETCH_EMPLOYEES_REQUEST,\r\n FETCH_EMPLOYEES_FAILURE,\r\n FETCH_ENTITIES_SUCCESS,\r\n FETCH_ENTITIES_REQUEST,\r\n FETCH_ENTITIES_FAILURE,\r\n FETCH_JOB_TITLES_SUCCESS,\r\n FETCH_JOB_TITLES_REQUEST,\r\n FETCH_JOB_TITLES_FAILURE,\r\n FETCH_HOME_LOCATIONS_SUCCESS,\r\n FETCH_HOME_LOCATIONS_REQUEST,\r\n FETCH_HOME_LOCATIONS_FAILURE,\r\n FETCH_HOST_LOCATIONS_SUCCESS,\r\n FETCH_HOST_LOCATIONS_REQUEST,\r\n FETCH_HOST_LOCATIONS_FAILURE,\r\n FETCH_SUB_ENTITIES_SUCCESS,\r\n FETCH_SUB_ENTITIES_REQUEST,\r\n FETCH_SUB_ENTITIES_FAILURE,\r\n FETCH_FILING_STATUS_REQUEST,\r\n FETCH_FILING_STATUS_SUCCESS,\r\n FETCH_FILING_STATUS_FAILURE,\r\n SET_NEW_EMPLOYEE,\r\n} from '../constants/actionTypes'\r\nimport {\r\n RESOURCES_COUNTRIES_URL,\r\n RESOURCES_CURRENCIES_URL,\r\n RESOURCES_EMPLOYEES_URL,\r\n RESOURCES_ENTITIES_URL,\r\n RESOURCES_JOB_TITLES_URL,\r\n RESOURCES_HOME_LOCATIONS_URL,\r\n RESOURCES_HOST_LOCATIONS_URL,\r\n RESOURCES_POLICIES_URL,\r\n RESOURCES_SUB_ENTITIES_URL,\r\n RESOURCES_FILING_STATUS_URL,\r\n} from '../constants/api'\r\nimport {\r\n countrySchema,\r\n currencySchema,\r\n employeeSchema,\r\n entitySchema,\r\n jobTitleSchema,\r\n locationSchema,\r\n policySchema,\r\n subEntitySchema,\r\n filingStatusSchema,\r\n} from '../constants/schemas'\r\nimport {\r\n getCountriesIsFetching,\r\n getCurrenciesIsFetching,\r\n getEmployeesIsFetching,\r\n getEntitiesIsFetching,\r\n getJobTitlesIsFetching,\r\n getHomeLocationsIsFetching,\r\n getHostLocationsIsFetching,\r\n getPoliciesIsFetching,\r\n getResources,\r\n getSubEntitiesIsFetching,\r\n getHomeLocationsById,\r\n getHostLocationsById,\r\n getEmployeesById,\r\n} from '../selectors/resources'\r\nimport {\r\n mapDataList,\r\n mapLocations,\r\n mapFilingStatuses,\r\n mapPolicyList,\r\n} from '../utils/api'\r\nimport {getLocationCountryCode} from '../utils/resources'\r\nimport {\r\n LOCATION_TYPE_HOME,\r\n LOCATION_TYPE_HOST,\r\n LOCATION_TYPE_HYPO,\r\n LOCATION_TYPE_HOST_HYPO,\r\n} from '../constants/locationTypes'\r\nimport {isNullOrUndefined} from 'util'\r\nimport {setDefaultFilingStatusIfNeeded} from './form'\r\nimport {CREATE_ASSIGNMENT_FORM} from '../constants/form'\r\n\r\nexport const fetchCountriesIfNeeded = () => (dispatch, getState) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getCountriesIsFetching(state) ||\r\n Object.keys(resources.countries).length > 0\r\n )\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_COUNTRIES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_COUNTRIES_REQUEST,\r\n {\r\n type: FETCH_COUNTRIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapDataList(json.entries), [countrySchema])\r\n ),\r\n },\r\n FETCH_COUNTRIES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchPoliciesIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getPoliciesIsFetching(state) || Object.keys(resources.policies).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_POLICIES_URL,\r\n method: 'GET',\r\n // NOTE: Disabling cache for the policies fetch to mitigate caching issue where\r\n // the policy field wouldn't show because the cached policies would be an empty array.\r\n headers: {\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n },\r\n types: [\r\n FETCH_POLICIES_REQUEST,\r\n {\r\n type: FETCH_POLICIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapPolicyList(json.entries), [policySchema])\r\n ),\r\n },\r\n FETCH_POLICIES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchCurrenciesIfNeeded = () => (dispatch, getState) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getCurrenciesIsFetching(state) ||\r\n Object.keys(resources.currencies).length > 0\r\n )\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_CURRENCIES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_CURRENCIES_REQUEST,\r\n {\r\n type: FETCH_CURRENCIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapDataList(json.entries), [currencySchema])\r\n ),\r\n },\r\n FETCH_CURRENCIES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchEmployeesIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getEmployeesIsFetching(state) ||\r\n Object.keys(resources.employees).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_EMPLOYEES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_EMPLOYEES_REQUEST,\r\n {\r\n type: FETCH_EMPLOYEES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => normalize(json, [employeeSchema])),\r\n },\r\n FETCH_EMPLOYEES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchEntitiesIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getEntitiesIsFetching(state) || Object.keys(resources.entities).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_ENTITIES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_ENTITIES_REQUEST,\r\n {\r\n type: FETCH_ENTITIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapDataList(json.entries), [entitySchema])\r\n ),\r\n },\r\n FETCH_ENTITIES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchJobTitlesIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getJobTitlesIsFetching(state) ||\r\n Object.keys(resources.jobTitles).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_JOB_TITLES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_JOB_TITLES_REQUEST,\r\n {\r\n type: FETCH_JOB_TITLES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapDataList(json.entries), [jobTitleSchema])\r\n ),\r\n },\r\n FETCH_JOB_TITLES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchHomeLocationsIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getHomeLocationsIsFetching(state) ||\r\n Object.keys(resources.homeLocations).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_HOME_LOCATIONS_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_HOME_LOCATIONS_REQUEST,\r\n {\r\n type: FETCH_HOME_LOCATIONS_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapLocations(json.entries), [locationSchema])\r\n ),\r\n },\r\n FETCH_HOME_LOCATIONS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchHostLocationsIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getHostLocationsIsFetching(state) ||\r\n Object.keys(resources.hostLocations).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_HOST_LOCATIONS_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_HOST_LOCATIONS_REQUEST,\r\n {\r\n type: FETCH_HOST_LOCATIONS_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapLocations(json.entries), [locationSchema])\r\n ),\r\n },\r\n FETCH_HOST_LOCATIONS_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const fetchSubEntitiesIfNeeded = (forceReload = false) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const resources = getResources(state)\r\n if (\r\n !(\r\n getSubEntitiesIsFetching(state) ||\r\n Object.keys(resources.subEntities).length > 0\r\n ) ||\r\n forceReload\r\n ) {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_SUB_ENTITIES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_SUB_ENTITIES_REQUEST,\r\n {\r\n type: FETCH_SUB_ENTITIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapDataList(json.entries), [subEntitySchema])\r\n ),\r\n },\r\n FETCH_SUB_ENTITIES_FAILURE,\r\n ],\r\n },\r\n })\r\n }\r\n}\r\n\r\nconst fetchFilingStatusIfNeeded = (location, locationType, form) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n let locations = []\r\n\r\n switch (locationType) {\r\n case LOCATION_TYPE_HOME:\r\n locations = getHomeLocationsById(state)\r\n break\r\n case LOCATION_TYPE_HOST:\r\n locations = getHostLocationsById(state)\r\n break\r\n case LOCATION_TYPE_HYPO:\r\n locations = getHomeLocationsById(state)\r\n break\r\n case LOCATION_TYPE_HOST_HYPO:\r\n locations = getHostLocationsById(state)\r\n break\r\n default:\r\n locations = []\r\n }\r\n const countryCode = getLocationCountryCode(locations, location)\r\n Promise.all([\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: RESOURCES_FILING_STATUS_URL(countryCode),\r\n method: 'GET',\r\n types: [\r\n {\r\n type: FETCH_FILING_STATUS_REQUEST(locationType),\r\n meta: {locationType: locationType},\r\n },\r\n {\r\n type: FETCH_FILING_STATUS_SUCCESS(locationType),\r\n meta: {locationType: locationType},\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json =>\r\n normalize(mapFilingStatuses(json.children || []), [\r\n filingStatusSchema,\r\n ])\r\n ),\r\n },\r\n {\r\n type: FETCH_FILING_STATUS_FAILURE(locationType),\r\n meta: {locationType: locationType},\r\n },\r\n ],\r\n },\r\n }),\r\n ]).then(() => {\r\n dispatch(setDefaultFilingStatusIfNeeded(locationType, form))\r\n })\r\n}\r\n\r\nexport const fetchFilingStatusOnLocationChange = (\r\n location,\r\n locationType,\r\n form = CREATE_ASSIGNMENT_FORM\r\n) => dispatch =>\r\n dispatch(fetchFilingStatusIfNeeded(location, locationType, form))\r\n\r\nexport const setTemporaryEmployee = employee => {\r\n return {\r\n type: SET_NEW_EMPLOYEE,\r\n meta: {\r\n employee: {[employee.employeeId]: employee},\r\n },\r\n }\r\n}\r\n\r\nexport const updateEmployeesIfNeeded = (previousValues, currentValues) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const selectedEmployee = {\r\n employeeId: currentValues.employeeId.value,\r\n nameAndId: currentValues.employeeId.value,\r\n firstName: '',\r\n lastName: '',\r\n fullName: '',\r\n companyId: undefined,\r\n homeLocation: undefined,\r\n }\r\n const employee = getEmployeesById(state)[currentValues.employeeId.value]\r\n const isNewEmployee = isNullOrUndefined(employee)\r\n const isCurrentValueUndefined = isNullOrUndefined(\r\n currentValues.employeeId.value\r\n )\r\n if (isNewEmployee && !isCurrentValueUndefined)\r\n dispatch(setTemporaryEmployee(selectedEmployee))\r\n}\r\n\r\nexport const fetchResourcesIfNeeded = (forceReload = false) => dispatch => {\r\n dispatch(fetchCountriesIfNeeded())\r\n dispatch(fetchCurrenciesIfNeeded())\r\n dispatch(fetchEmployeesIfNeeded(forceReload))\r\n dispatch(fetchEntitiesIfNeeded(forceReload))\r\n dispatch(fetchJobTitlesIfNeeded(forceReload))\r\n dispatch(fetchHomeLocationsIfNeeded(forceReload))\r\n dispatch(fetchHostLocationsIfNeeded(forceReload))\r\n dispatch(fetchPoliciesIfNeeded(forceReload))\r\n dispatch(fetchSubEntitiesIfNeeded(forceReload))\r\n}\r\n","import getFormValues from 'redux-form/es/getFormValues'\r\nimport {createSelector} from 'reselect'\r\nimport {CREATE_ASSIGNMENT_FORM} from '../constants/form'\r\n\r\nexport const getReduxForm = state => state.form\r\n\r\nexport const getCreateAssignmentFormValues = state =>\r\n getFormValues(CREATE_ASSIGNMENT_FORM)(state) || {}\r\n\r\nexport const getCreateAssignmentStartDate = createSelector(\r\n getCreateAssignmentFormValues,\r\n values => values.startDate\r\n)\r\n","import {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {normalize} from 'normalizr'\r\nimport {isNullOrUndefined} from 'util'\r\nimport {\r\n IDENTITY_FETCH_COMPANIES_URL,\r\n IDENTITY_SELECT_COMPANY_URL,\r\n} from '../constants/api'\r\nimport {\r\n FETCH_COMPANIES_REQUEST,\r\n FETCH_COMPANIES_SUCCESS,\r\n FETCH_COMPANIES_FAILURE,\r\n FETCH_LAST_SELECTED_COMPANY,\r\n UPDATE_SELECTED_COMPANY_SUCCESS,\r\n UPDATE_SELECTED_COMPANY_REQUEST,\r\n UPDATE_SELECTED_COMPANY_FAILURE,\r\n} from '../constants/actionTypes'\r\nimport {MY_PAST_DUE_CHANNEL_ID} from '../constants/channels'\r\nimport {companySchema} from '../constants/schemas'\r\nimport {mapCompanyList} from '../utils/api'\r\nimport {getCompaniesById} from '../selectors/company'\r\nimport {makeRoute} from '../utils/router'\r\nimport {INDEX_PATH} from '../constants/router'\r\nimport {navigateToDefaultChannel, fetchChannelSummary} from './channels'\r\nimport {navigateTo} from './navigation'\r\n\r\nexport const fetchCompaniesIfNeeded = () => dispatch => {\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: IDENTITY_FETCH_COMPANIES_URL,\r\n method: 'GET',\r\n types: [\r\n FETCH_COMPANIES_REQUEST,\r\n {\r\n type: FETCH_COMPANIES_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n const companyList = json\r\n const companies = normalize(mapCompanyList(json), [companySchema])\r\n\r\n let defaultSelectedCompany = ''\r\n let defaultFormId = null\r\n let defaultFormRecordTitle = ''\r\n let defaultMessages = null\r\n let defaultIsCopyAssignmentDisabled = false\r\n\r\n for (let company of companyList) {\r\n if (company.isActive) {\r\n defaultSelectedCompany = company.companyCode\r\n defaultFormId =\r\n company.additionalProperties &&\r\n company.additionalProperties.formId\r\n defaultFormRecordTitle =\r\n company.additionalProperties &&\r\n company.additionalProperties.formRecordTitle\r\n defaultMessages =\r\n company.additionalProperties &&\r\n company.additionalProperties.messages\r\n defaultIsCopyAssignmentDisabled =\r\n company.additionalProperties &&\r\n company.additionalProperties.isCopyAssignmentDisabled\r\n break\r\n }\r\n }\r\n if (defaultSelectedCompany === '') {\r\n defaultSelectedCompany = companyList[0].companyCode\r\n defaultFormId =\r\n companyList[0].additionalProperties &&\r\n companyList[0].additionalProperties.formId\r\n defaultFormRecordTitle =\r\n companyList[0].additionalProperties &&\r\n companyList[0].additionalProperties.formRecordTitle\r\n defaultMessages =\r\n companyList[0].additionalProperties &&\r\n companyList[0].additionalProperties.messages\r\n defaultIsCopyAssignmentDisabled =\r\n companyList[0].additionalProperties &&\r\n companyList[0].additionalProperties.isCopyAssignmentDisabled\r\n }\r\n\r\n dispatch(\r\n fetchSelectedCompany(\r\n defaultSelectedCompany,\r\n defaultFormId,\r\n defaultFormRecordTitle,\r\n defaultMessages,\r\n defaultIsCopyAssignmentDisabled\r\n )\r\n )\r\n return companies\r\n }),\r\n },\r\n FETCH_COMPANIES_FAILURE,\r\n ],\r\n },\r\n })\r\n}\r\n\r\nexport const fetchSelectedCompany = (\r\n company,\r\n formId,\r\n formRecordTitle,\r\n messages,\r\n isCopyAssignmentDisabled\r\n) => ({\r\n type: FETCH_LAST_SELECTED_COMPANY,\r\n company,\r\n formId,\r\n formRecordTitle,\r\n messages,\r\n isCopyAssignmentDisabled,\r\n})\r\n\r\nexport const updateLastSelectedCompany = (previousCompany, currentCompany) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const state = getState()\r\n const companies = getCompaniesById(state)\r\n const selectedCompany = companies[currentCompany]\r\n const selectedFormId =\r\n selectedCompany.additionalProperties &&\r\n selectedCompany.additionalProperties.formId\r\n const selectedFormRecordTitle =\r\n selectedCompany.additionalProperties &&\r\n selectedCompany.additionalProperties.formRecordTitle\r\n const selectedMessages =\r\n selectedCompany.additionalProperties &&\r\n selectedCompany.additionalProperties.messages\r\n const selectedIsCopyAssignmentDisabled =\r\n selectedCompany.additionalProperties &&\r\n selectedCompany.additionalProperties.isCopyAssignmentDisabled\r\n\r\n const hasCompanyChanged =\r\n previousCompany && previousCompany !== currentCompany\r\n\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: IDENTITY_SELECT_COMPANY_URL(selectedCompany.id),\r\n method: 'POST',\r\n types: [\r\n {\r\n type: UPDATE_SELECTED_COMPANY_REQUEST,\r\n meta: {hasCompanyChanged},\r\n },\r\n {\r\n type: UPDATE_SELECTED_COMPANY_SUCCESS,\r\n payload: (_action, _currentState, res) =>\r\n getJSON(res).then(json => {\r\n const updatedCompany = json.companyCode\r\n dispatch(\r\n fetchSelectedCompany(\r\n updatedCompany,\r\n selectedFormId,\r\n selectedFormRecordTitle,\r\n selectedMessages,\r\n selectedIsCopyAssignmentDisabled\r\n )\r\n )\r\n if (!isNullOrUndefined(previousCompany)) {\r\n dispatch(\r\n navigateTo(\r\n makeRoute({\r\n path: INDEX_PATH,\r\n })\r\n )\r\n )\r\n if (\r\n selectedCompany &&\r\n selectedCompany.value !== updatedCompany\r\n ) {\r\n dispatch(navigateToDefaultChannel())\r\n }\r\n dispatch(fetchChannelSummary(MY_PAST_DUE_CHANNEL_ID))\r\n }\r\n }),\r\n },\r\n UPDATE_SELECTED_COMPANY_FAILURE,\r\n ],\r\n },\r\n })\r\n}\r\n","import {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {MAIL_URL} from '../constants/api'\r\nimport {\r\n SEND_MAIL_REQUEST,\r\n SEND_MAIL_SUCCESS,\r\n SEND_MAIL_FAILURE,\r\n} from '../constants/actionTypes'\r\nimport {\r\n MAIL_ID,\r\n MAIL_SUBJECT,\r\n FIRST_NAME,\r\n LAST_NAME,\r\n MAIL_TYPE,\r\n} from '../constants/mail'\r\nconst requestBody = state => {\r\n return {\r\n recipients: [\r\n {\r\n firstName: FIRST_NAME,\r\n lastName: LAST_NAME,\r\n email: MAIL_ID,\r\n },\r\n ],\r\n type: MAIL_TYPE,\r\n name: MAIL_SUBJECT,\r\n tokens: {\r\n '{BODY}': '\r\n \r\n {additionalErrorText.split('\\\\n').map((item, key) => {\r\n return (\r\n \r\n {item}\r\n
\r\n \r\n )\r\n })}\r\n
' + JSON.stringify(state) + '\r\n
\r\n )\r\n return false\r\n },\r\n onChange(info) {\r\n if (info.file.status === 'done') {\r\n setinfo(info)\r\n setDraggerText('Click or drag file to this area to upload')\r\n message.success(`${info.file.name} file uploaded successfully`)\r\n dispatch(fetchDocuments(assignmentId))\r\n setShouldShowUploadModal(false)\r\n } else if (info.file.status === 'error') {\r\n setDraggerText('Click or drag file to this area to upload')\r\n message.error(`${info.file.name} file upload failed.`)\r\n }\r\n },\r\n }\r\n\r\n const getSubcategories = categoryCode => {\r\n if (!categoryCode) {\r\n return []\r\n }\r\n const category = categoriesAndSubcategories.find(\r\n x => x.code === categoryCode\r\n )\r\n return category ? category.children : []\r\n }\r\n\r\n const handleCategoryChange = code => {\r\n setCategoriesSelected(code != null)\r\n setSubcategories(getSubcategories(code))\r\n dispatch(updateFieldValue(UPLOAD_FORM, 'SubCategory', null))\r\n }\r\n const handleDetails = e => {\r\n setDetails(e.target.value)\r\n }\r\n\r\n const handleTitle = e => {\r\n setTitle(e.target.value)\r\n }\r\n\r\n const handleEffectiveDate = e => {\r\n setEffectiveDate(e)\r\n }\r\n\r\n return (\r\n \r\n {UNSUPPORTED_FILE_TYPE_UPLOAD_MESSAGE(\r\n file.name\r\n .split('.')\r\n .pop()\r\n .toLowerCase()\r\n )}\r\n
\r\n {SUPPORTED_FILE_TYPE}
\r\n \r\n setShouldShowUploadModal(false)}\r\n destroyOnClose={true}\r\n footer={null}\r\n >\r\n {}}\r\n >\r\n {'Upload Document'} \r\n \r\n {draggerText}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default AttachDocument\r\n","import React, {useState} from 'react'\r\nimport {useDispatch, useSelector} from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport {FONT_WEIGHT_1} from 'arena-config'\r\nimport {Icon, ConfirmationModal} from '../../../lib/components/core'\r\nimport {deleteDocument, fetchDocumentsById} from '../../../actions/document'\r\nimport {getDocuments, isDocumentFetching} from '../../../selectors/document'\r\nimport {Tooltip} from 'antd'\r\nimport {\r\n DOCUMENT_MODAL_HEADER,\r\n DELETE_CONFIRMATION,\r\n DELETE_DOCUMENT_CONFIRMATION,\r\n} from '../../../constants/documents'\r\nimport {formatDate} from '../../../utils/moment'\r\nimport {Spin} from 'antd'\r\nimport AttachDocument from './AttachDocument'\r\n\r\nconst Heading = styled.div`\r\n padding-bottom: 20px;\r\n font-weight: ${FONT_WEIGHT_1};\r\n font-size: 1.5em;\r\n`\r\nconst ListItem = styled.div`\r\n display: flex;\r\n`\r\nconst FlyerWrapper = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n`\r\nconst Spinner = styled(Spin)`\r\n .ant-spin-dot-item {\r\n background-color: #0a838a;\r\n }\r\n`\r\nconst AddDocumentButton = styled.button`\r\n margin: 10px 0px;\r\n padding: 4px;\r\n background: #1cdbbc;\r\n border: 1px solid #1cdbbc;\r\n color: #000000;\r\n cursor: pointer;\r\n border-radius: 24px;\r\n &:hover {\r\n background: #8bf5e3;\r\n border: 1px solid #8bf5e3;\r\n }\r\n`\r\n\r\nconst Document = ({\r\n assignmentId,\r\n firstName,\r\n lastName,\r\n employeeId,\r\n hostCountry,\r\n}) => {\r\n const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\r\n const [info, setinfo] = useState('')\r\n const [selectedDocument, setSelectedDocument] = useState(null)\r\n const documentList = Object.values(useSelector(state => getDocuments(state)))\r\n const isFetchingDocument = useSelector(state => isDocumentFetching(state))\r\n const [details, setDetails] = useState('')\r\n const [title, setTitle] = useState(null)\r\n const [effectiveDate, setEffectiveDate] = useState()\r\n const dispatch = useDispatch()\r\n const country = hostCountry ? hostCountry.label : null\r\n const handleDelete = () => {\r\n dispatch(deleteDocument(selectedDocument.id))\r\n return info\r\n }\r\n const handleDownload = documentId => {\r\n dispatch(fetchDocumentsById(assignmentId, documentId))\r\n }\r\n const [shouldShowUploadModal, setShouldShowUploadModal] = useState(false)\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 Please fill in all required fields before selecting the file to\r\n upload.\r\n
\r\n \r\n \r\n \r\n \r\n {DOCUMENT_MODAL_HEADER(firstName, lastName, employeeId, country)}\r\n \r\n {isFetchingDocument ? (\r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n Documents:\r\n
\r\n \r\n {documentList.map(item => (\r\n \r\n {\r\n setShowDeleteConfirmation(true)\r\n setSelectedDocument(item)\r\n }}\r\n >\r\n handleDownload(item.id)}\r\n >\r\n {item.fileName}\r\n \r\n \r\n
\r\n }\r\n >\r\n {item.category && item.category.name}\r\n \r\n \r\n ))}\r\n Title: {item.title}
\r\n Category: {item.category && item.category.name}
\r\n \r\n Subcategory: {item.subcategory && item.subcategory.name}\r\n
\r\n Effective Date: {formatDate(item.effectiveDate)}
\r\n Details: {item.details}
\r\n \r\n \r\n \r\n {\r\n setShouldShowCommentModal(true)\r\n dispatch(fetchDocuments(id))\r\n dispatch(fetchDocumentCategoryAndSubcategory)\r\n setisCommentFetching(true)\r\n dispatch(\r\n fetchComments(id, json => {\r\n setcardcomments(json)\r\n setisCommentFetching(false)\r\n })\r\n )\r\n }}\r\n style={{paddingLeft: '1px'}}\r\n >\r\n \r\n \r\n {!isCopyAssignmentDisabled && (\r\n \r\n \r\n {\r\n setCopyAssignmentId(id)\r\n navigateTo(makeRoute({path: CREATE_ASSIGNMENT_PATH}))\r\n }}\r\n style={{paddingLeft: '1px'}}\r\n >\r\n \r\n \r\n )}\r\n \r\n \r\n {\r\n setShouldShowDocumentModal(true)\r\n dispatch(fetchDocuments(id))\r\n dispatch(fetchDocumentCategoryAndSubcategory)\r\n }}\r\n style={{paddingLeft: '3px'}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n navigateTo({\r\n keys: {id},\r\n options: {},\r\n path: EDIT_ASSIGNMENT_PATH,\r\n })\r\n }\r\n >\r\n \r\n \r\n {!isLocked && (\r\n \r\n \r\n enableRejectAssignment(id)}\r\n >\r\n \r\n \r\n )}\r\n {!isLocked && (\r\n \r\n \r\n enableDeleteAssignment(id)}\r\n >\r\n \r\n \r\n )}\r\n
\r\n )\r\n\r\n const top = hostCountry && (\r\n \r\n {shortcuts}\r\n
\r\n \r\n )\r\n const fullName = `${firstName} ${lastName}`\r\n\r\n const middle = startDate && (\r\n {title}
\r\n \r\n {hostCountry.label}, {duration} months\r\n
\r\n \r\n
\r\n )\r\n\r\n const bottom = children && (\r\n \r\n {startMonth}\r\n {startDateOrYear}\r\n
\r\n \r\n
\r\n \r\n \r\n {fullName}\r\n \r\n
\r\n \r\n {employeeId}\r\n
\r\n {children}
\r\n )\r\n return (\r\n \r\n {\r\n setShouldShowDocumentModal(false)}\r\n footer={null}\r\n width={'60%'}\r\n >\r\n \r\n \r\n }\r\n {\r\n setShouldShowCommentModal(false)}\r\n footer={null}\r\n width={'60%'}\r\n >\r\n disableRejectAssignment()}\r\n onReject={() => updateApprovalStatus(id, employeeId, 'Rejected', '')}\r\n />\r\n )}\r\n {shouldShowDeleteConfirmation && (\r\n disableDeleteAssignment()}\r\n onDelete={() => deleteAssignment(canDeleteAssignmentId)}\r\n />\r\n )}\r\n {shouldShowAddApprover && (\r\n toggleAddApprover()}>\r\n addApprover(approver, employeeId, id)}\r\n onSubmitSuccess={() => toggleAddApprover()}\r\n />\r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nAssignmentCard.defaultProps = {\r\n assignmentAddingApprover: null,\r\n canDeleteAssignmentId: null,\r\n canRejectAssignmentId: null,\r\n children: null,\r\n className: '',\r\n employeeId: '',\r\n firstName: '',\r\n lastName: '',\r\n isCopyAssignmentDisabled: false,\r\n}\r\n\r\nAssignmentCard.propTypes = {\r\n addApprover: funcPT(true),\r\n assignmentAddingApprover: numberPT(),\r\n canDeleteAssignmentId: numberPT(),\r\n canRejectAssignmentId: numberPT(),\r\n children: nodePT(),\r\n className: stringPT(),\r\n deleteAssignment: funcPT(true),\r\n updateApprovalStatus: funcPT(true),\r\n disableDeleteAssignment: funcPT(true),\r\n disableRejectAssignment: funcPT(true),\r\n employeeId: stringPT(),\r\n enableDeleteAssignment: funcPT(true),\r\n enableRejectAssignment: funcPT(true),\r\n endDate: stringPT(true),\r\n favorites: favoritesPT(),\r\n firstName: stringPT(),\r\n hostCountry: resourcePT(),\r\n id: numberPT(true),\r\n isCopyAssignmentDisabled: boolPT(),\r\n isLocked: boolPT(true),\r\n lastName: stringPT(),\r\n navigateTo: funcPT(true),\r\n startDate: momentObjectOrStringPT(true),\r\n timelinesAreFetching: boolPT(true),\r\n timelineLoaded: boolPT(true),\r\n title: stringPT(true),\r\n toggleAddApprover: funcPT(true),\r\n}\r\n\r\nexport default AssignmentCard\r\n","export const COUNTRY_BANNER_SRC = '/raster/countries/:id.png'\r\n","import PT from 'prop-types'\r\nimport React, {useEffect} from 'react'\r\nimport {useSelector} from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport {FONT_WEIGHT_1, WHITE} from 'arena-config'\r\nimport {Field, Form, Submit} from '../../lib/components/arena-plugin-form'\r\nimport {funcPT, stringPT} from 'arena-prop-types'\r\nimport {\r\n UPDATE_ASSIGNMENT_OPTIONS_FORM,\r\n CURRENCY_FIELD,\r\n} from '../../constants/form'\r\nimport {formFieldPT} from '../../constants/propTypes/formFields'\r\nimport {getValidationFunctions} from '../../utils/validation'\r\nimport {getCurrenciesById} from '../../selectors/resources'\r\nimport {getStandardFormSectionsIsFetching} from '../../selectors/form'\r\nimport {Spin} from 'antd'\r\nconst Heading = styled.div`\r\n padding-bottom: 20px;\r\n font-weight: ${FONT_WEIGHT_1};\r\n font-size: 2em;\r\n`\r\n\r\nconst Message = styled.div`\r\n font-style: italic;\r\n padding-bottom: 20px;\r\n`\r\n\r\nconst FieldWrapper = styled.div`\r\n margin: 20px 0;\r\n`\r\n\r\nconst SubmitWrapper = styled.div`\r\n margin: 40px 0 10px 0;\r\n text-align: center;\r\n\r\n > button {\r\n border-color: ${WHITE};\r\n color: #000000;\r\n }\r\n`\r\nconst FlyerWrapper = styled.h1`\r\n display: flex;\r\n justify-content: center;\r\n`\r\nconst Spinner = styled(Spin)`\r\n .ant-spin-dot-item {\r\n background-color: #0a838a;\r\n }\r\n`\r\n\r\nconst UpdateAssignmentDetails = props => {\r\n useEffect(() => {\r\n const {fetchFormSectionsIfNeeded} = props\r\n fetchFormSectionsIfNeeded()\r\n }, [])\r\n\r\n const {\r\n errors,\r\n formFields,\r\n label,\r\n missingFields,\r\n onSubmit,\r\n onSubmitSuccess,\r\n isSubmitting,\r\n } = props\r\n\r\n const currencies = useSelector(state => getCurrenciesById(state))\r\n const isFetchingFormDesign = useSelector(state =>\r\n getStandardFormSectionsIsFetching(state)\r\n )\r\n\r\n const fields =\r\n missingFields && Object.keys(formFields).length > 0\r\n ? missingFields\r\n .map(missingFieldCode => {\r\n const fieldCode = Object.keys(formFields).find(f =>\r\n f.startsWith(`options.${missingFieldCode.replace('_', '__')}`)\r\n )\r\n\r\n const field = formFields[fieldCode]\r\n if (field) {\r\n return {\r\n code: field.code.replace('options.', ''),\r\n label: field.label,\r\n maxLength: field.maxLength || 255,\r\n options: field.options,\r\n suffix: field.suffix && field.suffix.replace('options.', ''),\r\n type: field.type,\r\n required: true, // missing data is always required to proceed\r\n validate: field.validate,\r\n }\r\n } else {\r\n return null\r\n }\r\n })\r\n .filter(item => item != null)\r\n : null\r\n\r\n return isFetchingFormDesign ? (\r\n \r\n {top}\r\n {middle}\r\n {bottom}\r\n
\r\n \r\n {missingFields && missingFields.length > 0 ? (\r\n \r\n \r\n \r\n \r\n toggleUpdateAssignmentOptions(assignmentId, taskId, id)\r\n }\r\n >\r\n \r\n \r\n toggleUpdateAssignmentOptions()}\r\n footer={null}\r\n >\r\n \r\n updateAssignmentOptionsAndExecuteTask(\r\n assignmentId,\r\n options,\r\n taskId,\r\n id,\r\n dueDate\r\n )\r\n }\r\n onSubmitSuccess={() => toggleUpdateAssignmentOptions()}\r\n isSubmitting={isUpdating}\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\nTaskAction.defaultProps = {\r\n formFields: {},\r\n status: null,\r\n taskBeingExecuted: null,\r\n updatingAssignmentOptions: null,\r\n}\r\n\r\nTaskAction.propTypes = {\r\n action: taskActionPT(true),\r\n assignmentId: numberPT(true),\r\n errors: emptyObjectPT(),\r\n fetchFormSectionsIfNeeded: funcPT(true),\r\n formFields: PT.objectOf(formFieldPT(true)),\r\n refreshCardOnComplete: boolPT(true),\r\n status: taskStatusProp,\r\n taskBeingExecuted: numberPT(),\r\n taskId: numberPT(true),\r\n toggleUpdateAssignmentOptions: funcPT(true),\r\n updateAssignmentOptionsAndExecuteTask: funcPT(true),\r\n updateTaskIfNeeded: funcPT(),\r\n updatingAssignmentOptions: stringPT(),\r\n}\r\n\r\nexport default TaskAction\r\n","import React from 'react'\r\nimport TaskAction from './TaskAction'\r\n\r\nconst TaskActions = props => {\r\n const {\r\n actions,\r\n assignmentId,\r\n errors,\r\n fetchFormSectionsIfNeeded,\r\n formFields,\r\n refreshCardOnComplete,\r\n status,\r\n taskBeingExecuted,\r\n taskId,\r\n toggleUpdateAssignmentOptions,\r\n updateAssignmentOptionsAndExecuteTask,\r\n updateTaskIfNeeded,\r\n updatingAssignmentOptions,\r\n assignmentOptionIsUpdating,\r\n dueDate,\r\n } = props\r\n\r\n return (\r\n \r\n {actions.map((action, index) => (\r\n
\r\n )\r\n}\r\n\r\nexport default TaskActions\r\n","import PT from 'prop-types'\r\nimport React, {useEffect, useState} from 'react'\r\nimport {useSelector} from 'react-redux'\r\nimport cn from 'classnames'\r\nimport moment from 'moment'\r\nimport {\r\n boolPT,\r\n funcPT,\r\n numberPT,\r\n stringPT,\r\n emptyObjectPT,\r\n} from 'arena-prop-types'\r\nimport TaskActions from './Actions'\r\nimport {Icon, Tooltip} from '../../lib/components/core'\r\nimport {PAST_DUE_CHANNEL_ID} from '../../constants/channels'\r\nimport {formFieldPT} from '../../constants/propTypes/formFields'\r\nimport {taskActionsPT} from '../../constants/propTypes/taskActions'\r\nimport {taskStatusProp} from '../../constants/propTypes/taskStatus'\r\nimport {getChannel} from '../../selectors/channels'\r\n\r\nconst renderDueDate = dueDate => {\r\n const days = moment(dueDate).diff(moment(), 'days')\r\n const isOverdue = days < 0 && 'red'\r\n const css = cn('Task-due-date', {isOverdue})\r\n const dayString =\r\n (days === 0 && 'today') || (days < 0 && `${-days}d ago`) || `in ${days}d`\r\n\r\n return ({dayString})\r\n}\r\n\r\nconst Task = ({\r\n actions,\r\n assignmentId,\r\n dueDate,\r\n errors,\r\n fetchFormSectionsIfNeeded,\r\n formFields,\r\n icon,\r\n id,\r\n label,\r\n refreshCardOnComplete,\r\n status,\r\n taskBeingExecuted,\r\n title,\r\n toggleUpdateAssignmentOptions,\r\n tooltip,\r\n updateAssignmentOptionsAndExecuteTask,\r\n updateTaskIfNeeded,\r\n updatingAssignmentOptions,\r\n assignmentOptionIsUpdating,\r\n}) => {\r\n const lastActiveChannel = useSelector(state => getChannel(state))\r\n const [\r\n shouldHighlightRenderedDueDate,\r\n setShouldHighlightRenderedDueDate,\r\n ] = useState(false)\r\n useEffect(() => {\r\n setShouldHighlightRenderedDueDate(lastActiveChannel === PAST_DUE_CHANNEL_ID)\r\n }, [lastActiveChannel])\r\n const isCompleted = status === 'completed'\r\n const isInProgress = status === 'inprogress'\r\n const hasActions = actions.length || false\r\n const hasIcon = icon || false\r\n\r\n const css = cn(\r\n 'Task',\r\n {hasActions},\r\n {hasIcon},\r\n {taskBeingExecuted},\r\n {[`status-${status}`]: status}\r\n )\r\n\r\n const renderedDueDate = !isCompleted ? renderDueDate(dueDate) : null\r\n\r\n const renderedIconBase = icon && (\r\n \r\n
\r\n )\r\n\r\n const renderedIcon = tooltip ? (\r\n \r\n
\r\n )\r\n}\r\n\r\nTask.defaultProps = {\r\n className: '',\r\n formFields: {},\r\n icon: '',\r\n iconType: '',\r\n status: null,\r\n taskBeingExecuted: '',\r\n tooltip: '',\r\n updatingAssignmentOptions: null,\r\n}\r\n\r\nTask.propTypes = {\r\n actions: taskActionsPT(true),\r\n assignmentId: numberPT(true),\r\n className: stringPT(),\r\n completedDate: stringPT(true),\r\n dueDate: stringPT(true),\r\n errors: emptyObjectPT(),\r\n fetchFormSectionsIfNeeded: funcPT(true),\r\n formFields: PT.objectOf(formFieldPT(true)),\r\n icon: stringPT(),\r\n iconType: stringPT(),\r\n id: numberPT(true),\r\n label: stringPT(true),\r\n refreshCardOnComplete: boolPT(true),\r\n status: taskStatusProp,\r\n taskBeingExecuted: numberPT(),\r\n title: stringPT(true),\r\n toggleUpdateAssignmentOptions: funcPT(true),\r\n tooltip: stringPT(),\r\n updateAssignmentOptionsAndExecuteTask: funcPT(true),\r\n updateTaskIfNeeded: funcPT(true),\r\n updatingAssignmentOptions: stringPT(),\r\n}\r\n\r\nexport default Task\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport {\r\n boolPT,\r\n numberPT,\r\n funcPT,\r\n stringPT,\r\n emptyObjectPT,\r\n} from 'arena-prop-types'\r\nimport Task from '../Task'\r\nimport {Blokk, ToggleHeight} from '../../lib/components/core'\r\nimport {formFieldPT} from '../../constants/propTypes/formFields'\r\nimport {randomRange} from '../../utils/number'\r\nimport {taskActionsPT} from '../../constants/propTypes/taskActions'\r\n\r\nconst timelineWhileFetching = () => {\r\n const random = randomRange(8, 10)\r\n const items = []\r\n\r\n for (let i = 0; i < random; i += 1) {\r\n items.push(\r\n \r\n {renderedIcon}\r\n
\r\n \r\n
\r\n {actions.length ? (\r\n \r\n {title}\r\n \r\n {renderedDueDate}\r\n \r\n
\r\n {label}
\r\n \r\n
\r\n )\r\n }\r\n\r\n return items\r\n}\r\n\r\nconst Timeline = ({\r\n assignmentId,\r\n errors,\r\n fetchFormSectionsIfNeeded,\r\n formFields,\r\n taskBeingExecuted,\r\n tasks,\r\n timelinesAreFetching,\r\n timelineLoaded,\r\n toggleUpdateAssignmentOptions,\r\n updateAssignmentOptionsAndExecuteTask,\r\n updateTaskIfNeeded,\r\n updatingAssignmentOptions,\r\n assignmentOptionIsUpdating,\r\n}) => {\r\n const timelineFetched = () => (\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 {timelinesAreFetching && !timelineLoaded\r\n ? timelineWhileFetching()\r\n : timelineFetched()}\r\n
\r\n )\r\n}\r\n\r\nTimeline.defaultProps = {\r\n formFields: {},\r\n taskBeingExecuted: null,\r\n tasks: [],\r\n updatingAssignmentOptions: null,\r\n}\r\n\r\nTimeline.propTypes = {\r\n assignmentId: numberPT(true),\r\n errors: emptyObjectPT(),\r\n fetchFormSectionsIfNeeded: funcPT(true),\r\n formFields: PT.objectOf(formFieldPT(true)),\r\n taskBeingExecuted: numberPT(),\r\n tasks: PT.arrayOf(\r\n PT.shape({\r\n actions: taskActionsPT(),\r\n completedDate: stringPT(true),\r\n dueDate: stringPT(true),\r\n id: PT.number.isRequired,\r\n isLastTask: boolPT(true),\r\n label: stringPT(true),\r\n status: stringPT(true),\r\n title: stringPT(true),\r\n })\r\n ),\r\n timelinesAreFetching: boolPT(true),\r\n timelineLoaded: boolPT(true),\r\n toggleUpdateAssignmentOptions: funcPT(true),\r\n updateAssignmentOptionsAndExecuteTask: funcPT(true),\r\n updateTaskIfNeeded: funcPT(true),\r\n updatingAssignmentOptions: stringPT(),\r\n}\r\n\r\nexport default Timeline\r\n","import PT from 'prop-types'\r\nimport React from 'react'\r\nimport {funcPT, numberPT, stringPT, emptyObjectPT} from 'arena-prop-types'\r\nimport AssignmentCard from '../Assignment/Card'\r\nimport Timeline from '../Timeline'\r\nimport {Gallery, ScrollTop} from '../../lib/components/core'\r\nimport {assignmentsPT} from '../../constants/propTypes/assignments'\r\nimport {formFieldPT} from '../../constants/propTypes/formFields'\r\nimport {resourcePT} from '../../constants/propTypes/common'\r\nimport {timelinesPT} from '../../constants/propTypes/timelines'\r\nimport {getCountry} from '../../utils/resources'\r\nimport {favoritesPT} from '../../constants/propTypes/favorite'\r\n\r\nconst Assignments = ({\r\n addApprover,\r\n assignmentAddingApprover,\r\n assignments,\r\n canDeleteAssignmentId,\r\n canRejectAssignmentId,\r\n countries,\r\n deleteAssignment,\r\n disableDeleteAssignment,\r\n disableRejectAssignment,\r\n enableDeleteAssignment,\r\n enableRejectAssignment,\r\n setCopyAssignmentId,\r\n errors,\r\n favorites,\r\n fetchFormSectionsIfNeeded,\r\n formFields,\r\n isCopyAssignmentDisabled,\r\n isMobile,\r\n navigateTo,\r\n policies,\r\n updateApprovalStatus,\r\n taskBeingExecuted,\r\n timelines,\r\n timelinesAreFetching,\r\n toggleAddApprover,\r\n toggleUpdateAssignmentOptions,\r\n updateAssignmentOptionsAndExecuteTask,\r\n updateTaskIfNeeded,\r\n updatingAssignmentOptions,\r\n assignmentOptionIsUpdating,\r\n}) => {\r\n const results = []\r\n for (let i = 0; i < Object.keys(assignments).length; i += 1) {\r\n const {\r\n anticipatedEndDate,\r\n anticipatedStartDate,\r\n employeeId,\r\n firstName,\r\n hasComments,\r\n hasDocuments,\r\n hostCountryId,\r\n id,\r\n isLocked,\r\n lastName,\r\n planTypeId,\r\n title,\r\n } = assignments[i]\r\n const cardTitle =\r\n (policies && policies[planTypeId] && policies[planTypeId].label) || title\r\n const timeline = timelines.filter(t => t.id === id)[0]\r\n const tasks = timeline ? timeline.items : []\r\n const timelineLoaded = tasks && tasks.length > 0\r\n const hostCountry = getCountry(countries, hostCountryId)\r\n\r\n results.push(\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {isMobile && {results} \r\n
\r\n )\r\n}\r\n\r\nAssignments.defaultProps = {\r\n assignmentAddingApprover: null,\r\n assignments: [],\r\n canDeleteAssignmentId: null,\r\n canRejectAssignmentId: null,\r\n formFields: {},\r\n taskBeingExecuted: null,\r\n timelines: [],\r\n updatingAssignmentOptions: null,\r\n}\r\n\r\nAssignments.propTypes = {\r\n addApprover: funcPT(true),\r\n assignmentAddingApprover: numberPT(),\r\n assignments: assignmentsPT(),\r\n canDeleteAssignmentId: numberPT(),\r\n canRejectAssignmentId: numberPT(),\r\n countries: resourcePT(true),\r\n deleteAssignment: funcPT(true),\r\n updateApprovalStatus: funcPT(true),\r\n disableDeleteAssignment: funcPT(true),\r\n disableRejectAssignment: funcPT(true),\r\n enableDeleteAssignment: funcPT(true),\r\n enableRejectAssignment: funcPT(true),\r\n setCopyAssignmentId: funcPT(true),\r\n errors: emptyObjectPT(),\r\n favorites: favoritesPT(),\r\n fetchFormSectionsIfNeeded: funcPT(true),\r\n formFields: PT.objectOf(formFieldPT(true)),\r\n isMobile: PT.bool.isRequired,\r\n navigateTo: funcPT(true),\r\n policies: resourcePT(true),\r\n taskBeingExecuted: numberPT(),\r\n timelines: timelinesPT(),\r\n timelinesAreFetching: PT.bool.isRequired,\r\n timelineLoaded: PT.bool,\r\n toggleAddApprover: funcPT(true),\r\n toggleUpdateAssignmentOptions: funcPT(true),\r\n updateAssignmentOptionsAndExecuteTask: funcPT(true),\r\n updateTaskIfNeeded: funcPT(true),\r\n updatingAssignmentOptions: stringPT(),\r\n}\r\n\r\nexport default Assignments\r\n","import {isRequired, numberPT, stringPT} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\n\r\nconst {arrayOf, shape} = PT\r\n\r\nexport const assignmentProps = {\r\n anticipatedEndDate: stringPT(true),\r\n anticipatedStartDate: stringPT(true),\r\n companyId: numberPT(true),\r\n employeeAssigned: stringPT(true),\r\n employeeId: stringPT(true),\r\n firstName: stringPT(true),\r\n homeCountryId: numberPT(true),\r\n hostCountryId: numberPT(true),\r\n id: numberPT(true),\r\n lastName: stringPT(true),\r\n nameAndId: stringPT(true),\r\n planTypeId: numberPT(true),\r\n title: stringPT(true),\r\n}\r\n\r\nexport const assignmentPT = is => isRequired(shape(assignmentProps), is)\r\n\r\nexport const assignmentsPT = is => isRequired(arrayOf(assignmentPT), is)\r\n","import {isRequired} from 'arena-prop-types'\r\nimport PT from 'prop-types'\r\n\r\nconst {arrayOf, shape} = PT\r\n\r\nexport const timelineProps = {}\r\n\r\nexport const timelinePT = is => isRequired(shape(timelineProps), is)\r\n\r\nexport const timelinesPT = is => isRequired(arrayOf(timelinePT), is)\r\n","import PT from 'prop-types'\r\nimport React, {Component} from 'react'\r\nimport {compileHash} from '../../utils/router'\r\n\r\nconst defaultProps = {\r\n className: '',\r\n keys: {},\r\n onClick: null,\r\n options: {},\r\n title: '',\r\n}\r\n\r\nconst propTypes = {\r\n children: PT.node.isRequired,\r\n className: PT.string,\r\n onClick: PT.func,\r\n navigateTo: PT.func.isRequired,\r\n keys: PT.shape({}),\r\n options: PT.shape({}),\r\n path: PT.string.isRequired,\r\n title: PT.string,\r\n}\r\n\r\nclass Link extends Component {\r\n constructor() {\r\n super()\r\n this.onClick = this.onClick.bind(this)\r\n }\r\n\r\n onClick(e) {\r\n e.preventDefault()\r\n const {keys, navigateTo, onClick, options, path} = this.props\r\n navigateTo({path, keys, options})\r\n if (typeof onClick === 'function') {\r\n onClick()\r\n }\r\n }\r\n\r\n render() {\r\n const {children, className, keys, options, path, title} = this.props\r\n\r\n return (\r\n \r\n There are no {props.effect}, please select another channel or \r\n \r\n create an assignment\r\n \r\n
\r\n)\r\n\r\nChannelStatus.propTypes = {\r\n effect: stringPT(true),\r\n navigateTo: funcPT(true),\r\n}\r\n\r\nexport default ChannelStatus\r\n","/* global document */\r\n/* global window */\r\nimport PT from 'prop-types'\r\nimport React, {Component} from 'react'\r\nimport styled from 'styled-components'\r\nimport {Icon as AntIcon} from 'antd'\r\n\r\nconst defaultProps = {\r\n args: [],\r\n className: '',\r\n}\r\n\r\nconst propTypes = {\r\n args: PT.arrayOf(PT.any),\r\n children: PT.node.isRequired,\r\n className: PT.string,\r\n onScroll: PT.func.isRequired,\r\n}\r\n\r\nconst IconWrap = styled.div`\r\n line-height: 1;\r\n line-height: 1;\r\n font-size: 2.5em;\r\n color: #3498db;\r\n`\r\nconst LoadingNext = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n`\r\n\r\nclass InfiniteScroll extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.onScroll = this.onScroll.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener('scroll', this.onScroll, true)\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('scroll', this.onScroll, true)\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const {args} = this.props\r\n const currentChannel = args[0]\r\n const previousChannel = prevProps.args[0]\r\n const shouldScrollToTop = previousChannel !== currentChannel\r\n if (shouldScrollToTop) {\r\n window.scrollTo({top: 0, behaviour: 'smooth'})\r\n }\r\n }\r\n\r\n onScroll() {\r\n const mainContent = document.getElementsByClassName('Overview')[0]\r\n .parentElement.parentElement\r\n\r\n if (\r\n mainContent &&\r\n window.innerHeight + (window.scrollY || 0) >=\r\n mainContent.scrollHeight - mainContent.scrollTop - 300\r\n ) {\r\n const {args, onScroll} = this.props\r\n onScroll(...args)\r\n }\r\n }\r\n\r\n render() {\r\n const {children, className, isLoadingMore} = this.props\r\n\r\n return (\r\n <>\r\n \r\n {children}\r\n {isLoadingMore && (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nInfiniteScroll.defaultProps = defaultProps\r\nInfiniteScroll.propTypes = propTypes\r\n\r\nexport default InfiniteScroll\r\n","import PT from 'prop-types'\r\nimport React, {Component} from 'react'\r\nimport {\r\n boolPT,\r\n emptyObjectPT,\r\n funcPT,\r\n numberPT,\r\n stringPT,\r\n} from 'arena-prop-types'\r\nimport Assignments from '../Assignments'\r\nimport ChannelStatus from '../ChannelStatus'\r\nimport InfiniteScroll from '../../lib/components/InfiniteScroll'\r\nimport {assignmentsPT} from '../../constants/propTypes/assignments'\r\nimport {MY_PAST_DUE_CHANNEL_ID} from '../../constants/channels'\r\nimport {formFieldPT} from '../../constants/propTypes/formFields'\r\nimport {resourcePT} from '../../constants/propTypes/common'\r\nimport {timelinesPT} from '../../constants/propTypes/timelines'\r\nimport {isNullOrUndefined} from 'util'\r\nimport {favoritesPT} from '../../constants/propTypes/favorite'\r\nimport Loader from '../Form/Loader'\r\nimport styled from 'styled-components'\r\n\r\nconst ChannelStatusWrapper = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n font-size: 22px;\r\n align-items: center;\r\n height: 75%;\r\n`\r\n\r\nclass Overview extends Component {\r\n componentDidMount() {\r\n const {\r\n channel,\r\n fetchAssignmentsIfNeeded,\r\n fetchChannelSummary,\r\n fetchCountriesIfNeeded,\r\n fetchCurrenciesIfNeeded,\r\n fetchCompaniesIfNeeded,\r\n fetchPoliciesIfNeeded,\r\n search,\r\n searchAssignments,\r\n fetchUserFavoritesIfNeeded,\r\n } = this.props\r\n\r\n fetchCountriesIfNeeded()\r\n fetchCurrenciesIfNeeded()\r\n fetchCompaniesIfNeeded()\r\n fetchPoliciesIfNeeded()\r\n fetchUserFavoritesIfNeeded()\r\n\r\n if (!search) fetchAssignmentsIfNeeded(channel)\r\n else searchAssignments(search)\r\n\r\n fetchChannelSummary(MY_PAST_DUE_CHANNEL_ID)\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const prevChannel = prevProps.channel\r\n const prevCompany =\r\n prevProps.lastSelectedCompany && prevProps.lastSelectedCompany.company\r\n const {\r\n channel,\r\n fetchAssignmentsIfNeeded,\r\n fetchResourcesIfNeeded,\r\n lastSelectedCompany,\r\n fetchUserFavoritesIfNeeded,\r\n } = this.props\r\n const couldFetchAssignment = channel !== prevChannel && !prevProps.search\r\n const shouldRefreshAssignments =\r\n !isNullOrUndefined(prevCompany) &&\r\n lastSelectedCompany &&\r\n lastSelectedCompany.company !== prevCompany\r\n\r\n if (couldFetchAssignment) fetchAssignmentsIfNeeded(channel)\r\n if (shouldRefreshAssignments) {\r\n fetchAssignmentsIfNeeded(channel, true)\r\n fetchResourcesIfNeeded(true)\r\n fetchUserFavoritesIfNeeded(true)\r\n }\r\n }\r\n\r\n render() {\r\n const {props} = this\r\n const channelInfo = props.channelsInfo[props.channel]\r\n const channelEffect = (channelInfo && channelInfo.effect) || 'assignments'\r\n\r\n const flyerMessage = 'Refreshing assignment data...'\r\n\r\n const renderChannelAssignments =\r\n Object.keys(props.assignments).length > 0 ? (\r\n {renderChannelContent}
\r\n }\r\n}\r\n\r\nOverview.defaultProps = {\r\n assignmentAddingApprover: null,\r\n assignments: [],\r\n canDeleteAssignmentId: null,\r\n canRejectAssignmentId: null,\r\n errors: {},\r\n favorites: [],\r\n formFields: {},\r\n nextUrl: null,\r\n taskBeingExecuted: null,\r\n timelines: [],\r\n updatingAssignmentOptions: null,\r\n}\r\n\r\nOverview.propTypes = {\r\n addApprover: funcPT(true),\r\n assignmentAddingApprover: numberPT(),\r\n assignments: assignmentsPT(),\r\n canDeleteAssignmentId: numberPT(),\r\n canRejectAssignmentId: numberPT(),\r\n channel: stringPT(true),\r\n channelIsFetching: boolPT(true),\r\n channelsInfo: emptyObjectPT(true),\r\n countries: resourcePT(true),\r\n deleteAssignment: funcPT(true),\r\n updateApprovalStatus: funcPT(true),\r\n disableDeleteAssignment: funcPT(true),\r\n disableRejectAssignment: funcPT(true),\r\n enableDeleteAssignment: funcPT(true),\r\n enableRejectAssignment: funcPT(true),\r\n setCopyAssignmentId: funcPT(true),\r\n errors: emptyObjectPT(),\r\n favorites: favoritesPT(),\r\n fetchAssignmentsIfNeeded: funcPT(true),\r\n fetchAssignmentsNext: funcPT(true),\r\n fetchCountriesIfNeeded: funcPT(true),\r\n fetchCurrenciesIfNeeded: funcPT(true),\r\n fetchCompaniesIfNeeded: funcPT(true),\r\n fetchFormSectionsIfNeeded: funcPT(true),\r\n fetchPoliciesIfNeeded: funcPT(true),\r\n formFields: PT.objectOf(formFieldPT(true)),\r\n isMobile: boolPT(true),\r\n navigateTo: funcPT(true),\r\n nextUrl: stringPT(),\r\n search: stringPT(true),\r\n searchAssignments: funcPT(true),\r\n taskBeingExecuted: numberPT(),\r\n timelines: timelinesPT(),\r\n timelinesAreFetching: boolPT(true),\r\n toggleAddApprover: funcPT(true),\r\n toggleUpdateAssignmentOptions: funcPT(true),\r\n updateAssignmentOptionsAndExecuteTask: funcPT(true),\r\n updateTaskIfNeeded: funcPT(true),\r\n updatingAssignmentOptions: stringPT(),\r\n}\r\n\r\nexport default Overview\r\n","import {normalize} from 'normalizr'\r\nimport {navigateTo} from './navigation'\r\nimport {RSAA, getJSON} from 'redux-api-middleware'\r\nimport {APPROVAL_STATUS_URL, APPROVERS_URL} from '../constants/api'\r\nimport {ASSIGNMENTS_PATH} from '../constants/router'\r\nimport {\r\n UPDATE_APPROVAL_STATUS_FAILURE,\r\n UPDATE_APPROVAL_STATUS_REQUEST,\r\n UPDATE_APPROVAL_STATUS_SUCCESS,\r\n UPDATE_APPROVER_STATUS_FAILURE,\r\n UPDATE_APPROVER_STATUS_REQUEST,\r\n UPDATE_APPROVER_STATUS_SUCCESS,\r\n} from '../constants/actionTypes'\r\nimport {approverSchema} from '../constants/schemas'\r\nimport {fetchTimeline} from './timeline'\r\nimport {REJECTED_CHANNEL_ID} from '../constants/channels'\r\nimport {disableRejectAssignment} from './assignments'\r\nimport {fetchChannelSummary} from './channels'\r\n\r\nconst updateApproverStatus = (\r\n employeeId,\r\n positionId,\r\n newStatus,\r\n approverComments\r\n) => ({\r\n [RSAA]: {\r\n endpoint: APPROVAL_STATUS_URL(\r\n employeeId,\r\n positionId,\r\n newStatus,\r\n approverComments\r\n ),\r\n method: 'PUT',\r\n types: [\r\n UPDATE_APPROVER_STATUS_REQUEST,\r\n UPDATE_APPROVER_STATUS_SUCCESS,\r\n UPDATE_APPROVER_STATUS_FAILURE,\r\n ],\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n pragma: 'no-cache',\r\n 'cache-control': 'no-cache',\r\n },\r\n },\r\n})\r\n\r\nexport const updateApprovalStatus = (\r\n positionId,\r\n employeeId,\r\n newStatus,\r\n approverComments\r\n) => (dispatch, getState) =>\r\n Promise.all([\r\n dispatch({\r\n [RSAA]: {\r\n endpoint: APPROVERS_URL(employeeId, positionId),\r\n method: 'GET',\r\n types: [\r\n UPDATE_APPROVAL_STATUS_REQUEST,\r\n {\r\n type: UPDATE_APPROVAL_STATUS_SUCCESS,\r\n payload: (action, currentState, res) =>\r\n getJSON(res).then(json => {\r\n const normalizedData = normalize(json.approvals, [\r\n approverSchema,\r\n ])\r\n\r\n dispatch(\r\n updateApproverStatus(\r\n employeeId,\r\n positionId,\r\n newStatus,\r\n approverComments\r\n )\r\n )\r\n\r\n return normalizedData\r\n }),\r\n },\r\n UPDATE_APPROVAL_STATUS_FAILURE,\r\n ],\r\n },\r\n }),\r\n // TODO NavigateTo to the confirmation page or anywhere else we've decided.\r\n ]).then(() => {\r\n dispatch(disableRejectAssignment())\r\n const channel = REJECTED_CHANNEL_ID\r\n dispatch(fetchTimeline(positionId))\r\n dispatch(\r\n navigateTo({\r\n keys: {},\r\n options: {channel: channel},\r\n path: ASSIGNMENTS_PATH,\r\n })\r\n )\r\n dispatch(fetchChannelSummary())\r\n })\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport AuthContainer from '../Auth/index'\r\nimport Overview from '../../components/Overview/index'\r\nimport {View} from '../../lib/components/core'\r\nimport {navigateTo} from '../../actions/navigation'\r\nimport {\r\n addApprover,\r\n toggleAddApprover,\r\n toggleUpdateAssignmentOptions,\r\n updateTaskIfNeeded,\r\n} from '../../actions/timeline'\r\nimport {\r\n deleteAssignment,\r\n disableDeleteAssignment,\r\n disableRejectAssignment,\r\n enableDeleteAssignment,\r\n enableRejectAssignment,\r\n setCopyAssignmentId,\r\n updateAssignmentOptionsAndExecuteTask,\r\n} from '../../actions/assignments'\r\nimport {updateApprovalStatus} from '../../actions/approval'\r\nimport {\r\n fetchAssignmentsIfNeeded,\r\n fetchAssignmentsNext,\r\n searchAssignments,\r\n fetchChannelSummary,\r\n} from '../../actions/channels'\r\nimport {\r\n fetchCountriesIfNeeded,\r\n fetchCurrenciesIfNeeded,\r\n fetchPoliciesIfNeeded,\r\n fetchResourcesIfNeeded,\r\n} from '../../actions/resource'\r\nimport {fetchFormSectionsIfNeeded} from '../../actions/form'\r\nimport {fetchUserFavoritesIfNeeded} from '../../actions/users'\r\nimport {\r\n getAddingApprover,\r\n getCanDeleteAssignmentId,\r\n getUpdatingAssignmentOptions,\r\n getCanRejectAssignmentId,\r\n getAssignmentOptionsIsUpdating,\r\n} from '../../selectors/assignments'\r\nimport {\r\n getUpdateAssignmentOptionsSubmitFailed,\r\n getUpdateAssignmentOptionsErrors,\r\n} from '../../selectors/form'\r\nimport {getIsMobile} from '../../selectors/environment'\r\nimport {getSearch} from '../../selectors/router'\r\nimport {\r\n getChannel,\r\n getChannelAssignments,\r\n getChannelFetching,\r\n getChannelNextUrl,\r\n getChannelsInfo,\r\n} from '../../selectors/channels'\r\nimport {getLastSelectedCompanyIsCopyAssignmentDisabled} from '../../selectors/company'\r\nimport {getCountriesById, getPoliciesById} from '../../selectors/resources'\r\nimport {\r\n getIsExecutingTaskId,\r\n getTimelines,\r\n getTimelinesAreFetching,\r\n} from '../../selectors/timelines'\r\nimport {getFormFieldsById} from '../../selectors/form'\r\nimport {fetchCompaniesIfNeeded} from '../../actions/companies'\r\nimport {getCompanies, getLastSelectedCompany} from '../../selectors/company'\r\nimport ErrorBoundaryContainer from '../../containers/ErrorBoundary'\r\nimport {getFavorites} from '../../selectors/users'\r\n\r\nconst OverviewContainer = props => (\r\n \r\n {props.alerts.map(alert => (\r\n
\r\n)\r\n\r\nAlerts.defaultProps = alertsDefaultProps\r\nAlerts.propTypes = alertsPropTypes\r\n\r\nexport default Alerts\r\n","import {alertsProp} from '../propTypes'\r\n\r\nexport const alertsDefaultProps = {}\r\n\r\nexport const alertsPropTypes = {\r\n alerts: alertsProp.isRequired,\r\n}\r\n","import {Button} from 'arena-components'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport * as c from 'arena-config'\r\nimport {headerButtonDefaultProps, headerButtonPropTypes} from './propTypes'\r\n\r\nconst ButtonWrapper = styled(Button)`\r\n width: auto;\r\n min-width: 33.33%;\r\n line-height: 1;\r\n height: 48px;\r\n padding: 0 10px;\r\n border: 0;\r\n display: block;\r\n ${c.FOR_DESKTOP} {\r\n width: auto;\r\n height: inherit;\r\n padding: 0;\r\n font-size: inherit;\r\n min-width: auto;\r\n }\r\n`\r\nconst HeaderButton = props => (\r\n \r\n {alert.message}\r\n
\r\n ))}\r\n - \r\n
- \r\n {props.searchResults.length === 0 && (\r\n
\r\n props.toggleSearchResult(true)}\r\n value={props.value}\r\n >\r\n {props.isSearchResultOpen && (\r\n <>\r\n props.toggleSearchResult(false)}\r\n loadMoreResults={props.loadMoreResults}\r\n loadMoreResultsLoading={props.loadMoreResultsLoading}\r\n nextUrl={props.nextUrl}\r\n >\r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nconst clickOutside = {\r\n handleClickOutside: () => Typeahead.handleOnClickOutside,\r\n}\r\n\r\nexport default onClickOutside(Typeahead, clickOutside)\r\n","import Typeahead from './Typeahead'\r\n\r\nexport default Typeahead\r\n","import React, {useState} from 'react'\r\nimport debounce from 'lodash.debounce'\r\nimport Typeahead from '../../arena-plugin-typeahead'\r\nconst debouncedSearch = debounce(\r\n (value, keyCode, search, typeahead, toggle) => {\r\n if (keyCode === 13) {\r\n //navigate to search page without type ahead when enter is pressed\r\n search(value)\r\n toggle(false)\r\n } else {\r\n //show typeahead results if search value is more than 3 characters\r\n if (value.length >= 3) {\r\n typeahead(value)\r\n toggle(true)\r\n }\r\n }\r\n },\r\n 1000\r\n)\r\n\r\nconst HeaderTypeahead = props => {\r\n const [value, setValue] = useState('')\r\n const [isSearchResultOpen, toggleSearchResult] = useState(false)\r\n\r\n const getValue = event => event.currentTarget.value\r\n const trimValue = value => value.trim()\r\n\r\n const handleOnKeyUp = event => {\r\n try {\r\n const value = trimValue(getValue(event))\r\n debouncedSearch(\r\n value,\r\n event.keyCode,\r\n props.search,\r\n props.typeahead,\r\n toggleSearchResult\r\n )\r\n } catch (error) {\r\n console.error(error)\r\n }\r\n }\r\n\r\n const handleOnChange = value => {\r\n try {\r\n setValue(value)\r\n } catch (error) {\r\n console.error(error)\r\n }\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n {props.isAuthenticated && (\r\n \r\n \r\n )}\r\n
\r\n {props.isAuthenticated && (\r\n