{error}
\r\n )}\r\n \r\n );\r\n}\r\n\r\nInputSelect.propTypes = {\r\n label: PropTypes.string,\r\n inline: PropTypes.bool,\r\n size: PropTypes.string,\r\n mode: PropTypes.string,\r\n onChange: PropTypes.func,\r\n hideValidationMessage: PropTypes.bool\r\n};\r\n\r\nconst ReduxSelectInput = ({ input, meta, ...custom }) => {\r\n return (\r\n \r\n
\r\n {\r\n showError &&\r\n \r\n
\r\n }\r\n \r\n {error}\r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nInputText.defaultProps = {\r\n onChange: () => {\r\n },\r\n onBlur: () => {\r\n },\r\n onClick: () => {\r\n },\r\n size: 'medium',\r\n secureTextEntry: false,\r\n highlightInputValidationError: false\r\n};\r\n\r\nInputText.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string,\r\n secureTextEntry: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n size: PropTypes.string,\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n noMargin: PropTypes.bool,\r\n transparentBorder: PropTypes.bool,\r\n highlightInputValidationError: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n hidden: PropTypes.bool,\r\n};\r\n\r\nconst ReduxTextInput = ({ input, meta, ...custom }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Table;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nfunction Button({ id, theme, label, size, isMaxWidth, keepLabelCase, icon, className, buttonRef, ...props }) {\r\n return (\r\n \r\n \r\n \r\n {headerGroups.map((headerGroup, i) => (\r\n
\r\n
\r\n | \r\n {tableResources.textNoDataFound}\r\n | \r\n
\r\n
\r\n \r\n \r\n {\r\n setPageSize(Number(e.value));\r\n }}\r\n />\r\n
\r\n \r\n gotoPage(0)}\r\n disabled={!canPreviousPage}\r\n />\r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n />\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n />\r\n gotoPage(pageCount - 1)}\r\n disabled={!canNextPage}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n gotoPage(pageIndexInputValue - 1);\r\n }}\r\n onChange={(e) => {\r\n setPageIndexInputValue(e.target.value && !isNaN(e.target.value) ? Number(e.target.value) : 1);\r\n }}\r\n />\r\n
\r\n \r\n {tableResources.labelOf} {pageOptions.length !== 0 ? pageOptions.length : 1}\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nSpinner.propTypes = {\r\n className: PropTypes.string,\r\n messageText: PropTypes.string\r\n};\r\n\r\nexport default Spinner;","import * as types from './partnerListTypes';\r\nimport * as loadingActions from '../../Loading/loadingActions';\r\nimport * as partnersListService from './partnersListService';\r\n\r\nconst getPartnersListSuccess = (partners) => {\r\n return { type: types.GET_PARTNERS_LIST_SUCCESS, partners };\r\n};\r\n\r\nexport const updatePartnersSuccess = (partner) => {\r\n return { type: types.UPDATE_PARTNERS_SUCCESS, partner };\r\n};\r\n\r\nexport const createPartnerSuccess = (partner) => {\r\n return { type: types.CREATE_PARTNER_SUCCESS, partner };\r\n};\r\n\r\nexport function getPartnersList() {\r\n return function(dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_PARTNERS_LIST));\r\n return partnersListService\r\n .getPartnersList()\r\n .then((partners) => {\r\n dispatch(getPartnersListSuccess(partners));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_PARTNERS_LIST));\r\n });\r\n };\r\n}\r\n\r\nexport function getPartnersListByProgramType(programTypeID) {\r\n return function(dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_PARTNERS_LIST));\r\n return partnersListService\r\n .getPartnersListByProgramType(programTypeID)\r\n .then((partners) => {\r\n dispatch(getPartnersListSuccess(partners));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_PARTNERS_LIST));\r\n });\r\n };\r\n}\r\n","const PartnerResources = {\r\n labelPartnerIdNumber: 'Partner ID',\r\n labelName: 'Partner Name',\r\n labelUSBankPartnerCode: 'US Bank Partner Code',\r\n labelIndustry: 'Industry',\r\n labelAddress1: 'Address 1',\r\n labelAddress2: 'Address 2',\r\n labelCity: 'City',\r\n labelState: 'State/Territory',\r\n labelZipCode: 'Zip Code',\r\n labelCountry: 'Country',\r\n labelWebsite: 'Website',\r\n labelFirstName: 'First Name',\r\n labelLastName: 'Last Name',\r\n labelPhoneNumber: 'Contact Number',\r\n labelEmailAddress: 'Email Address',\r\n labelNotes: 'Notes',\r\n labelPrograms: 'Programs',\r\n addPartnerButtomText: 'Add Partner',\r\n};\r\nexport default PartnerResources;\r\n","import { createSelector } from 'reselect';\r\nimport { GET_PARTNERS_LIST } from './partnerListTypes';\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === GET_PARTNERS_LIST)\r\n .size;\r\n\r\n return size > 0;\r\n};\r\n\r\nconst getPartners = state => state.partnersListReducer.get('partners');\r\n\r\nexport default createSelector(\r\n [getIsLoading, getPartners],\r\n (isLoading, partners) => ({\r\n isLoading,\r\n partners,\r\n })\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport './_info-box.scss';\r\n\r\nconst InfoBox = (props) => {\r\n const { title, bordered = false, className } = props;\r\n return (\r\n {messageText}
\r\n \r\n {title &&
\r\n );\r\n};\r\n\r\nInfoBox.propTypes = {\r\n children: PropTypes.node,\r\n title: PropTypes.string,\r\n bordered: PropTypes.bool,\r\n className: PropTypes.string\r\n};\r\n\r\nexport default InfoBox;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport './_info-box.scss';\r\n\r\nexport const InfoBoxRow = (props) => {\r\n const { className, label, labelComponent, content, children, contentposition, bold = false, bottomborder = false } = props;\r\n return (\r\n {title}
}\r\n\r\n {props.children}\r\n
\r\n \r\n {labelComponent ? labelComponent : label}\r\n
\r\n )}\r\n Partners
\r\n\r\n
\r\n \r\n setSecureMode(!secureMode)}\r\n edge=\"end\"\r\n >\r\n {startAdornment} variant={adornmentVariant} className={styles.inputAdornment} )\r\n : null\r\n }}\r\n InputLabelProps= {{\r\n variant: labelVariant,\r\n className: readOnly ? styles.label_readOnly : ''\r\n }}\r\n error={showError}\r\n helperText={showHelperText ? error : ''}\r\n type={secureMode ? 'password' : 'text'}\r\n defaultValue={defaultValue}\r\n onChange={onChange}\r\n onBlur={onBlur}\r\n onClick={onClick}\r\n disabled={disabled}\r\n value={displayValue}\r\n variant={readOnly ? 'filled' : variant}\r\n fullWidth={fullWidth}\r\n onFocus={onFocus}\r\n autoFocus={autoFocus}\r\n />\r\n
;\r\n}\r\n\r\nMuiInputText.defaultProps = {\r\n secureTextEntry: false,\r\n addAsteriskToLabel: false,\r\n variant: 'outlined',\r\n fullWidth: true,\r\n showErrorMessage: true,\r\n readOnly: false,\r\n masked: false,\r\n adornmentVariant: 'outlined',\r\n labelVariant: 'outlined',\r\n autoFocus: false,\r\n required: false,\r\n autocompleteType: ''\r\n};\r\n\r\nMuiInputText.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string,\r\n secureTextEntry: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n addAsteriskToLabel: PropTypes.bool,\r\n meta: PropTypes.object,\r\n input: PropTypes.object,\r\n variant: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n onFocus: PropTypes.func,\r\n showErrorMessage: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n startAdornment: PropTypes.string,\r\n masked: PropTypes.bool,\r\n adornmentVariant: PropTypes.string,\r\n labelVariant: PropTypes.string,\r\n autoFocus: PropTypes.bool,\r\n required: PropTypes.bool,\r\n autocompleteType: PropTypes.string,\r\n textBoxRef: PropTypes.object\r\n};\r\n","import React from 'react';\r\nimport styles from './_muibutton.module.scss';\r\nimport classNames from 'classnames';\r\nimport { Button } from '@material-ui/core';\r\nimport './_muibutton.scss';\r\n\r\nfunction MuiButton({ theme, label, size, isMaxWidth, keepLabelCase, icon, className, noPadding, ...props }) {\r\n return (\r\n \r\n
);\r\n};\r\n\r\nMuiButton.defaultProps = {\r\n size: 'medium',\r\n isMaxWidth: false,\r\n keepLabelCase: false,\r\n className: '',\r\n noPadding: false\r\n};\r\n\r\nexport default MuiButton;\r\n","export const defaultFormProperties = {\r\n enableReinitialize: true,\r\n shouldAsyncValidate: ({ pristine, syncValidationPasses }) => !pristine && syncValidationPasses,\r\n onSubmitFail: (errors) => {\r\n if (!errors || typeof errors !== 'object') {\r\n return;\r\n }\r\n const invalidInputName = Object.keys(errors)[0];\r\n if (!invalidInputName) {\r\n return;\r\n }\r\n const invalidInput = document.getElementsByName(invalidInputName)[0];\r\n if (!invalidInput) {\r\n return;\r\n }\r\n invalidInput.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n};","function parseBigInt(value, radix) {\r\n let result = BigInt(0);\r\n let isBroke = false;\r\n for (const symbol of [...value.toString()]) {\r\n const currentSymbolAsDeciaml = parseInt(symbol, radix);\r\n if (isNaN(currentSymbolAsDeciaml)) {\r\n isBroke = true;\r\n break;\r\n }\r\n result = result * BigInt(radix) + BigInt(currentSymbolAsDeciaml);\r\n }\r\n return isBroke ? null : result;\r\n}\r\n\r\nexport default parseBigInt;","import parseBigInt from './parseBigInt';\r\nimport moment from 'moment';\r\nimport { SLASHED_US_DATE_FORMAT } from '../constants/formats';\r\n\r\nconst validationRules = () => {\r\n const required = (label = '', customMessage) => (value) => {\r\n if ((typeof (value) === 'string' && /^\\s*$/.test(value)) || value === undefined || value === null) {\r\n return customMessage ? customMessage : `${label} is required.`;\r\n }\r\n return undefined;\r\n };\r\n\r\n const requiredIfGreaterThan = (nameField, label, valueToCompare) => (value, allValues) => {\r\n return allValues.get(nameField) > valueToCompare ? required(label)(value) : undefined;\r\n };\r\n\r\n const requiredIf = (nameField, label, valueToCompare) => (value, allValues) => {\r\n return allValues.get(nameField) === valueToCompare ? required(label)(value) : undefined;\r\n };\r\n\r\n const requiredIfAny = (nameField, label, valuesToCompare) => (value, allValues) => {\r\n return valuesToCompare.includes(allValues.get(nameField)) ? required(label)(value) : undefined;\r\n };\r\n\r\n const fileRequired = label => (value) => {\r\n return required(label, 'Please select a file.')(value);\r\n };\r\n\r\n const regex = (regex, message) => (value) => {\r\n if (!value || new RegExp(regex, 'g').test(value)) {\r\n return undefined;\r\n }\r\n return message;\r\n };\r\n\r\n const passwordRegex = regex(\r\n '^(?=.*\\\\d)(?=.*[a-zA-Z])[a-zA-Z\\\\d!\"\"#$%&\\'()*+,-.\\\\/:;<=>?@\\\\[\\\\\\\\\\\\]^_`{|}~]{8,}$',\r\n 'A password must be at least 8 characters and contain at least 1 letter and 1 number: letters A-Z (lowercase and uppercase), digits 0-9.'\r\n );\r\n\r\n const numericRegex = /[^0-9.-]+/g;\r\n\r\n const length = (label, min, max) => (value) => {\r\n const valueLength = value ? value.length : 0;\r\n\r\n if (min && max && (valueLength < min || valueLength > max)) {\r\n return min === max\r\n ? `${label} must be ${min} symbols.`\r\n : `${label} must be between ${min} and ${max}`;\r\n } else if (min && valueLength < min) {\r\n return `${label} must be at least ${min} symbols.`;\r\n } else if (max && valueLength > max) {\r\n return `${label} must be at most ${max} symbols.`;\r\n }\r\n\r\n return undefined;\r\n };\r\n\r\n const numericOrEmpty = (label = '') => (value) => {\r\n return isNaN(value) || (typeof (value) === 'string' && value.indexOf(' ') >= 0)\r\n ? `${label} must be numeric.`\r\n : undefined;\r\n };\r\n\r\n const numericOrEmptyWithWildcard = (label, wildcardAllowed) => (\r\n value,\r\n allValues,\r\n formProps\r\n ) => {\r\n value = value.replace(new RegExp(wildcardAllowed, 'gi'), '');\r\n return numericOrEmpty(label)(value);\r\n };\r\n\r\n const phoneNumber = (label) => {\r\n return regex(\r\n '^\\\\+1\\\\d{10}$',\r\n `${label} is invalid. ${label} must be +1XXXXXXXXXX.`,\r\n true\r\n );\r\n };\r\n\r\n const email = (label) => {\r\n return regex(\r\n '^([a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\\\.[a-zA-Z0-9-]+)+)$',\r\n `${label} is not valid.`,\r\n true\r\n );\r\n };\r\n\r\n const alphanumeric = (label) => {\r\n return regex(\r\n '^[a-zA-Z0-9-]+$',\r\n `${label} must be alphanumeric.`\r\n );\r\n };\r\n\r\n const decimalWithTwoPlaces = (label) => {\r\n return regex(\r\n '^\\\\d+(\\\\.\\\\d{0,2})?$',\r\n `${label} can't contain more than two decimal places.`\r\n );\r\n };\r\n\r\n const range = (label, min, max, type = undefined) => (value) => {\r\n let valueToTest = value !== undefined && type !== 'dateString' && isNaN(value) ? Number(value.replace(numericRegex, '')) : value;\r\n let minValueToCompare = min;\r\n let maxValueToCompare = max;\r\n if (valueToTest && type === 'dateString') {\r\n valueToTest = new Date(valueToTest);\r\n minValueToCompare = new Date(min);\r\n maxValueToCompare = new Date(max);\r\n }\r\n return valueToTest < minValueToCompare || valueToTest > maxValueToCompare ? `${label} must be between ${min} and ${max}.` : undefined;\r\n };\r\n\r\n const greaterThanMultiplicationIf = (fieldName1, fieldName2, message, nameField = undefined, valueToCompare = undefined) =>\r\n (value, allValues, formProps) => {\r\n if (value !== undefined && isNaN(value)) {\r\n value = Number(value.replace(numericRegex, ''));\r\n }\r\n return (nameField === undefined || valueToCompare === undefined || allValues.get(nameField) === valueToCompare)\r\n && value < allValues.get(fieldName1) * allValues.get(fieldName2)\r\n ? message\r\n : undefined;\r\n };\r\n\r\n const greaterThanOrEqualSpecificValue = (valueToCompare, labelFieldToTest = '', type = undefined, dateFormat = SLASHED_US_DATE_FORMAT) => (value) => {\r\n let fieldToTestValue = value !== undefined && isNaN(value) ? Number(value.replace(numericRegex, '')) : value;\r\n let formattedValueToCompare = valueToCompare;\r\n if (fieldToTestValue && type === 'dateString') {\r\n fieldToTestValue = new Date(fieldToTestValue);\r\n formattedValueToCompare = moment(formattedValueToCompare).format(dateFormat);\r\n }\r\n return fieldToTestValue >= valueToCompare ? undefined : `${labelFieldToTest} can't be less than ${formattedValueToCompare}.`;\r\n };\r\n\r\n const greaterThanOrEqual = (nameFieldToCompare, labelFieldToTest, labelFieldToCompare, type = undefined) => (value, allValues) => {\r\n let fieldToTestValue = value !== undefined && type !== 'dateString' && isNaN(value) ? Number(value.replace(numericRegex, '')) : value;\r\n let fieldToCompareValue = allValues.get(nameFieldToCompare);\r\n if (fieldToTestValue && fieldToCompareValue && type === 'dateString') {\r\n fieldToTestValue = new Date(fieldToTestValue);\r\n fieldToCompareValue = new Date(fieldToCompareValue);\r\n }\r\n return !fieldToCompareValue || fieldToTestValue >= fieldToCompareValue ? undefined : `${labelFieldToTest} can't be less than ${labelFieldToCompare}.`;\r\n };\r\n\r\n const lessThanOrEqual = (nameFieldToCompare, labelFieldToTest, labelFieldToCompare, type = undefined) => (value, allValues) => {\r\n let fieldToTestValue = value !== undefined && type !== 'dateString' && isNaN(value) ? Number(value.replace(numericRegex, '')) : value;\r\n let fieldToCompareValue = allValues.get(nameFieldToCompare);\r\n if (fieldToTestValue && fieldToCompareValue && type === 'dateString') {\r\n fieldToTestValue = new Date(fieldToTestValue);\r\n fieldToCompareValue = new Date(fieldToCompareValue);\r\n }\r\n return !fieldToCompareValue || fieldToTestValue <= fieldToCompareValue ? undefined : `${labelFieldToTest} can't be greater than ${labelFieldToCompare}.`;\r\n };\r\n\r\n const integer = label => (value) => {\r\n const parsed = parseInt(value);\r\n return parsed.toString() === value.toString() ? undefined : `${label} is not valid.`;\r\n };\r\n\r\n const bigInt = (base, label) => (value) => {\r\n return parseBigInt(value, base) === null ? `${label} is not valid.` : undefined;\r\n };\r\n\r\n const usBankCode = () => {\r\n return regex(\r\n '^[a-zA-Z/\\\\d]{2}$',\r\n 'US Bank Code must consist of 2 latin letters or digits.'\r\n );\r\n };\r\n\r\n const notEqualTo = (nameFieldToCompare, customMessage) => (value, allValues) => {\r\n return value === allValues.get(nameFieldToCompare) ? customMessage : undefined;\r\n };\r\n\r\n const notExist = (label = '', customMessage, itemsSet = new Set()) => (value) => {\r\n if (value && itemsSet.has(value.trim().toLowerCase())) {\r\n return customMessage ? customMessage : `${label} must be unique. Item with ${value} already exist.`;\r\n }\r\n return undefined;\r\n };\r\n\r\n return {\r\n required,\r\n requiredIfGreaterThan,\r\n requiredIf,\r\n requiredIfAny,\r\n fileRequired,\r\n regex,\r\n passwordRegex,\r\n length,\r\n numericOrEmpty,\r\n numericOrEmptyWithWildcard,\r\n phoneNumber,\r\n email,\r\n range,\r\n greaterThanMultiplicationIf,\r\n lessThanOrEqual,\r\n greaterThanOrEqual,\r\n greaterThanOrEqualSpecificValue,\r\n integer,\r\n bigInt,\r\n usBankCode,\r\n alphanumeric,\r\n decimalWithTwoPlaces,\r\n notEqualTo,\r\n notExist\r\n };\r\n};\r\n\r\nexport default validationRules();\r\n","export const MONTH_YEAR = 'MMMM YYYY';\r\nexport const JSON_DATE_TIME = 'yyyy-MM-dd\\'T\\'HH:mm:ss';\r\nexport const SLASHED_US_DATE_FORMAT = 'MM/DD/YYYY';\r\nexport const MONTH_DATE_FORMAT = 'MM/DD';","import validationRules from '../../../utilities/validationRules';\r\nimport PartnerResources from './partnerResources';\r\n\r\nexport const partnerIdNumberRequired = validationRules.required(\r\n PartnerResources.labelPartnerIdNumber\r\n);\r\nexport const partnerIdNumberLength = validationRules.length(\r\n PartnerResources.labelPartnerIdNumber,\r\n 3,\r\n 8\r\n);\r\nexport const partnerIdNumberAlphanumeric = validationRules.alphanumeric(\r\n PartnerResources.labelPartnerIdNumber\r\n);\r\nexport const partnerNameRequired = validationRules.required(\r\n PartnerResources.labelName\r\n);\r\nexport const partnerNameMaxLength = validationRules.length(\r\n PartnerResources.labelName,\r\n null,\r\n 300\r\n);\r\nexport const partnerUSBankPartnerCodeRequired = validationRules.required(\r\n PartnerResources.labelUSBankPartnerCode\r\n);\r\nexport const partnerUSBankPartnerCodeFormat = validationRules.usBankCode();\r\nexport const partnerIndustryRequired = validationRules.required(\r\n PartnerResources.labelIndustry\r\n);\r\nexport const partnerIndustryMaxLength = validationRules.length(\r\n PartnerResources.labelIndustry,\r\n null,\r\n 100\r\n);\r\nexport const partnerAddress1Required = validationRules.required(\r\n PartnerResources.labelAddress1\r\n);\r\nexport const partnerAddress1MaxLength = validationRules.length(\r\n PartnerResources.labelAddress1,\r\n null,\r\n 150\r\n);\r\nexport const partnerAddress2MaxLength = validationRules.length(\r\n PartnerResources.labelAddress2,\r\n null,\r\n 150\r\n);\r\nexport const partnerCityRequired = validationRules.required(\r\n PartnerResources.labelCity\r\n);\r\nexport const partnerCityMaxLength = validationRules.length(\r\n PartnerResources.labelCity,\r\n null,\r\n 50\r\n);\r\nexport const partnerStateRequired = validationRules.required(\r\n PartnerResources.labelState\r\n);\r\nexport const partnerZipCodeRequired = validationRules.required(\r\n PartnerResources.labelZipCode\r\n);\r\nexport const partnerZipCodeNumeric = validationRules.numericOrEmpty(\r\n PartnerResources.labelZipCode\r\n);\r\nexport const partnerZipCodeLength = validationRules.length(\r\n PartnerResources.labelZipCode,\r\n 5,\r\n 5\r\n);\r\nexport const partnerCountryRequired = validationRules.required(\r\n PartnerResources.labelCountry\r\n);\r\nexport const partnerCountryMaxLength = validationRules.length(\r\n PartnerResources.labelCountry,\r\n null,\r\n 10\r\n);\r\nexport const partnerWebsiteMaxLength = validationRules.length(\r\n PartnerResources.labelWebsite,\r\n null,\r\n 100\r\n);\r\nexport const partnerFirstNameRequired = validationRules.required(\r\n PartnerResources.labelFirstName\r\n);\r\nexport const partnerFirstNameMaxLength = validationRules.length(\r\n PartnerResources.labelFirstName,\r\n null,\r\n 50\r\n);\r\nexport const partnerLastNameRequired = validationRules.required(\r\n PartnerResources.labelLastName\r\n);\r\nexport const partnerLastNameMaxLength = validationRules.length(\r\n PartnerResources.labelLastName,\r\n null,\r\n 50\r\n);\r\nexport const partnerPhoneNumberRequired = validationRules.required(\r\n PartnerResources.labelPhoneNumber\r\n);\r\nexport const partnerPhoneNumberMaxLength = validationRules.length(\r\n PartnerResources.labelPhoneNumber,\r\n null,\r\n 25\r\n);\r\nexport const partnerPhoneNumberFormat = validationRules.phoneNumber(\r\n PartnerResources.labelPhoneNumber\r\n);\r\nexport const partnerEmailAddressRequired = validationRules.required(\r\n PartnerResources.labelEmailAddress\r\n);\r\nexport const partnerEmailAddressMaxLength = validationRules.length(\r\n PartnerResources.labelEmailAddress,\r\n null,\r\n 320\r\n);\r\nexport const partnerEmailAddressFormat = validationRules.email(\r\n PartnerResources.labelEmailAddress\r\n);\r\nexport const partnerNotesMaxLength = validationRules.length(\r\n PartnerResources.labelNotes,\r\n null,\r\n 2020\r\n);\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './_muiinput.scss';\r\nimport { TextField } from '@material-ui/core';\r\n\r\nexport function MuiTextArea(props) {\r\n const {\r\n meta = {},\r\n input = {},\r\n label,\r\n addAsteriskToLabel,\r\n variant,\r\n defaultValue,\r\n id,\r\n disabled,\r\n onClick,\r\n fullWidth,\r\n minRows,\r\n maxRows\r\n } = props;\r\n const muiLabel = useMemo(() => {\r\n return addAsteriskToLabel ? `${label} *` : label;\r\n }, [addAsteriskToLabel]);\r\n const { value, name, onChange, onBlur } = input;\r\n const { error, touched } = meta;\r\n const showError = error && touched;\r\n return \r\n {\r\n (\r\n
;\r\n}\r\n\r\nMuiTextArea.defaultProps = {\r\n addAsteriskToLabel: false,\r\n variant: 'outlined',\r\n fullWidth: true,\r\n minRows: 4,\r\n maxRows: 4,\r\n};\r\n\r\nMuiTextArea.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n addAsteriskToLabel: PropTypes.bool,\r\n meta: PropTypes.object,\r\n input: PropTypes.object,\r\n variant: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n minRows: PropTypes.number,\r\n maxRows: PropTypes.number\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nconst InputCheckbox = ({ label, id, disabled, value,\r\n onChange, error, touched, name, onBlur, checked }) => {\r\n const controlClass = 'c-control';\r\n const inputTypeClass = 'c-checkbox';\r\n const showError = error && touched;\r\n return (<>\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nInputCheckbox.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n id: PropTypes.string.isRequired,\r\n name: PropTypes.string,\r\n error: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n checked: PropTypes.bool,\r\n touched: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func\r\n};\r\n\r\nconst ReduxInputCheckbox = ({ input, meta, ...custom }) => {\r\n return (\r\n \r\n
\r\n {\r\n showError &&\r\n \r\n {error}\r\n
\r\n }\r\n \r\n {label && (\r\n \r\n )}\r\n \r\n {options.map(option => (\r\n
\r\n {meta.submitFailed && meta.error && (\r\n {meta.error}
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nCheckBoxGroup.propTypes = {\r\n label: PropTypes.string,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired\r\n })\r\n ).isRequired,\r\n inline: PropTypes.bool,\r\n input: PropTypes.object,\r\n meta: PropTypes.object,\r\n areDisabledCheckedInitials: PropTypes.bool\r\n};\r\n\r\nCheckBoxGroup.defaultProps = {\r\n onChange: () => undefined,\r\n onBlur: () => undefined\r\n};\r\n\r\nexport default CheckBoxGroup;\r\n","const SharedResources = {\r\n imageTextExportToExcel: 'Export to Excel',\r\n showButtonText: 'show',\r\n addButtonText: 'Add',\r\n saveButtonText: 'Save',\r\n saveChangesButtonText: 'Save Changes',\r\n updateButtonText: 'Update',\r\n cancelButtonText: 'Cancel',\r\n closeButtonText: 'Close',\r\n uploadButtonText: 'Upload',\r\n backButtonText: 'Back',\r\n editLabel: 'Edit',\r\n okLabel: 'Ok',\r\n cancelLabel: 'Cancel',\r\n confirmLabel: 'Confirm',\r\n toggleShowToolTip: 'Expand side panel',\r\n toggleHideToolTip: 'Collapse side panel',\r\n resetButtonText: 'Reset',\r\n showMoreButtonText: '... show more',\r\n showLessButtonText: '... show less',\r\n applyButtonText: 'Apply',\r\n clearButtonText: 'Clear',\r\n downloadButtonText: 'Download'\r\n};\r\nexport default SharedResources;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form/immutable';\r\nimport FormGroup from '../../../components/controls/FormGroup';\r\nimport { MuiInputText } from '../../../components/controls/MuiInputText';\r\nimport MuiButton from '../../../components/controls/MuiButton';\r\nimport { defaultFormProperties } from '../../../utilities/form';\r\nimport InputSelect from '../../../components/controls/InputSelect';\r\nimport PartnerResources from './partnerResources';\r\nimport * as validationRules from './partnerValidation';\r\nimport { MuiTextArea } from '../../../components/controls/MuiTextArea';\r\nimport InfoBox from '../../../components/InfoBox/InfoBox';\r\nimport CheckBoxGroup from '../../../components/controls/CheckBoxGroup';\r\nimport routes from '../../../routing/routes';\r\nimport resources from '../../Shared/resources';\r\nimport { useFlags } from 'launchdarkly-react-client-sdk';\r\n\r\nconst ManagePartnerForm = ({\r\n pristine,\r\n submitting,\r\n handleSubmit,\r\n states,\r\n programTypes,\r\n history,\r\n isAdd\r\n}) => {\r\n const backToPartners = function () {\r\n history.push(routes.partners.path);\r\n };\r\n const { gmrAddProgram } = useFlags();\r\n return (\r\n \r\n
\r\n \r\n \r\n option.get('name')}\r\n getOptionValue={option => option.get('abbr')}\r\n component={InputSelect}\r\n validate={validationRules.partnerStateRequired}\r\n isSearchable\r\n />\r\n \r\n
\r\n {programTypes && !gmrAddProgram && (\r\n \r\n \r\n {\r\n return {\r\n id: pt.get('id').toString(),\r\n name: pt.get('id').toString(),\r\n label: pt.get('name')\r\n };\r\n })\r\n .toJS()}\r\n areDisabledCheckedInitials\r\n />\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {resources.saveButtonText}\r\n \r\n
\r\n \r\n {isAdd && (\r\n \r\n {resources.cancelButtonText}\r\n \r\n )}\r\n
\r\n \r\n {title &&
\r\n );\r\n};\r\n\r\nCardInfo.defaultProps = {\r\n shadow: true,\r\n noPadding: false,\r\n noInnerMargin: false\r\n};\r\n\r\nCardInfo.propTypes = {\r\n title: PropTypes.string,\r\n subtitle: PropTypes.string,\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node,\r\n ]),\r\n shadow: PropTypes.bool,\r\n halfSpace: PropTypes.bool,\r\n noPadding: PropTypes.bool,\r\n noInnerMargin: PropTypes.bool\r\n};\r\n\r\nexport default CardInfo;\r\n","import * as types from './programTypeTypes';\r\nimport * as programTypeService from './programTypeService';\r\nimport * as loadingActions from '../Loading/loadingActions';\r\n\r\nconst getProgramTypesSuccess = (programTypes) => {\r\n return { type: types.GET_PROGRAM_TYPES_SUCCESS, programTypes };\r\n};\r\n\r\nexport function getProgramTypes() {\r\n return function(dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_PROGRAM_TYPES));\r\n return programTypeService\r\n .getProgramTypes()\r\n .then((programTypes) => {\r\n dispatch(getProgramTypesSuccess(programTypes));\r\n })\r\n .finally(() =>\r\n dispatch(loadingActions.unsetLoading(types.GET_PROGRAM_TYPES))\r\n );\r\n };\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport routes from '../../../routing/routes';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n savePartner,\r\n getPartner\r\n} from '../../Shared/Partners/managePartnerActions';\r\nimport ManagePartnerForm from '../../Shared/Partners/ManagePartnerForm';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport { getStatesList } from '../../States/stateActions';\r\nimport selectors from './addPartnerPageSelectors';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport { getProgramTypes } from '../../ProgramTypes/programTypeActions';\r\n\r\nfunction AddPartnerPage({\r\n savePartner,\r\n history,\r\n isLoading,\r\n getStates,\r\n states,\r\n partner,\r\n getPartner,\r\n getProgramTypes,\r\n programTypes\r\n}) {\r\n useEffect(() => {\r\n getPartner();\r\n getStates();\r\n getProgramTypes();\r\n }, []);\r\n function handleSave(partner) {\r\n savePartner(partner.toJS()).then(() => {\r\n history.push(routes.partners.path);\r\n });\r\n }\r\n return isLoading ?\r\n (\r\n {title}
}\r\n {subtitle &&{subtitle}
}\r\n{children}
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nAddPartnerPage.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n isLoading: PropTypes.bool.isRequired,\r\n savePartner: PropTypes.func.isRequired,\r\n getPartner: PropTypes.func.isRequired,\r\n states: PropTypes.object.isRequired,\r\n getStates: PropTypes.func.isRequired,\r\n partner: PropTypes.object.isRequired,\r\n programTypes: PropTypes.object.isRequired,\r\n getProgramTypes: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n savePartner,\r\n getPartner,\r\n getStates: getStatesList,\r\n getProgramTypes\r\n};\r\nconst connectStateToProps = connect(selectors, mapDispatchToProps);\r\n\r\nexport default connectStateToProps(AddPartnerPage);\r\n","import { createSelector } from 'reselect';\r\n\r\nconst getIsGroupMembershipAddedToPartner = (state) => {\r\n return state.partnerOwnerAreaReducer.get('isGroupMembershipAddedToPartner');\r\n};\r\n\r\nconst checkShouldRedirect = createSelector(\r\n [getIsGroupMembershipAddedToPartner],\r\n (isGroupMembershipAddedToPartner) => {\r\n return isGroupMembershipAddedToPartner !== undefined;\r\n }\r\n);\r\n\r\nconst getRoutes = (state, props) => {\r\n return props.currentRoute.routes;\r\n};\r\n\r\nexport default createSelector(\r\n [\r\n checkShouldRedirect,\r\n getRoutes,\r\n getIsGroupMembershipAddedToPartner\r\n ],\r\n (shouldRedirect, filteredRoutes, isGroupMembershipAddedToPartner) => ({\r\n shouldRedirect, filteredRoutes, isGroupMembershipAddedToPartner\r\n })\r\n);\r\n","import React, { Component } from 'react';\r\nimport classNames from 'classnames';\r\nimport { NavLink } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { SPACE } from '../../constants/keyCodes';\r\nimport './_tabs.scss';\r\n\r\nclass NavigationTabControl extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleKeyPress = this.handleKeyPress.bind(this);\r\n }\r\n\r\n handleKeyPress(event, tab) {\r\n if (event.which === SPACE) {\r\n event.preventDefault();\r\n this.props.onNavigate(tab.path);\r\n }\r\n }\r\n\r\n render() {\r\n const tabs = this.props.tabs.filter(\r\n tab => !tab.isHiddenOnUI\r\n );\r\n\r\n return (\r\n Add Partner
\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nNavigationTabControl.defaultProps = {\r\n onNavigate: () => { },\r\n};\r\n\r\nNavigationTabControl.propTypes = {\r\n children: PropTypes.node,\r\n onNavigate: PropTypes.func,\r\n tabs: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n displayName: PropTypes.string,\r\n path: PropTypes.string,\r\n })\r\n ),\r\n};\r\n\r\nexport default NavigationTabControl;\r\n","export const SPACE = 32;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { routeType } from '../routing/routes';\r\n\r\nconst ConditionalRedirect = ({ condition, fromRoute, toRoute }) => {\r\n return condition ?\r\n (\r\n - \r\n {tabs.map(tab => (\r\n
\r\n \r\n {filteredRoutes.map((route, i) => (\r\n \r\n
;\r\n};\r\n\r\nPartnerInfoPage.propTypes = {\r\n match: PropTypes.object.isRequired,\r\n history: PropTypes.shape({\r\n push: PropTypes.func.isRequired\r\n }).isRequired,\r\n currentRoute: routeType.isRequired,\r\n shouldRedirect: PropTypes.bool,\r\n filteredRoutes: PropTypes.arrayOf(routeType),\r\n resetBankAccount: PropTypes.func.isRequired,\r\n isGroupMembershipAddedToPartner: PropTypes.bool\r\n};\r\n\r\nexport default connect(selectors, { resetBankAccount })(PartnerInfoPage);\r\n","import { createSelector } from 'reselect';\r\nimport {\r\n SAVE_PARTNER,\r\n GET_PARTNER\r\n} from '../../Shared/Partners/managePartnerTypes';\r\nimport { GET_PROGRAM_TYPES } from '../../ProgramTypes/programTypeTypes';\r\nimport { GET_STATES_LIST } from '../../States/stateTypes';\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings').filter(\r\n i => i === SAVE_PARTNER ||\r\n\t\t\t\ti === GET_PARTNER ||\r\n\t\t\t\ti === GET_PROGRAM_TYPES ||\r\n\t\t\t\ti === GET_STATES_LIST\r\n ).size;\r\n\r\n return size > 0;\r\n};\r\nconst getPartner = state => state.managePartnerReducer.get('partner');\r\nconst getStates = state => state.stateReducer.get('states');\r\nconst getProgramTypes = state => state.programTypeReducer.get('programTypes');\r\n\r\nexport default createSelector(\r\n [getIsLoading, getPartner, getStates, getProgramTypes],\r\n (isLoading, partner, states, programTypes) => ({\r\n isLoading,\r\n partner,\r\n states,\r\n programTypes,\r\n })\r\n);\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n savePartner\r\n} from '../../Shared/Partners/managePartnerActions';\r\nimport ManagePartnerForm from '../../Shared/Partners/ManagePartnerForm';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport { getStatesList } from '../../States/stateActions';\r\nimport selectors from './generalInfoSelectors';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport { getProgramTypes } from '../../ProgramTypes/programTypeActions';\r\n\r\nfunction GeneralInfoTab({\r\n savePartner,\r\n isLoading,\r\n getStates,\r\n states,\r\n partner,\r\n getProgramTypes,\r\n programTypes,\r\n history\r\n}) {\r\n useEffect(() => {\r\n getStates();\r\n getProgramTypes();\r\n }, []);\r\n\r\n function handleSave(partner) {\r\n savePartner(partner.toJS());\r\n }\r\n return isLoading ?\r\n (\r\n Partner Information
\r\n\r\n
\r\n \r\n
\r\n :\r\n <>\r\n {accountNumberExists && (\r\n \r\n
\r\n \r\n \r\n {payeeToken && (\r\n
\r\n \r\n getBankAccountDetails(payeeToken)}\r\n >\r\n {BankingInfoResources.retrieveButtonLabel}\r\n \r\n
\r\n )}\r\n {accountNumberExists && ({payeeToken}
\r\n\r\n
)}\r\n {BankingInfoResources.routingNumberLabel}: {routingNumber}
\r\n{BankingInfoResources.accountNumberLabel}: {accountNumber}
\r\n\r\n
\r\n )}\r\n \r\n }\r\n \r\n {BankingInfoResources.labelCurrentLinkedAccount}\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 {resources.updateButtonText}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nAdditionalDetails.propTypes = {\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n icon: PropTypes.element\r\n};\r\n\r\nexport default AdditionalDetails;\r\n","import React from 'react';\r\nimport AdditionalDetails from '../../../components/AdditionalDetails/AdditionalDetails';\r\nimport Icon from '../../../components/Icon/Icon';\r\nimport { Attention } from '../../../components/Icon/Icons';\r\n\r\nfunction BankingInfoSecurityNote() {\r\n return (\r\n \r\n {icon}\r\n
\r\n \r\n {title &&
\r\n {title}
}\r\n \r\n {text}\r\n \r\n\r\n\t\t\t\tBanking information is required. Please, update!\r\n
\r\n );\r\n }\r\n return <>;\r\n}\r\n\r\nBankingInfoStatus.propTypes = {\r\n bankingInfo: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired\r\n};\r\n\r\nexport default BankingInfoStatus;\r\n","import React, { Fragment, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport selectors from './partnerBankingInfoSelectors';\r\nimport actions from './partnerBankingInfoActions';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport InfoBox from '../../../components/InfoBox/InfoBox';\r\nimport BankingInfoForm from '../../Shared/BankingInfo/BankingInfoForm';\r\nimport BankingInfoSecurityNote from '../../Shared/BankingInfo/BankingInfoSecurityNote';\r\nimport BankingInfoStatus from '../../Shared/BankingInfo/BankingInfoStatus';\r\nimport '../../Shared/BankingInfo/_banking-info.scss';\r\n\r\nfunction PartnerBankingInfoTab({\r\n match,\r\n isLoading,\r\n submit,\r\n bankingInfo,\r\n getBankingInfo,\r\n getBankAccountDetails,\r\n payeeToken,\r\n accountNumber,\r\n routingNumber,\r\n isAdmin\r\n}) {\r\n useEffect(() => {\r\n getBankingInfo(match.params.partnerId);\r\n }, []);\r\n\r\n return (\r\n \r\n {isLoading ?\r\n (\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nPartnerBankingInfoTab.propTypes = {\r\n match: PropTypes.object.isRequired,\r\n getBankingInfo: PropTypes.func.isRequired,\r\n submit: PropTypes.func.isRequired,\r\n isLoading: PropTypes.bool.isRequired,\r\n bankingInfo: PropTypes.object.isRequired,\r\n payeeToken: PropTypes.string,\r\n getBankAccountDetails: PropTypes.func,\r\n accountNumber: PropTypes.string,\r\n routingNumber: PropTypes.string,\r\n isAdmin: PropTypes.bool\r\n};\r\n\r\nexport default connect(selectors, actions)(PartnerBankingInfoTab);\r\n","const partnerBillingTypes = Object.freeze({\r\n ACHPaymentToHC: 1,\r\n DirectFromBankAccount: 2\r\n});\r\nexport const partnerBillingTypesNamesMap = Object.freeze({\r\n [partnerBillingTypes.ACHPaymentToHC]: 'ACH payment to HC',\r\n [partnerBillingTypes.DirectFromBankAccount]: 'Direct from Bank Account'\r\n});\r\nexport default partnerBillingTypes;\r\n","const PartnerBillingInfoResources = {\r\n labelBillingType: 'Billing Type',\r\n titleWithdrawalFromBankingInfo: 'Withdrawal from banking info',\r\n formPartnerBillingInfo: 'partnerBillingInfoForm',\r\n fieldPartnerBillingTypeID: 'partnerBillingTypeID',\r\n bankAccountModelName: 'bankAccount'\r\n};\r\n\r\nexport default PartnerBillingInfoResources;\r\n","import { createSelector } from 'reselect';\r\nimport { formValueSelector } from 'redux-form';\r\nimport {\r\n GET_BILLING_INFO,\r\n GET_PAYMENT_TYPES_LIST,\r\n UPDATE_BILLING_INFO,\r\n GET_BANK_ACCOUNT_DETAILS\r\n} from './partnerBillingInfoTypes';\r\nimport partnerBillingTypes from '../../../enums/partnerBillingTypes';\r\nimport partnerBillingInfoResources from './partnerBillingInfoResources';\r\n\r\nexport const getIsLoading = (state) => {\r\n return state.loadingReducer.get('loadings').filter(\r\n i => i === GET_BILLING_INFO || i === GET_PAYMENT_TYPES_LIST || i === UPDATE_BILLING_INFO || i === GET_BANK_ACCOUNT_DETAILS\r\n ).size > 0;\r\n};\r\n\r\nexport const getBillingInfoSelector = state => state.partnerBillingInfoReducer.get('billingInfo');\r\nexport const getPaymentTypesListSelector = state => state.partnerBillingInfoReducer.get('paymentTypesList');\r\n\r\nconst getPayeeToken = createSelector([getBillingInfoSelector], billingInfo => billingInfo.getIn(['bankAccount', 'payeeToken']));\r\nconst getAccountNumber = state => state.partnerBillingInfoReducer.getIn(['bankAccountDetails', 'accountNumber']);\r\nconst getRoutingNumber = state => state.partnerBillingInfoReducer.getIn(['bankAccountDetails', 'routingNumber']);\r\n\r\nconst formSelector = formValueSelector(partnerBillingInfoResources.formPartnerBillingInfo, state => state.form.toJS());\r\nconst getPartnerBillingTypeID = state => formSelector(state, partnerBillingInfoResources.fieldPartnerBillingTypeID);\r\nconst getIsWithdrawalInfoVisible = createSelector([getPartnerBillingTypeID],\r\n partnerBillingTypeID => partnerBillingTypeID === partnerBillingTypes.DirectFromBankAccount);\r\n\r\nexport default createSelector(\r\n [getIsLoading, getBillingInfoSelector, getPaymentTypesListSelector, getIsWithdrawalInfoVisible, getPayeeToken, getAccountNumber, getRoutingNumber],\r\n (isLoading, billingInfo, paymentTypesList, isWithdrawalInfoVisible, payeeToken, accountNumber, routingNumber) => ({\r\n isLoading,\r\n billingInfo,\r\n paymentTypesList,\r\n isWithdrawalInfoVisible,\r\n payeeToken,\r\n accountNumber,\r\n routingNumber\r\n })\r\n);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { InputLabel, MenuItem, Select, FormControl, FormHelperText } from '@material-ui/core';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport './_muiinput.scss';\r\nimport styles from './_muiinput.module.scss';\r\n\r\nconst classes = {\r\n root: {\r\n '& .MuiOutlinedInput-root.Mui-disabled': {\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n border: 'none',\r\n 'border-color': 'transparent'\r\n }\r\n }\r\n },\r\n};\r\n\r\nfunction MuiInputSelect(props) {\r\n const {\r\n meta = {},\r\n input = {},\r\n label,\r\n addAsteriskToLabel,\r\n variant,\r\n defaultValue,\r\n options,\r\n id,\r\n labelId,\r\n getOptionLabel,\r\n getOptionValue,\r\n disabled,\r\n fullWidth,\r\n placeholder,\r\n readOnly,\r\n iconComponent,\r\n classes,\r\n hideValidationMessage\r\n } = props;\r\n useEffect(() => {\r\n setTouched(meta.touched);\r\n }, [meta.touched]);\r\n const muiLabel = useMemo(() => {\r\n return addAsteriskToLabel ? `${label} *` : label;\r\n }, [addAsteriskToLabel]);\r\n const [touched, setTouched] = useState(false);\r\n const { value, onChange, name } = input;\r\n const { error } = meta;\r\n const [open, setOpen] = useState(false);\r\n const showError = error && touched;\r\n const handleClose = () => {\r\n setOpen(false);\r\n setTouched(true);\r\n };\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n return \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {muiLabel} \r\n null : iconComponent}\r\n className={readOnly ? styles.input_readOnly : ''}\r\n classes={{\r\n select: disabled ? styles.select_input_disabled : '',\r\n icon: disabled ? styles.select_icon_disabled : ''\r\n }}\r\n inputProps={{\r\n readOnly,\r\n className: readOnly ? styles.input_readOnly : ''\r\n }}\r\n MenuProps={{\r\n getContentAnchorEl: null,\r\n anchorOrigin: {\r\n vertical: 'bottom',\r\n horizontal: 'left',\r\n },\r\n transformOrigin: {\r\n vertical: 'top',\r\n horizontal: 'left',\r\n },\r\n classes: { paper: styles.paper }\r\n }}\r\n >\r\n {placeholder !== undefined && (\r\n \r\n )}\r\n {options.map(option => (\r\n \r\n {getOptionLabel(option)}\r\n \r\n ))}\r\n \r\n {!hideValidationMessage && showError && (\r\n {error} \r\n )}\r\n \r\n
;\r\n}\r\n\r\nMuiInputSelect.defaultProps = {\r\n addAsteriskToLabel: false,\r\n variant: 'outlined',\r\n disabled: false,\r\n fullWidth: true,\r\n readOnly: false\r\n};\r\n\r\nMuiInputSelect.propTypes = {\r\n labelId: PropTypes.string,\r\n label: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n addAsteriskToLabel: PropTypes.bool,\r\n meta: PropTypes.object,\r\n input: PropTypes.object,\r\n variant: PropTypes.string,\r\n options: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n getOptionValue: PropTypes.func,\r\n getOptionLabel: PropTypes.func,\r\n fullWidth: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n readOnly: PropTypes.bool,\r\n iconComponent: PropTypes.elementType,\r\n classes: PropTypes.object,\r\n hideValidationMessage: PropTypes.bool\r\n};\r\n\r\nexport default withStyles(classes)(MuiInputSelect);","import validationRules from '../../../utilities/validationRules';\r\nimport partnerBillingInfoResources from './partnerBillingInfoResources';\r\n\r\nexport const partnerBillingTypeRequired = validationRules.required(\r\n partnerBillingInfoResources.labelBillingType\r\n);\r\n\r\nexport const routingNumberRequired = validationRules.required(\r\n partnerBillingInfoResources.labelRoutingNumber\r\n);\r\n\r\nexport const accountNumberRequired = validationRules.required(\r\n partnerBillingInfoResources.labelAccountNumber\r\n);\r\n\r\nexport const accountTypeRequired = validationRules.required(\r\n partnerBillingInfoResources.labelAccountType\r\n);","import http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\nimport { replaceRouteParams } from '../../../utilities/routeHelper';\r\n\r\nexport function getBillingInfo(partnerId) {\r\n return http.get(replaceRouteParams(API_PATHS.partnerBillingInfo, partnerId));\r\n}\r\n\r\nexport function getPaymentTypesList() {\r\n return http.get(API_PATHS.partnerBillingTypes);\r\n}\r\n\r\nexport function updateBillingInfo(partnerId, billingInfo) {\r\n return http.patch(replaceRouteParams(API_PATHS.updatePartnerBillingInfo, partnerId), billingInfo);\r\n}\r\n\r\nexport function getBankAccountDetails(payeeToken) {\r\n return http.get(API_PATHS.partnerBankAccountDetails, { params: { payeeToken } });\r\n}","import {\r\n GET_BILLING_INFO,\r\n SET_BILLING_INFO,\r\n GET_PAYMENT_TYPES_LIST,\r\n SET_PAYMENT_TYPES_LIST,\r\n UPDATE_BILLING_INFO,\r\n GET_BANK_ACCOUNT_DETAILS,\r\n SET_BANK_ACCOUNT_DETAILS\r\n} from './partnerBillingInfoTypes';\r\nimport * as loadingActions from '../../Loading/loadingActions';\r\nimport * as PartnerBillingInfoService from './partnerBillingInfoService';\r\nimport partnerBillingTypes from '../../../enums/partnerBillingTypes';\r\n\r\nconst setBillingInfo = billingInfo => ({\r\n type: SET_BILLING_INFO,\r\n payload: {\r\n billingInfo\r\n }\r\n});\r\n\r\nconst setPaymentTypesList = paymentTypesList => ({\r\n type: SET_PAYMENT_TYPES_LIST,\r\n payload: {\r\n paymentTypesList\r\n }\r\n});\r\n\r\nconst setBankAccountDetails = bankAccountDetails => ({\r\n type: SET_BANK_ACCOUNT_DETAILS,\r\n payload: {\r\n bankAccountDetails\r\n }\r\n});\r\n\r\nexport const getBillingInfo = partnerId => (dispatch) => {\r\n dispatch(loadingActions.setLoading(GET_BILLING_INFO));\r\n return PartnerBillingInfoService.getBillingInfo(partnerId)\r\n .then((billingInfo) => {\r\n dispatch(setBillingInfo(billingInfo));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(GET_BILLING_INFO));\r\n });\r\n};\r\n\r\nexport const getPaymentTypesList = () => (dispatch) => {\r\n dispatch(loadingActions.setLoading(GET_PAYMENT_TYPES_LIST));\r\n return PartnerBillingInfoService.getPaymentTypesList()\r\n .then((paymentTypesList) => {\r\n dispatch(setPaymentTypesList(paymentTypesList));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(GET_PAYMENT_TYPES_LIST));\r\n });\r\n};\r\n\r\nexport const updateBillingInfo = (partnerId, billingInfo) => (dispatch) => {\r\n dispatch(loadingActions.setLoading(UPDATE_BILLING_INFO));\r\n if (billingInfo.partnerBillingTypeID === partnerBillingTypes.ACHPaymentToHC) {\r\n billingInfo.bankAccount = null;\r\n }\r\n return PartnerBillingInfoService.updateBillingInfo(partnerId, billingInfo)\r\n .then(() => {\r\n return PartnerBillingInfoService.getBillingInfo(partnerId)\r\n .then((billingInfo) => {\r\n dispatch(setBillingInfo(billingInfo));\r\n dispatch(setBankAccountDetails(undefined));\r\n });\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(UPDATE_BILLING_INFO));\r\n });\r\n};\r\n\r\nexport const getBankAccountDetails = payeeToken => (dispatch) => {\r\n dispatch(loadingActions.setLoading(GET_BANK_ACCOUNT_DETAILS));\r\n return PartnerBillingInfoService.getBankAccountDetails(payeeToken)\r\n .then((bankAccountDetails) => {\r\n dispatch(setBankAccountDetails(bankAccountDetails));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(GET_BANK_ACCOUNT_DETAILS));\r\n });\r\n};","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport './_mui-info-box.scss';\r\nimport MaterialIcon from '../MaterialIcon/MaterialIcon';\r\nimport { Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';\r\n\r\nconst MuiInfoBox = (props) => {\r\n const {\r\n title, className, onEdit, name, bordered, defaultExpanded, showEditButton, expandable\r\n } = props;\r\n const [expanded, setExpanded] = useState(defaultExpanded);\r\n\r\n const handleClick = (event) => {\r\n event.stopPropagation();\r\n setExpanded(!expanded);\r\n };\r\n return (\r\n \r\n {title}\r\n
}\r\n {showEditButton &&\r\n\r\n
;\r\n}\r\n\r\nBankAccountInfoRetriver.propTypes = {\r\n payeeToken: PropTypes.string,\r\n accountNumber: PropTypes.string,\r\n routingNumber: PropTypes.string,\r\n retrievePartnerBankAccountDetails: PropTypes.func.isRequired\r\n};\r\n\r\nexport default BankAccountInfoRetriver;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field } from 'redux-form/immutable';\r\nimport { MuiInputText } from '../../../components/controls/MuiInputText';\r\nimport BankingInfoResources, { BankAccountTypeOptions } from './bankingInfoResources';\r\nimport { MuiRadioGroup } from '../../../components/controls/MuiRadioGroup';\r\nimport * as bankingValidationRules from './validate';\r\n\r\nfunction BankAccountDetails({ buttons,\r\n bankAccountModelName,\r\n isCopyBankAccountChecked\r\n}) {\r\n const prefix = bankAccountModelName ? `${bankAccountModelName}.` : '';\r\n return \r\n
\r\n {\r\n payeeToken ?\r\n (\r\n \r\n
\r\n )\r\n : undefined\r\n }\r\n \r\n {BankingInfoResources.routingNumberLabel}:\r\n {routingNumber}\r\n
\r\n \r\n {BankingInfoResources.accountNumberLabel}:\r\n {accountNumber}\r\n
\r\n \r\n \r\n {BankingInfoResources.buttonRetrieve}\r\n \r\n
\r\n )\r\n : undefined\r\n }\r\n \r\n
;\r\n}\r\n\r\nBankAccountDetails.propTypes = {\r\n buttons: PropTypes.object,\r\n bankAccountModelName: PropTypes.string.isRequired,\r\n isCopyBankAccountChecked: PropTypes.bool.isRequired\r\n};\r\n\r\nexport default BankAccountDetails;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport MaterialIcon from '../MaterialIcon/MaterialIcon';\r\nimport './_warning-box.scss';\r\n\r\nconst WarningBox = (props) => {\r\n const {\r\n title,\r\n description\r\n } = props;\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {buttons && \r\n
\r\n \r\n {buttons}\r\n
}\r\n \r\n
;\r\n};\r\n\r\nWarningBox.propTypes = {\r\n title: PropTypes.string,\r\n description: PropTypes.string.isRequired\r\n};\r\n\r\nexport default WarningBox;\r\n","import React from 'react';\r\nimport WarningBox from '../../../components/WarningBox/WarningBox';\r\nimport BankingInfoResources from '../BankingInfo/bankingInfoResources';\r\n\r\nfunction BankAccountSecurityNote() {\r\n return (\r\n \r\n
\r\n \r\n {title &&
\r\n {title}
}\r\n {description}
\r\n \r\n
\r\n {\r\n isWithdrawalInfoVisible ?\r\n \r\n option.get('name')}\r\n getOptionValue={option => option.get('id')}\r\n validate={[\r\n partnerBillingValidationRules.partnerBillingTypeRequired\r\n ]}\r\n />\r\n
\r\n \r\n \r\n {sharedResources.saveButtonText}\r\n \r\n
\r\n \r\n {\r\n isLoading ?\r\n
\r\n );\r\n}\r\n\r\nPartnerBillingInfoTab.propTypes = {\r\n isLoading: PropTypes.bool.isRequired,\r\n match: PropTypes.object.isRequired,\r\n billingInfo: PropTypes.object.isRequired,\r\n getPaymentTypesList: PropTypes.func.isRequired,\r\n getBillingInfo: PropTypes.func.isRequired,\r\n updateBillingInfo: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getPaymentTypesList,\r\n getBillingInfo,\r\n updateBillingInfo\r\n};\r\n\r\nexport default connect(selectors, mapDispatchToProps)(PartnerBillingInfoTab);\r\n","import React from 'react';\r\nimport image1 from './images/img1.jpg';\r\nimport image2 from './images/img2.jpg';\r\nimport image3 from './images/img3.jpg';\r\n\r\nfunction DashboardImagesSection() {\r\n return (\r\n \r\n
\r\n : <>\r\n }\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default DashboardImagesSection;\r\n","import React from 'react';\r\n\r\nfunction DashboardDescriptionSection() {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default DashboardDescriptionSection;\r\n","import React from 'react';\r\nimport DashboardImagesSection from './DashboardImagesSection';\r\nimport DashboardDescriptionSection from './DashboardDescriptionSection';\r\n\r\nfunction DashboardPartner() {\r\n return (\r\n \r\n\t\t\t\tSincerely,\r\n
\r\n\t\t\t\tYour Healthy Contributions Team\r\n
\r\n\t\t\t\t(800) 317-2739\r\n
\r\n
\r\n );\r\n}\r\nexport default DashboardPartner;\r\n","import { createSelector } from 'reselect';\r\n\r\nconst getRoutes = (state, props) => {\r\n return props.currentRoute.routes;\r\n};\r\n\r\nexport default createSelector(\r\n [\r\n getRoutes,\r\n ],\r\n filteredRoutes => ({\r\n filteredRoutes,\r\n })\r\n);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { Switch, Redirect } from 'react-router-dom';\r\nimport { routeType } from '../../../routing/routes';\r\nimport CustomRoute from '../../../layouts/CustomRoute';\r\nimport selectors from './dashboardMemberSelectors';\r\n\r\nfunction DashboardMember({ currentRoute, filteredRoutes }) {\r\n return Healthy Contributions Partner Portal
\r\n\r\n
\r\n \r\n
\r\n \r\n\t\t\t\t\t\tWelcome to your own personal Healthy Contributions portal and\r\n\t\t\t\t\t\tdashboard. We are excited and pleased to have you here!\r\n
\r\n\r\n\t\t\t\t\t\tWe want you to have the best possible experience while navigating\r\n\t\t\t\t\t\tyour HC portal. Your Healthy Contributions team is here to help you\r\n\t\t\t\t\t\tas well. Don’t hesitate to reach out!\r\n
\r\n\r\n \r\n {filteredRoutes.map((route, i) => (\r\n \r\n
;\r\n};\r\n\r\nDashboardMember.propTypes = {\r\n currentRoute: routeType.isRequired,\r\n filteredRoutes: PropTypes.arrayOf(routeType)\r\n};\r\n\r\nexport default connect(selectors)(DashboardMember);\r\n","import * as loadingActions from '../../Loading/loadingActions';\r\nimport * as service from './storageService';\r\n\r\nexport const getFile = (partitionKey, rowKey) => (dispatch, getState) => {\r\n dispatch(loadingActions.setLoading());\r\n return service.getFile(partitionKey, rowKey)\r\n .finally(() => { dispatch(loadingActions.unsetLoading()); });\r\n};\r\n\r\n\r\n","import http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\nimport { replaceRouteParams } from '../../../utilities/routeHelper';\r\n\r\nexport const getFile = (filePartitionKey, fileRowKey) => http.get(replaceRouteParams(API_PATHS.getFile, filePartitionKey, fileRowKey));","import { createSelector } from 'reselect';\r\nimport { GET_MEMBER_INSURANCE_INFO } from './homeTypes';\r\n\r\nconst currentUser = state => state.app.get('me');\r\nconst getHasGroupMembership = createSelector([currentUser], me => me.hasGroupMembership);\r\nconst getSelectedMemberGroup = state =>state.app.get('selectedMemberGroup');\r\nconst getInsuranceInfo = state => state.homeReducer.get('insuranceInfo');\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === GET_MEMBER_INSURANCE_INFO)\r\n .size;\r\n\r\n return size > 0;\r\n};\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getHasGroupMembership,\r\n getInsuranceInfo,\r\n getSelectedMemberGroup\r\n ],\r\n (isLoading, hasGroupMembership, insuranceInfo, selectedMemberGroup) => ({\r\n isLoading,\r\n hasGroupMembership,\r\n insuranceInfo,\r\n selectedMemberGroup\r\n })\r\n);","const documentAgreementVersions = Object.freeze({\r\n V1: 1,\r\n V2: 2,\r\n V3: 3,\r\n V4: 4\r\n});\r\n\r\nexport default documentAgreementVersions;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './_icon-caption.scss';\r\nimport MaterialIcon from '../MaterialIcon/MaterialIcon';\r\n\r\nfunction IconCaption({ children, icon, className }) {\r\n return \r\n \r\n \r\n {homeResources.labelBillingDetails}
}\r\n content={ { history.push(routes.billing.path); }}>\r\n {homeResources.viewText}\r\n }\r\n />\r\n }\r\n {\r\n hasFacilityEnrollment &&\r\n {homeResources.dashboardTitle}
\r\n\r\n {homeResources.labelReimbursementAmount}
}\r\n content={currencyFormatter.formatToUSDollar(insuranceInfo.get('insuranceInfoItems').toJS()\r\n .find(item => item.key === 'Reimbursement Amount').value)}\r\n />\r\n }\r\n {\r\n (programPaymentType === programPaymentTypes.partnerMemberPaid || programPaymentType === programPaymentTypes.memberPaid) && hasFacilityEnrollment &&\r\n \r\n {homeResources.labelRequiredVisit}
}\r\n content={insuranceInfo.get('insuranceInfoItems').toJS()\r\n .find(item => item.key === 'Required Visits').value}\r\n />\r\n }\r\n {\r\n programPaymentType === programPaymentTypes.memberPaid &&\r\n \r\n \r\n \r\n {homeResources.groupMembershipTitle}\r\n \r\n {homeResources.labelMonthlyDues}
}\r\n content={currencyFormatter.formatToUSDollar(insuranceInfo.get('insuranceInfoItems').toJS()\r\n .find(item => item.key === 'Monthly Dues').value)}\r\n />\r\n }\r\n {\r\n programPaymentType === programPaymentTypes.memberPaid &&\r\n \r\n {homeResources.labelPartner}
}\r\n content={insuranceInfo.get('insuranceInfoItems').toJS()\r\n .find(item => item.key === 'Partner Name').value}\r\n />\r\n {\r\n (programPaymentType === programPaymentTypes.memberPaid || programPaymentType === programPaymentTypes.partnerMemberPaid) &&\r\n \r\n \r\n {\r\n hasFacilityEnrollment\r\n ? (\r\n insuranceInfo.get('relatedFacilities').toJS()\r\n .map((facility, facilityIndex) => (\r\n \r\n \r\n {homeResources.actiueClubTitle}\r\n \r\n \r\n ))\r\n )\r\n : (\r\n <>\r\n \r\n {homeResources.enrollInFacilityTitle}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n : (\r\n {facility['facilityName']}\r\n
\r\n \r\n \r\n {formatFacilityAddress(facility)} \r\n \r\n \r\n {facility.facilityPhone} \r\n \r\n {\r\n facility.facilityWebsite && \r\n {{facility.facilityWebsite} }\r\n \r\n }\r\n
\r\n \r\n {homeResources.noFacilitiesEnrolledText}\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\nHome.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n isLoading: PropTypes.bool.isRequired,\r\n hasGroupMembership: PropTypes.bool.isRequired,\r\n insuranceInfo: PropTypes.object,\r\n getMemberInsuranceInfo: PropTypes.func.isRequired,\r\n selectedMemberGroup: PropTypes.shape({\r\n membersIds: PropTypes.array,\r\n }),\r\n getFile: PropTypes.func,\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getMemberInsuranceInfo,\r\n getFile\r\n};\r\n\r\nexport default connect(selectors, mapDispatchToProps)(Home);\r\n","import * as loadingActions from '../../../Loading/loadingActions';\r\nimport * as types from './homeTypes';\r\n\r\nconst getMemberInsuranceInfoSuccess = (insuranceInfo) => {\r\n return { type: types.GET_MEMBER_INSURANCE_INFO_SUCCESS, insuranceInfo };\r\n};\r\n\r\nexport function getMemberInsuranceInfo(memberGuids) {\r\n return function(dispatch, getState, { InsuranceInfoService }) {\r\n dispatch(loadingActions.setLoading(types.GET_MEMBER_INSURANCE_INFO));\r\n return InsuranceInfoService.getInsuranceInfo(memberGuids)\r\n .then((insuranceInfo) => {\r\n dispatch(getMemberInsuranceInfoSuccess(insuranceInfo[0]));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_MEMBER_INSURANCE_INFO));\r\n });\r\n };\r\n}","import { HTTPS_PREFIX, GOOGLE_MAPS_URL } from '../../constants/websites';\r\nimport { TEL_PREFIX } from '../../constants/phones';\r\n\r\n\r\nexport const formatFacilityUrl = (url) => {\r\n if(!url.startsWith(HTTPS_PREFIX)) {\r\n return HTTPS_PREFIX.concat(url);\r\n }\r\n return url;\r\n};\r\n\r\nexport const formatPhoneUrl = (phoneNumber) => {\r\n return TEL_PREFIX.concat(phoneNumber);\r\n};\r\n\r\nexport const formatGoogleMapsUrl = function(facilityAddress) {\r\n return GOOGLE_MAPS_URL.concat(facilityAddress);\r\n};","export const HEALTHY_CONTRIBUTIONS = 'healthycontributions.com';\r\nexport const AMERICAN_ARBITRATION_ASSOCIATION = 'https://www.adr.org/Rules';\r\nexport const HEALTHY_CONTRIBUTIONS_WWW = 'www.healthycontributions.com';\r\nexport const GOOGLE_MAPS_URL = 'https://maps.google.com/?q=';\r\nexport const HTTPS_PREFIX = 'https://';","export const HC_PHONE_NUMBER = '1-800-317-2739';\r\nexport const TEL_PREFIX = 'tel:';","import { createSelector } from 'reselect';\r\nimport allRoutes from '../../routing/routes';\r\n\r\nconst getRoutes = (state, props) => {\r\n return props.currentRoute.routes;\r\n};\r\n\r\nexport const getMemberHasActiveFacilityEnrollments = state =>\r\n state.memberAreaReducer.get('memberHasActiveFacilityEnrollments');\r\n\r\nconst getFilteredRoutes = createSelector(\r\n [getMemberHasActiveFacilityEnrollments, getRoutes],\r\n (memberHasActiveFacilityEnrollments, authorizedRoutes) => {\r\n return authorizedRoutes.filter((route) => {\r\n if (route.name === allRoutes.usageLog.name) {\r\n return memberHasActiveFacilityEnrollments;\r\n }\r\n return true;\r\n });\r\n }\r\n);\r\n\r\nexport default createSelector(\r\n [\r\n getFilteredRoutes,\r\n ],\r\n filteredRoutes => ({\r\n filteredRoutes\r\n })\r\n);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { Switch, Redirect } from 'react-router-dom';\r\nimport selectors from './memberProfileSelectors';\r\nimport NavigationTabControl from '../../components/NavigationTabControl/NavigationTabControl';\r\nimport { routeType } from '../../routing/routes';\r\nimport CustomRoute from '../../layouts/CustomRoute';\r\n\r\nconst MemberProfile = (props) => {\r\n const {\r\n filteredRoutes\r\n } = props;\r\n\r\n return (\r\n Healthy Contributions Portal
\r\n\r\n
\r\n Hello!
\r\n\r\n
\r\n \r\n Welcome to your own personal Healthy Contributions portal and\r\n dashboard. We are excited and pleased to have you here!\r\n
\r\n\r\n Take a look around to see your facility, your personal information,\r\n and updates we may have for you regarding your monthly fitness\r\n reimbursement. We care about our individual members and want you to\r\n have the best possible experience while navigating your HC portal.\r\n
\r\n\r\n We hope you enjoy checking on your own information, updating your\r\n own banking when needed and taking your fitness benefit to the next\r\n level of satisfaction. Your Healthy Contributions team is here to\r\n help you as well. Don't hesitate to reach out!\r\n
\r\n\r\n \r\n {filteredRoutes.map((route, i) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nMemberProfile.propTypes = {\r\n history: PropTypes.shape({\r\n push: PropTypes.func,\r\n }),\r\n currentRoute: routeType,\r\n filteredRoutes: PropTypes.arrayOf(routeType),\r\n};\r\n\r\nexport default connect(selectors, null)(MemberProfile);\r\n","import logoGreen from '../../assets/images/logo_green.png';\r\nimport logoGreenHover from '../../assets/images/logo_green_hover.png';\r\nimport logoWhite from '../../assets/images/logo_white.svg';\r\nimport accessible from '../../assets/images/IconAccessible.png';\r\nimport generalInfoBanner from '../../assets/images/GeneralInfoBanner.jpg';\r\nimport excel from '../../assets/images/excel.png';\r\nimport ten from '../../assets/images/10gym.svg';\r\nimport kroc from '../../assets/images/Kroc-Center.svg';\r\nimport gold from '../../assets/images/Golds-Gym.svg';\r\nimport zumama from '../../assets/images/New-Zumama.svg';\r\nimport pool from '../../assets/images/Pool-Logo.svg';\r\nimport fruita from '../../assets/images/Fruitta.svg';\r\nimport ucare from '../../assets/images/ucare.svg';\r\nimport avera from '../../assets/images/avera.svg';\r\nimport healthpartners from '../../assets/images/healthpartners.svg';\r\nimport medica from '../../assets/images/medica.svg';\r\nimport preferredone from '../../assets/images/preferredone.svg';\r\nimport tivity from '../../assets/images/tivity.svg';\r\nimport groupYoga from '../../assets/images/Group-Yoga.png';\r\nimport grandmaTutuBlue from '../../assets/images/Grandma-Tutu-Blue.png';\r\nimport fitnessGroup1 from '../../assets/images/Fitness-Group-1.png';\r\nimport fitnessPark from '../../assets/images/Fitness-Park.png';\r\nimport fitnessHr from '../../assets/images/Fitness-Hr.png';\r\nimport healthScreen from '../../assets/images/Health-Screen.png';\r\nimport scrubsWomen from '../../assets/images/Scrubs-Women.png';\r\nimport manWprostheticWorkout from '../../assets/images/Man-Wprosthetic-Workout.png';\r\nimport womanDaughterSwim from '../../assets/images/Woman-Daughter-Swim.png';\r\nimport floatieBlue from '../../assets/images/Floatie-Blue.png';\r\nimport fitnessGroup2 from '../../assets/images/Fitness-Group-2.png';\r\nimport barMethod from '../../assets/images/bar-method.svg';\r\nimport anytimeFitness from '../../assets/images/anytime-fitness.svg';\r\nimport progress from '../../assets/images/progress.png';\r\nimport fitOnLarge from '../../assets/images/FitOnHealthlogoLarge.png';\r\n\r\n\r\nexport default {\r\n logoGreen,\r\n logoGreenHover,\r\n logoWhite,\r\n accessible,\r\n generalInfoBanner,\r\n excel,\r\n gold,\r\n ten,\r\n kroc,\r\n zumama,\r\n pool,\r\n fruita,\r\n ucare,\r\n avera,\r\n healthpartners,\r\n medica,\r\n preferredone,\r\n tivity,\r\n groupYoga,\r\n grandmaTutuBlue,\r\n fitnessGroup1,\r\n fitnessPark,\r\n fitnessHr,\r\n healthScreen,\r\n scrubsWomen,\r\n manWprostheticWorkout,\r\n womanDaughterSwim,\r\n floatieBlue,\r\n fitnessGroup2,\r\n barMethod,\r\n anytimeFitness,\r\n progress,\r\n fitOnLarge\r\n};","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport images from './Images.js';\r\nimport styles from './_image.module.scss';\r\n\r\nfunction Image({ image, imageHover, alt, className, onClick, disabled, ...props }) {\r\n const [hovered, setHovered] = useState(false);\r\n const handleClick = (event) => {\r\n onClick && !disabled && onClick(event);\r\n };\r\n if (!imageHover) {\r\n imageHover = image;\r\n }\r\n return (\r\n My Member Profile
\r\n\r\n {this.props.isLoading ?\r\n (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nGeneralInfo.propTypes = {\r\n selectedMemberGroup: PropTypes.shape({\r\n fullName: PropTypes.string,\r\n }),\r\n loadFieldsData: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n fieldsData: PropTypes.array,\r\n allMemberGroups: PropTypes.array,\r\n};\r\n\r\nconst withMemberGroupObserved = withMemberGroup({\r\n actionName: 'loadFieldsData',\r\n})(GeneralInfo);\r\n\r\nexport default connect(\r\n selectors,\r\n actions\r\n)(withMemberGroupObserved);\r\n","import React from 'react';\r\nimport { Switch, Redirect } from 'react-router-dom';\r\nimport { routeType } from '../../../routing/routes';\r\nimport CustomRoute from '../../../layouts/CustomRoute';\r\n\r\nfunction FacilityInfoTab({ currentRoute }) {\r\n const { routes } = currentRoute;\r\n return (\r\n \r\n \r\n {this.props.fieldsData.map((item, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n data.length > 0 &&\r\n
\r\n
\r\n );\r\n};\r\n\r\nInfoBoxTable.propTypes = {\r\n header: PropTypes.arrayOf(PropTypes.string),\r\n data: PropTypes.arrayOf(PropTypes.object)\r\n};\r\n\r\nexport default InfoBoxTable;","const facilityUsagesGroupResources = {\r\n labelAddress: 'Address',\r\n labelVisitMonth: 'Visit Month',\r\n labelMonthlyTotal: 'Monthly Total',\r\n headerVisitDate: 'Visit Date',\r\n headerVisitTime: 'Visit Time',\r\n warningMessage: 'All visits will be shown under the home club’s location.'\r\n};\r\nexport default facilityUsagesGroupResources;","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Map, List } from 'immutable';\r\nimport InfoBox from '../../../../components/InfoBox/InfoBox';\r\nimport InfoBoxRow from '../../../../components/InfoBox/InfoBoxRow';\r\nimport InfoBoxTable from '../../../../components/InfoBox/InfoBoxTable';\r\nimport AdditionalDetails from '../../../../components/AdditionalDetails/AdditionalDetails';\r\nimport CardInfo from '../../../../components/CardInfo/CardInfo';\r\nimport Icon from '../../../../components/Icon/Icon';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport InputSelect from '../../../../components/controls/InputSelect';\r\nimport facilityUsagesGroupResources from './facilityUsagesGroupResources';\r\nimport { Attention } from '../../../../components/Icon/Icons';\r\n\r\nclass FacilityUsagesGroup extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(selectedOption) {\r\n this.props.onRefresh(selectedOption, this.props.facilityUsagesGroup.get('memberGuid'));\r\n }\r\n\r\n render() {\r\n return (\r\n | \r\n {columnName}\r\n | \r\n ))\r\n }\r\n
|---|
| \r\n {getTableCellContent(object[propertyName])}\r\n | \r\n ))\r\n }\r\n
\r\n \r\n option.get('yearMonth')}\r\n getOptionValue={option => option.get('id')}\r\n onChange={this.handleChange}\r\n />\r\n \r\n
\r\n {!this.props.facilityUsagesGroup.get('dailyUsages').isEmpty() && }\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUsageLog.propTypes = {\r\n getUsageLog: PropTypes.func,\r\n reloadFacilityUsagesGroup: PropTypes.func,\r\n availableUsagePeriods: PropTypes.instanceOf(List),\r\n selectedMemberGroup: PropTypes.object,\r\n facilityUsagesGroups: PropTypes.instanceOf(List),\r\n isLoading: PropTypes.bool\r\n};\r\n\r\n\r\nconst withMemberGroupObserved = withMemberGroup({\r\n actionName: 'getUsageLog'\r\n})(UsageLog);\r\n\r\nexport default connect(selectors, actions)(withMemberGroupObserved);\r\n","import { createSelector } from 'reselect';\r\nimport allRoutes from '../../routing/routes';\r\n\r\nexport const getSelectedMemberGroup = state =>\r\n state.app.get('selectedMemberGroup');\r\n\r\nexport const getIsLoading = state => state.accountInfo.get('isLoading');\r\nexport const getIsBankingRequired = (state, props) =>\r\n state.accountInfo.get('isBankingRequired');\r\nexport const getIsReimbursementEnabled = (state, props) =>\r\n state.accountInfo.get('isReimbursementEnabled');\r\nexport const getRoutes = (state, props) => {\r\n return props.currentRoute.routes;\r\n};\r\n\r\nconst selectFilteredRoutes = createSelector(\r\n [getIsBankingRequired, getIsReimbursementEnabled, getRoutes],\r\n (isBankingRequired, isReimbursementEnabled, routes) => {\r\n return routes.filter(\r\n route => (isBankingRequired || route.path !== allRoutes.billing.path) && (isReimbursementEnabled || route.path !== allRoutes.reimbursement.path)\r\n );\r\n }\r\n);\r\n\r\nexport default createSelector(\r\n [\r\n getSelectedMemberGroup,\r\n getIsLoading,\r\n getIsBankingRequired,\r\n getIsReimbursementEnabled,\r\n selectFilteredRoutes,\r\n ],\r\n (selectedMemberGroup, isLoading, isBankingRequired, isReimbursementEnabled, filteredRoutes) => ({\r\n selectedMemberGroup,\r\n isLoading,\r\n isBankingRequired,\r\n isReimbursementEnabled,\r\n filteredRoutes,\r\n })\r\n);\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { Switch } from 'react-router-dom';\r\nimport selectors from './selectors';\r\nimport { doChecks } from './actions';\r\nimport NavigationTabControl from '../../components/NavigationTabControl/NavigationTabControl';\r\nimport Spinner from '../../components/Spinner/Spinner';\r\nimport ConditionalRedirect from '../../routing/conditionalRedirect';\r\nimport { routeType } from '../../routing/routes';\r\nimport CustomRoute from '../../layouts/CustomRoute';\r\n\r\nfunction AccountInfo({ filteredRoutes, currentRoute, isBankingRequired, isReimbursementEnabled, match, isLoading, selectedMemberGroup, doChecks, history }) {\r\n useEffect(() => {\r\n if (selectedMemberGroup) {\r\n doChecks(selectedMemberGroup.membersIds);\r\n }\r\n }, [selectedMemberGroup]);\r\n return isLoading ?\r\n (\r\n \r\n {\r\n this.props.facilityUsagesGroups.map((facilityUsagesGroup, index) => (\r\n
\r\n \r\n
\r\n )\r\n : (\r\n \r\n
\r\n \r\n \r\n {filteredRoutes.map((route, i) => (\r\n \r\n
\r\n );\r\n}\r\n\r\nAccountInfo.propTypes = {\r\n isBankingRequired: PropTypes.bool,\r\n isReimbursementEnabled: PropTypes.bool,\r\n isLoading: PropTypes.bool,\r\n filteredRoutes: PropTypes.arrayOf(routeType),\r\n currentRoute: routeType,\r\n selectedMemberGroup: PropTypes.shape({\r\n fullName: PropTypes.string,\r\n }),\r\n history: PropTypes.object.isRequired,\r\n doChecks: PropTypes.func.isRequired,\r\n match: PropTypes.object.isRequired\r\n};\r\n\r\nexport default connect(selectors, { doChecks })(AccountInfo);\r\n","import * as types from './types';\r\n\r\nconst setLoading = () => ({\r\n type: types.SET_LOADING,\r\n});\r\n\r\nconst unsetLoading = () => ({\r\n type: types.UNSET_LOADING,\r\n});\r\n\r\nconst setIsBankingRequiredAction = isBankingRequired => ({\r\n type: types.SET_IS_BANKING_REQUIRED,\r\n payload: { isBankingRequired },\r\n});\r\n\r\nconst setIsReimbursementEnabledAction = isReimbursementEnabled => ({\r\n type: types.SET_IS_REIMBURSEMENT_ENABLED,\r\n payload: { isReimbursementEnabled },\r\n});\r\n\r\nexport const doChecks = membersIds => (\r\n dispatch,\r\n getState,\r\n { AccountInfoService }\r\n) => {\r\n dispatch(setLoading());\r\n const checkBankingRequired = AccountInfoService.checkBankingRequired(membersIds);\r\n const checkReimbursementEnabled = AccountInfoService.checkReimbursementEnabled(membersIds);\r\n Promise.all([checkBankingRequired, checkReimbursementEnabled]).then((data) => {\r\n const isBankingRequired = data[0];\r\n const isReimbursementEnabled = data[1];\r\n dispatch(setIsBankingRequiredAction(isBankingRequired));\r\n dispatch(setIsReimbursementEnabledAction(isReimbursementEnabled));\r\n })\r\n .finally((error) => {\r\n dispatch(unsetLoading());\r\n });\r\n};\r\n","import { createSelector } from 'reselect';\r\n\r\nexport const getIsLoading = state => state.accountInsuranceInfo.get('isLoading');\r\nexport const getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\nexport const getInsuranceInfo = state => state.accountInsuranceInfo.get('insuranceInfo');\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getSelectedMemberGroup,\r\n getInsuranceInfo\r\n ],\r\n (\r\n isLoading,\r\n selectedMemberGroup,\r\n insuranceInfo\r\n ) => ({\r\n isLoading,\r\n selectedMemberGroup,\r\n insuranceInfo\r\n })\r\n);","import {\r\n SET_LOADING,\r\n UNSET_LOADING,\r\n GET_INSURANCE_INFO_SUCCESS\r\n} from './types';\r\n\r\nconst setLoading = () => ({\r\n type: SET_LOADING\r\n});\r\n\r\nconst unsetLoading = () => ({\r\n type: UNSET_LOADING\r\n});\r\n\r\nconst getInsuranceInfoSuccess = insuranceInfo => ({\r\n type: GET_INSURANCE_INFO_SUCCESS,\r\n payload: { insuranceInfo }\r\n});\r\n\r\nconst getInsuranceInfo = membersGuids => (dispatch, getState, { InsuranceInfoService }) => {\r\n dispatch(setLoading());\r\n\r\n InsuranceInfoService.getInsuranceInfo(membersGuids)\r\n .then((insuranceInfo) => {\r\n dispatch(getInsuranceInfoSuccess(insuranceInfo));\r\n dispatch(unsetLoading());\r\n })\r\n .catch(() => {\r\n dispatch(unsetLoading());\r\n });\r\n};\r\n\r\nexport default { getInsuranceInfo };\r\n","const insuranceInfoResources = {\r\n linkLegalContract: 'Legal Contract'\r\n};\r\nexport default insuranceInfoResources;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { List } from 'immutable';\r\nimport selectors from './selectors';\r\nimport actions from './actions';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport withMemberGroup from '../../../hoc/withMemberGroup';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport InfoBox from '../../../components/InfoBox/InfoBox';\r\nimport InfoBoxTable from '../../../components/InfoBox/InfoBoxTable';\r\nimport InfoBoxRow from '../../../components/InfoBox/InfoBoxRow';\r\nimport { NavLink } from 'react-router-dom';\r\nimport routes from '../../../routing/routes';\r\nimport insuranceInfoResources from './insuranceInfoResources';\r\nimport { getFile } from '../../Shared/Storage/storageActions';\r\nimport documentAgreementVersions from '../../../enums/documentAgreementVersions';\r\n\r\nfunction InsuranceInfo({ isLoading, insuranceInfo, getFile }) {\r\n return (\r\n Memberships
\r\n\r\n {\r\n isLoading\r\n ?
\r\n );\r\n}\r\n\r\nInsuranceInfo.propTypes = {\r\n getInsuranceInfo: PropTypes.func,\r\n insuranceInfo: PropTypes.instanceOf(List),\r\n selectedMemberGroup: PropTypes.object,\r\n isLoading: PropTypes.bool,\r\n getFile: PropTypes.func,\r\n};\r\n\r\nconst withMemberGroupObserved = withMemberGroup({\r\n actionName: 'getInsuranceInfo'\r\n})(InsuranceInfo);\r\n\r\nexport default connect(selectors, { getFile, ...actions })(withMemberGroupObserved);\r\n","const reimbursementResources = {\r\n defaultSortColumn: 'usagePeriodStartDate',\r\n accessorYearMonth: 'yearMonth',\r\n accessorVisitCount: 'visitCount',\r\n accessorReimbursementAmount: 'reimbursementAmount',\r\n accessorHasBeenReimbursed: 'hasBeenReimbursed',\r\n accessorDescription: 'description',\r\n labelYearMonth: 'Month',\r\n labelVisitCount: 'Visit',\r\n labelReimbursementAmount: 'Amount',\r\n labelHasBeenReimbursed: 'Status',\r\n labelDescription: 'Reason',\r\n noReimbursementDetailsText: 'There are no reimbursement details.',\r\n defaultMonthCount: 6,\r\n};\r\nexport default reimbursementResources;","import { createSelector } from 'reselect';\r\nimport { GET_REIMBURSEMENTS_GROUP_LIST } from './reimbursementTypes';\r\nimport reimbursementResources from './reimbursementResources';\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === GET_REIMBURSEMENTS_GROUP_LIST)\r\n .size;\r\n return size > 0;\r\n};\r\nexport const getReimbursementsGroups = state => state.membershipReimbursementReducer.get('reimbursementGroups');\r\nexport const getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\n\r\nconst getPeriods = state => state.periodsReducer.get('closedUsagePeriods');\r\nconst getDefaultPeriodIDFrom = createSelector([getPeriods], (periods) => {\r\n if (periods.size === 0) return undefined;\r\n return periods.first().get('id');\r\n});\r\nconst getDefaultPeriodIDTo = createSelector([getPeriods], (periods) => {\r\n if (periods.size === 0) return undefined;\r\n if (periods.size >= reimbursementResources.defaultMonthCount) {\r\n return periods.get(reimbursementResources.defaultMonthCount - 1).get('id');\r\n }\r\n return periods.last().get('id');\r\n});\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getReimbursementsGroups,\r\n getSelectedMemberGroup,\r\n getDefaultPeriodIDTo,\r\n getDefaultPeriodIDFrom,\r\n getPeriods\r\n ],\r\n (\r\n isLoading,\r\n reimbursementsGroups,\r\n selectedMemberGroup,\r\n defaultPeriodIDFrom,\r\n defaultPeriodIDTo,\r\n periods\r\n ) => ({\r\n isLoading,\r\n reimbursementsGroups,\r\n selectedMemberGroup,\r\n defaultPeriodIDFrom,\r\n defaultPeriodIDTo,\r\n periods\r\n })\r\n);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { NewArrowDown, NewArrowUp } from '../Icon/Icons';\r\n\r\nfunction SortIcon({ isSortedDesc, ...props }) {\r\n const ArrowIcon = isSortedDesc ? NewArrowDown : NewArrowUp;\r\n return {isSortedDesc == null ? <>\r\n {insuranceInfo.map((insuranceInfo, index) => (\r\n \r\n \r\n ))}\r\n
\r\n )\r\n }\r\n \r\n \r\n {\r\n insuranceInfo.get('insuranceInfoItems').toJS()\r\n .map((item, index) => (\r\n \r\n {insuranceInfoResources.linkLegalContract}\r\n \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
;\r\n }\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { IndeterminateCheckbox } from '../../components/controls/IndeterminateCheckbox';\r\n\r\nfunction IndeterminateCheckboxCell({ row }) {\r\n return \r\n \r\n \r\n {text}\r\n \r\n
\r\n :\r\n \r\n
;\r\n});\r\n\r\nSearchBox.defaultProps = {\r\n filterTooltip: 'Filter',\r\n searchBoxInGrid: false,\r\n clearable: true,\r\n};\r\n\r\nSearchBox.propTypes = {\r\n placeholder: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n className: PropTypes.string,\r\n showFilterIcon: PropTypes.bool,\r\n onShowFilter: PropTypes.func,\r\n filterTooltip: PropTypes.string,\r\n searchInputId: PropTypes.string,\r\n listBoxId: PropTypes.string,\r\n ariaHasPopup: PropTypes.string,\r\n ariaAutocomplete: PropTypes.string,\r\n filterExpandContentId: PropTypes.string,\r\n showFilterPanel: PropTypes.bool,\r\n activeDescendant: PropTypes.string,\r\n isExpanded: PropTypes.bool,\r\n searchResultsCount: PropTypes.number,\r\n searchBoxInGrid: PropTypes.bool,\r\n clearable: PropTypes.bool,\r\n validationTooltip: PropTypes.string,\r\n};\r\n\r\nexport default SearchBox;\r\n","import React, { useEffect, useRef, useMemo, useState, forwardRef, useImperativeHandle } from 'react';\r\nimport { useTable, useSortBy, useRowSelect } from 'react-table';\r\nimport SortIcon from './SortIcon';\r\nimport tableResources from './tableResources';\r\nimport InfiniteScroll from 'react-infinite-scroll-component';\r\nimport './_new-info-box.scss';\r\nimport { useSticky } from 'react-table-sticky';\r\nimport './_sticky-table.scss';\r\nimport { PAGE_SIZE, SELECTION } from '../../constants/table';\r\nimport classNames from 'classnames';\r\nimport IndeterminateCheckboxCell from './IndeterminateCheckboxCell';\r\nimport IndeterminateCheckboxHeader from './IndeterminateCheckboxHeader';\r\nimport { getSortOrder } from '../../utilities/sorting';\r\nimport PropTypes from 'prop-types';\r\nimport SearchBox from '../SearchBox/SearchBox';\r\n\r\nconst NewTable = forwardRef(function NewTable({\r\n columns,\r\n initialData,\r\n update,\r\n initialSortBy,\r\n totalCount,\r\n updateSelectedItems,\r\n selectedItems,\r\n getItemId,\r\n warningRowCondition,\r\n errorRowCondition,\r\n tableClassName,\r\n textNoDataFound,\r\n requireSelect,\r\n tableButton,\r\n manualSortBy,\r\n tableIndex\r\n}, externalRef) {\r\n const ref = externalRef || useRef();\r\n const scrollableDiv = useRef(null);\r\n const [items, setItems] = useState([]);\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n\r\n const updateFilteredData = (pageNumber, value) => {\r\n const page = pageNumber || Math.floor(initialData.size / PAGE_SIZE) + 1;\r\n if (!sortBy[0]) {\r\n sortBy[0] = initialSortBy;\r\n }\r\n update(page, sortBy[0].id, getSortOrder(sortBy[0].desc), value);\r\n };\r\n\r\n const getRowTheme = (row) => {\r\n if (errorRowCondition && errorRowCondition(row)) {\r\n return 'red';\r\n }\r\n if (warningRowCondition && warningRowCondition(row)) {\r\n return 'yellow';\r\n }\r\n return 'white';\r\n };\r\n\r\n const defaultColumn = useMemo(\r\n () => ({\r\n minWidth: 42,\r\n }),\r\n []\r\n );\r\n const data = useMemo(() => items, [items]);\r\n const caseInsensitiveAlphaNumericSort = (prev, curr, columnId) => {\r\n if (prev.original[columnId].toLowerCase() > curr.original[columnId].toLowerCase()) {\r\n return 1;\r\n } else if (prev.original[columnId].toLowerCase() < curr.original[columnId].toLowerCase()) {\r\n return -1;\r\n } else {\r\n return 0;\r\n }\r\n };\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n rows,\r\n prepareRow,\r\n selectedFlatRows,\r\n isAllRowSelected,\r\n getToggleAllRowsSelectedProps,\r\n state: { sortBy, selectedRowIds }\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n defaultColumn,\r\n manualSortBy,\r\n getRowId: getItemId,\r\n autoResetSelectedRows: false,\r\n sortTypes: { caseInsensitiveAlphaNumeric: caseInsensitiveAlphaNumericSort },\r\n initialState: {\r\n sortBy: [\r\n initialSortBy\r\n ]\r\n }\r\n },\r\n useSortBy,\r\n useRowSelect,\r\n useSticky,\r\n (hooks) => {\r\n requireSelect && hooks.visibleColumns.push(columns => [\r\n {\r\n id: SELECTION,\r\n sticky: 'left',\r\n canSort: true,\r\n width: 42,\r\n maxWidth: 42,\r\n left: 0,\r\n Header: IndeterminateCheckboxHeader,\r\n Cell: IndeterminateCheckboxCell,\r\n getProps: () => ({\r\n getToggleAllRowsSelectedProps\r\n }),\r\n },\r\n ...columns\r\n ]);\r\n }\r\n );\r\n useEffect(() => {\r\n if (data.length > 0) {\r\n scrollableDiv.current.scrollTop = 0;\r\n if (sortBy[0] != null && sortBy[0].id === SELECTION) {\r\n sortBySelection(true);\r\n return;\r\n }\r\n updateFilteredData(1);\r\n }\r\n }, [sortBy]);\r\n useEffect(() => {\r\n if (initialData.size === PAGE_SIZE) {\r\n scrollableDiv.current.scrollTop = 0;\r\n }\r\n setItems(initialData.toJS());\r\n if (sortBy[0] && sortBy[0].id === SELECTION) {\r\n sortBySelection(false);\r\n }\r\n }, [initialData]);\r\n useEffect(() => {\r\n const selectedRowsToAdd = selectedFlatRows.filter(x => !selectedRows.find(row => row.id === x.id));\r\n const newSelectedRows = selectedRows.filter(x => Object.keys(selectedRowIds).map(Number)\r\n .find(sr => sr === x.id)).concat(selectedRowsToAdd);\r\n setSelectedRows(newSelectedRows);\r\n updateSelectedItems(newSelectedRows.map(row => row.original));\r\n }, [selectedRowIds]);\r\n\r\n const sortBySelection = (isSortingChange) => {\r\n if (selectedItems.length === 0 || isAllRowSelected) {\r\n return;\r\n }\r\n let pageNumber = Math.floor(items.length / PAGE_SIZE) + 1;\r\n if ((!isSortingChange && initialData.size === PAGE_SIZE) || isSortingChange) {\r\n scrollableDiv.current.scrollTop = 0;\r\n pageNumber = 1;\r\n }\r\n if (sortBy[0].desc) {\r\n setItems(initialData.toJS().sort((first, second) => {\r\n const isFirstSelected = selectedRowIds[getItemId(first)] || false;\r\n const isSecondSelected = selectedRowIds[getItemId(second)] || false;\r\n if (isFirstSelected > isSecondSelected) return 1;\r\n if (isFirstSelected < isSecondSelected) return -1;\r\n return 0;\r\n }));\r\n }\r\n else {\r\n if (selectedItems.length >= PAGE_SIZE * pageNumber) {\r\n setItems(selectedItems.slice(0, PAGE_SIZE * pageNumber));\r\n }\r\n else if (selectedItems.length + initialData.size >= PAGE_SIZE * pageNumber) {\r\n setItems(selectedItems.concat(initialData.toJS().filter(x => !selectedItems.find(si => getItemId(si) === getItemId(x)))));\r\n }\r\n else {\r\n update();\r\n }\r\n }\r\n };\r\n useImperativeHandle(ref, () => {\r\n return { refreshTable: () => updateFilteredData(1) };\r\n });\r\n const scrollableDivID = `planReimbursementsGroup_${tableIndex}`;\r\n return (\r\n setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n \r\n \r\n \r\n \r\n }\r\n
\r\n {isHovered && validationTooltip\r\n && Begin typing to search, use arrow keys to navigate, Enter to select
\r\n {`${searchResultsCount} results found`}
\r\n {clearable && clearIconVisible &&\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n {validationTooltip}\r\n
\r\n \r\n
\r\n );\r\n});\r\n\r\nNewTable.defaultProps = {\r\n textNoDataFound: tableResources.textNoDataFound,\r\n updateSelectedItems: () => { },\r\n update: () => { },\r\n manualSortBy: true,\r\n tableIndex: 0\r\n};\r\n\r\nNewTable.propTypes = {\r\n update: PropTypes.func.isRequired,\r\n initialData: PropTypes.object.isRequired,\r\n updateSelectedItems: PropTypes.func.isRequired,\r\n columns: PropTypes.array.isRequired,\r\n initialSortBy: PropTypes.object.isRequired,\r\n getItemId: PropTypes.func.isRequired,\r\n tableButtons: PropTypes.node,\r\n manualSortBy: PropTypes.bool\r\n};\r\nexport default NewTable;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport './_bullet-cell.scss';\r\n\r\nfunction BulletCell({ column, row, value }) {\r\n const props = column.getProps(row);\r\n return \r\n \r\n \r\n {value}\r\n \r\n ;\r\n}\r\n\r\nBulletCell.propTypes = {\r\n value: PropTypes.string.isRequired,\r\n theme: PropTypes.oneOf(['blue', 'green', 'yellow', 'beet', 'orange']),\r\n row: PropTypes.object.isRequired,\r\n column: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default BulletCell;","import { createSelector } from 'reselect';\r\nimport { GET_REIMBURSEMENTS_GROUP } from '../reimbursementTypes';\r\n\r\nconst getState = state => state;\r\nconst getIndex = (state, index) => index;\r\nconst getIsLoading = createSelector([getState, getIndex], (state, index) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === `${GET_REIMBURSEMENTS_GROUP}_${index}`)\r\n .size;\r\n return size > 0;\r\n});\r\n\r\nexport default getIsLoading;","const periodResources = {\r\n placeholder: 'Select Month',\r\n periodFromIDLabel: 'Start visit month',\r\n periodToIDLabel: 'End visit month',\r\n};\r\n\r\nexport default periodResources;","import React from 'react';\r\nimport { List } from 'immutable';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form/immutable';\r\nimport validate from './validate';\r\nimport resources from '../../Shared/resources';\r\nimport periodResources from './periodResources';\r\nimport styles from './_period.module.scss';\r\nimport FormGroup from '../../../components/controls/FormGroup';\r\nimport MuiInputSelect from '../../../components/controls/MuiInputSelect';\r\nimport MuiButton from '../../../components/controls/MuiButton';\r\nimport { defaultFormProperties } from '../../../utilities/form';\r\n\r\nfunction PeriodsFilterForm({ handleSubmit, periods, error, submitting, periodFromIDLabel, periodToIDLabel, setPeriodFrom, setPeriodTo }) {\r\n return \r\n
\r\n {rows.length > 0 ?\r\n 0 ? `new-info-box__table-container-scrollable ${tableClassName}` : 'new-info-box__table-container-nonscrollable'} id={scrollableDivID}\r\n ref={scrollableDiv}\r\n >\r\n data.length}\r\n scrollableTarget={scrollableDivID}\r\n scrollThreshold={0.99}\r\n >\r\n \r\n \r\n {headerGroups.map((headerGroup, i) => (\r\n
\r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n {tableButton && Total records: {totalCount}
\r\n {requireSelect && Selected: {Object.keys(selectedRowIds).length}
}\r\n \r\n {tableButton}\r\n
}\r\n \r\n {textNoDataFound}\r\n
}\r\n \r\n \r\n \r\n
;\r\n};\r\n\r\nPeriodsFilterForm.propTypes = {\r\n handleSubmit: PropTypes.func,\r\n submitFailed: PropTypes.bool,\r\n invalid: PropTypes.bool,\r\n submitting: PropTypes.bool,\r\n periods: PropTypes.instanceOf(List),\r\n error: PropTypes.string,\r\n periodFromIDLabel: PropTypes.string,\r\n periodToIDLabel: PropTypes.string,\r\n setPeriodFrom: PropTypes.func,\r\n setPeriodTo: PropTypes.func\r\n};\r\n\r\nPeriodsFilterForm.defaultProps = {\r\n periodFromIDLabel: periodResources.periodFromIDLabel,\r\n periodToIDLabel: periodResources.periodToIDLabel,\r\n setPeriodFrom: () => {},\r\n setPeriodTo: () => {}\r\n};\r\n\r\nexport default reduxForm({\r\n validate,\r\n ...defaultFormProperties\r\n})(PeriodsFilterForm);\r\n","export default (values, props) => {\r\n const errors = {};\r\n if (values.get('periodIDFrom') > values.get('periodIDTo')) {\r\n const periodRangeErrorText = 'End month should be greater than start month.';\r\n\r\n errors.periodIDFrom = periodRangeErrorText;\r\n errors.periodIDTo = periodRangeErrorText;\r\n\r\n errors._error = periodRangeErrorText;\r\n }\r\n\r\n return errors;\r\n};","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Map, List } from 'immutable';\r\nimport NewTable from '../../../../components/NewInfoBox/NewTable';\r\nimport BulletCell from '../../../../components/NewInfoBox/BulletCell';\r\nimport styles from '../reimbursement.module.scss';\r\nimport reimbursementResources from '../reimbursementResources';\r\nimport getIsLoading from './reimbursementGroupSelectors';\r\nimport { PAGE_SIZE } from '../../../../constants/table';\r\nimport { connect } from 'react-redux';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport PeriodsFilterForm from '../../../Shared/Periods/PeriodsFilterForm';\r\n\r\nfunction ReimbursementsGroup({ getPlanReimbursementsGroup,\r\n periods,\r\n reimbursementsGroup,\r\n index,\r\n isLoading\r\n}) {\r\n const reimbursementItems = reimbursementsGroup.getIn(['reimbursements', 'items']);\r\n const reimbursementsGroupJS = reimbursementsGroup.toJS();\r\n const { reimbursements, name, hideReimbursementHistory } = reimbursementsGroupJS;\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: 'usagePeriodStartDate',\r\n Header: reimbursementResources.labelYearMonth,\r\n accessor: reimbursementResources.accessorYearMonth,\r\n minWidth: 128,\r\n width: 128\r\n },\r\n {\r\n Header: reimbursementResources.labelVisitCount,\r\n accessor: reimbursementResources.accessorVisitCount,\r\n minWidth: 128,\r\n width: 128\r\n },\r\n {\r\n Header: reimbursementResources.labelReimbursementAmount,\r\n accessor: reimbursementResources.accessorReimbursementAmount,\r\n width: 128,\r\n maxWidth: 128,\r\n },\r\n {\r\n Header: reimbursementResources.labelHasBeenReimbursed,\r\n accessor: reimbursementResources.accessorHasBeenReimbursed,\r\n Cell: cell => BulletCell({ ...cell, value: cell.value ? 'Reimbursed' : 'Failed' }),\r\n getProps: row => ({\r\n theme: row.original.hasBeenReimbursed ? 'green' : 'beet'\r\n }),\r\n width: 190,\r\n minWidth: 190,\r\n },\r\n {\r\n Header: reimbursementResources.labelDescription,\r\n accessor: reimbursementResources.accessorDescription,\r\n minWidth: 300,\r\n width: 300\r\n },\r\n ],\r\n [reimbursements]\r\n );\r\n const yearMonthAccessor = (item) => {\r\n return item.yearMonth;\r\n };\r\n const updateHandler = (pageNumber, sortColumn, sortOrder) => {\r\n if (reimbursementsGroupJS) {\r\n getPlanReimbursementsGroup(reimbursementsGroupJS, index, pageNumber, PAGE_SIZE, sortColumn, sortOrder);\r\n }\r\n };\r\n const handleSubmit = (items) => {\r\n reimbursementsGroupJS.usagePeriodIDFrom = items.get('periodIDFrom');\r\n reimbursementsGroupJS.usagePeriodIDTo = items.get('periodIDTo');\r\n getPlanReimbursementsGroup(reimbursementsGroupJS, index, 1, PAGE_SIZE);\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n {error && \r\n option.get('yearMonth')}\r\n getOptionValue={option => option.get('id')}\r\n onChange={setPeriodFrom}\r\n hideValidationMessage\r\n />\r\n
\r\n \r\n option.get('yearMonth')}\r\n getOptionValue={option => option.get('id')}\r\n onChange={setPeriodTo}\r\n hideValidationMessage\r\n />\r\n
\r\n \r\n \r\n {resources.applyButtonText}\r\n \r\n
\r\n {error}
}\r\n \r\n {name &&
\r\n );\r\n}\r\n\r\nReimbursementsGroup.propTypes = {\r\n index: PropTypes.number,\r\n getPlanReimbursementsGroup: PropTypes.func,\r\n reimbursementsGroup: PropTypes.instanceOf(Map),\r\n periods: PropTypes.instanceOf(List),\r\n isLoading: PropTypes.bool,\r\n loadings: PropTypes.instanceOf(List)\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n const { index } = props;\r\n return {\r\n isLoading: getIsLoading(state, index),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(ReimbursementsGroup);\r\n","import http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\n\r\nexport function getPeriods() {\r\n return http.get(API_PATHS.getPeriods);\r\n};\r\n\r\nexport function getClosedUsagePeriods() {\r\n return http.get(API_PATHS.getClosedUsagePeriods);\r\n};\r\n\r\nexport function getPeriodsUntilCurrent() {\r\n return http.get(API_PATHS.getPeriodsUntilCurrent);\r\n};\r\n","import * as types from './periodsTypes';\r\nimport * as periodsService from './periodsService';\r\nimport * as loadingActions from '../../Loading/loadingActions';\r\n\r\nconst setPeriods = (periods) => {\r\n return { type: types.SET_PERIODS, periods };\r\n};\r\n\r\nexport function getPeriods() {\r\n return function (dispatch, getState) {\r\n dispatch(loadingActions.setLoading(types.GET_PERIODS));\r\n\r\n return periodsService\r\n .getPeriods()\r\n .then((payments) => {\r\n dispatch(setPeriods(payments));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_PERIODS));\r\n });\r\n };\r\n}\r\n\r\nconst setClosedUsagePeriods = (periods) => {\r\n return { type: types.SET_CLOSED_USAGE_PERIODS, periods };\r\n};\r\n\r\nexport function getClosedUsagePeriods() {\r\n return function (dispatch, getState) {\r\n dispatch(loadingActions.setLoading(types.GET_CLOSED_USAGE_PERIODS));\r\n\r\n return periodsService\r\n .getClosedUsagePeriods()\r\n .then((periods) => {\r\n dispatch(setClosedUsagePeriods(periods));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_CLOSED_USAGE_PERIODS));\r\n });\r\n };\r\n}\r\n\r\nconst setPeriodsUntilCurrent = (periods) => {\r\n return { type: types.SET_PERIODS_UNTIL_CURRENT, periods };\r\n};\r\n\r\nexport function getPeriodsUntilCurrent() {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_PERIODS_UNTIL_CURRENT));\r\n return periodsService\r\n .getPeriodsUntilCurrent()\r\n .then((periods) => {\r\n dispatch(setPeriodsUntilCurrent(periods));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_PERIODS_UNTIL_CURRENT));\r\n });\r\n };\r\n}","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { List } from 'immutable';\r\nimport { connect } from 'react-redux';\r\nimport selectors from './reimbursementSelectors';\r\nimport { getReimbursementsGroupList, getPlanReimbursementsGroup } from './reimbursementActions';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport ReimbursementsGroup from './ReimbursementsGroup/ReimbursementsGroup';\r\nimport { getClosedUsagePeriods } from '../../Shared/Periods/periodsActions';\r\n\r\nfunction Reimbursement({ getReimbursementsGroupList,\r\n isLoading,\r\n reimbursementsGroups,\r\n getPlanReimbursementsGroup,\r\n selectedMemberGroup,\r\n defaultPeriodIDFrom,\r\n defaultPeriodIDTo,\r\n getClosedUsagePeriods,\r\n periods\r\n}) {\r\n useEffect(() => {\r\n if (selectedMemberGroup && defaultPeriodIDFrom && defaultPeriodIDTo) {\r\n getReimbursementsGroupList(selectedMemberGroup.membersIds, defaultPeriodIDFrom, defaultPeriodIDTo);\r\n }\r\n }, [selectedMemberGroup, defaultPeriodIDFrom, defaultPeriodIDTo]);\r\n useEffect(() => {\r\n getClosedUsagePeriods();\r\n }, []);\r\n return isLoading\r\n ? ({name}
}\r\n {hideReimbursementHistory\r\n ?{reimbursementResources.noReimbursementDetailsText}
\r\n : \r\n {isLoading &&
\r\n }\r\n \r\n
\r\n \r\n {reimbursementsGroups && reimbursementsGroups.map((reimbursementsGroup, index) => (\r\n
);\r\n}\r\n\r\nReimbursement.propTypes = {\r\n getReimbursementsGroupList: PropTypes.func,\r\n getPlanReimbursementsGroup: PropTypes.func,\r\n availableSubmissionPeriods: PropTypes.instanceOf(List),\r\n selectedMemberGroup: PropTypes.object,\r\n reimbursementsGroups: PropTypes.instanceOf(List),\r\n isLoading: PropTypes.bool,\r\n periods: PropTypes.object,\r\n defaultPeriodIDFrom: PropTypes.number,\r\n defaultPeriodIDTo: PropTypes.number,\r\n getClosedUsagePeriods: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getReimbursementsGroupList,\r\n getPlanReimbursementsGroup,\r\n getClosedUsagePeriods\r\n};\r\n\r\nexport default connect(selectors, mapDispatchToProps)(Reimbursement);","import * as types from './reimbursementTypes';\r\nimport * as loadingActions from '../../Loading/loadingActions';\r\nimport * as ReimbursementService from './reimbursementService';\r\n\r\nconst setReimbursementsGroupList = (reimbursements) => {\r\n return { type: types.SET_REIMBURSEMENTS_GROUP_LIST, reimbursements };\r\n};\r\n\r\nexport const getReimbursementsGroupList = (membersGuids, usagePeriodIDFrom, usagePeriodIDTo) => (dispatch) => {\r\n dispatch(loadingActions.setLoading(types.GET_REIMBURSEMENTS_GROUP_LIST));\r\n return ReimbursementService.getReimbursementsGroupList(membersGuids, usagePeriodIDFrom, usagePeriodIDTo)\r\n .then((reimbursements) => {\r\n dispatch(setReimbursementsGroupList(reimbursements));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_REIMBURSEMENTS_GROUP_LIST));\r\n });\r\n};\r\n\r\nconst setReimbursementsGroupAction = (planReimbursementsGroup) => {\r\n return { type: types.SET_REIMBURSEMENTS_GROUP, planReimbursementsGroup };\r\n};\r\n\r\nexport const setReimbursementsItemsAction = (planReimbursementsGroup) => {\r\n return { type: types.SET_REIMBURSEMENTS_ITEMS, planReimbursementsGroup };\r\n};\r\n\r\nexport const getPlanReimbursementsGroup = (reimbursementsGroup, index, pageNumber, pageSize, sortBy, sortOrder) => (dispatch) => {\r\n const getReimbursementsGroupType = `${types.GET_REIMBURSEMENTS_GROUP}_${index}`;\r\n dispatch(loadingActions.setLoading(getReimbursementsGroupType));\r\n return ReimbursementService.getPlanReimbursementsGroup(reimbursementsGroup, pageNumber, pageSize, sortBy, sortOrder)\r\n .then((result) => {\r\n result.usagePeriodIDFrom = reimbursementsGroup.usagePeriodIDFrom;\r\n result.usagePeriodIDTo = reimbursementsGroup.usagePeriodIDTo;\r\n if (pageNumber === 1) {\r\n dispatch(setReimbursementsGroupAction(result));\r\n }\r\n else {\r\n dispatch(setReimbursementsItemsAction(result));\r\n }\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(getReimbursementsGroupType));\r\n });\r\n};\r\n","import http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\nimport { replaceRouteParams } from '../../../utilities/routeHelper';\r\n\r\nexport function getReimbursementsGroupList(memberGuids, usagePeriodIDFrom, usagePeriodIDTo) {\r\n return http.get(API_PATHS.reimbursementHistory, { params: { memberGuids, usagePeriodIDFrom, usagePeriodIDTo } });\r\n}\r\n\r\nexport function getPlanReimbursementsGroup(planReimbursementsGroup, pageNumber, pageSize, sortBy, sortOrder) {\r\n const { memberGuids, planOrProgramID, usagePeriodIDFrom, usagePeriodIDTo, enrollmentEntity } = planReimbursementsGroup;\r\n return http.get(replaceRouteParams(API_PATHS.planReimbursementsGroup, enrollmentEntity, planOrProgramID), { params: { memberGuids, usagePeriodIDFrom, usagePeriodIDTo, page: pageNumber, pageSize, sortBy, sortOrder } });\r\n}","import { createSelector } from 'reselect';\r\n\r\nconst getPartnerName = state => state.partnerOwnerAreaReducer.get('partnerName');\r\n\r\nexport default createSelector(\r\n [getPartnerName],\r\n partnerName => ({\r\n partnerName\r\n })\r\n);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { NavLink } from 'react-router-dom';\r\nimport routes from '../../../routing/routes';\r\nimport { connect } from 'react-redux';\r\nimport selectors from './backToPartnersTopbarContentSelectors';\r\n\r\nfunction BackToPartnersTopbarContent({ partnerName }) {\r\n return (\r\n You are currently controlling\r\n {partnerName ? partnerName.toUpperCase() : ''} \r\n partner, to go back to the administration\r\n site, \r\n \r\n click here\r\n \r\n
);\r\n}\r\n\r\nBackToPartnersTopbarContent.propTypes = {\r\n partnerName: PropTypes.string\r\n};\r\n\r\nexport default connect(selectors)(BackToPartnersTopbarContent);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Switch, Redirect, generatePath } from 'react-router-dom';\r\nimport { routeType } from '../../../routing/routes';\r\nimport CustomRoute from '../../../layouts/CustomRoute';\r\n\r\nfunction PartnerManagersTab({ currentRoute, match }) {\r\n const { routes } = currentRoute;\r\n const routesForNavigation = routes.map((route) => {\r\n return { ...route, path: generatePath(route.path, match.params) };\r\n });\r\n return (\r\n \r\n
\r\n \r\n \r\n {resources.saveButtonText}\r\n \r\n
\r\n \r\n {\r\n onCancel && \r\n {resources.cancelButtonText}\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nPopupBody.defaultProps = {\r\n labelCancel: sharedResources.cancelLabel,\r\n labelOk: sharedResources.okLabel,\r\n buttonSize: 'small',\r\n};\r\n\r\nPopupBody.propTypes = {\r\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\r\n labelCancel: PropTypes.string.isRequired,\r\n labelOk: PropTypes.string.isRequired,\r\n onOk: PropTypes.func,\r\n onClose: PropTypes.func,\r\n onCancel: PropTypes.func,\r\n title: PropTypes.string,\r\n dispatch: PropTypes.func,\r\n buttonSize: PropTypes.string,\r\n};\r\n\r\nexport default connect()(PopupBody);\r\n","import React from 'react';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport { PopupBody } from '../PopupBody';\r\n\r\nfunction RenderConfirmBody(onClose, body, onConfirm, store) {\r\n return React.createElement(PopupBody, {\r\n body,\r\n onClose,\r\n onOk: onConfirm,\r\n });\r\n}\r\n\r\nfunction WrappedConfirmPopup({ body, onConfirm }) {\r\n confirmAlert({\r\n customUI: ({ onClose }) => RenderConfirmBody(onClose, body, onConfirm)\r\n });\r\n}\r\n\r\nexport default WrappedConfirmPopup;\r\n","import React, { useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport Button from '../../../../components/controls/Button';\r\nimport { connect } from 'react-redux';\r\nimport selectors from './partnerManagersListSelectors';\r\nimport routes from '../../../../routing/routes';\r\nimport { generatePath } from 'react-router-dom';\r\nimport InfoBox from '../../../../components/InfoBox/InfoBox';\r\nimport InfoBoxRow from '../../../../components/InfoBox/InfoBoxRow';\r\nimport partnerManagerResources from '../../../Shared/PartnerManager/partnerManagerResources';\r\nimport Table from '../../../../components/InfoBox/Table';\r\nimport { getManagersList, deleteManager } from './partnerManagersListActions';\r\nimport ActionCell from '../../../../components/InfoBox/ActionCell';\r\nimport WrappedConfirmPopup from '../../../../components/Popups/ConfirmAlert/WrappedConfirmPopup';\r\n\r\nfunction PartnerManagersList({\r\n isLoading,\r\n history,\r\n match,\r\n managers,\r\n getManagersList,\r\n deleteManager\r\n}) {\r\n const partnerManagersAddPath = generatePath(\r\n routes.partnerManagersAdd.path,\r\n match.params\r\n );\r\n useEffect(() => {\r\n getManagersList(match.params.partnerId);\r\n }, []);\r\n const onDeleteButtonClick = value =>\r\n WrappedConfirmPopup({\r\n body: \r\n \r\n {title &&
\r\n {title}
}\r\n {body}
\r\n {(onOk || onCancel) && \r\n {onOk && (\r\n {\r\n onOk(dispatch);\r\n if (onClose) {\r\n onClose();\r\n }\r\n }}\r\n >\r\n {labelOk}\r\n \r\n )}\r\n {\r\n onCancel && (\r\n \r\n {labelCancel}\r\n \r\n )}\r\n
}\r\n Are you sure you want to delete this user?
,\r\n onConfirm: () => deleteManager(value)\r\n });\r\n const columns = useMemo(\r\n () => [\r\n {\r\n Header: partnerManagerResources.labelFirstName,\r\n accessor: 'firstName'\r\n },\r\n {\r\n Header: partnerManagerResources.labelLastName,\r\n accessor: 'lastName'\r\n },\r\n {\r\n Header: partnerManagerResources.labelEmailAddress,\r\n accessor: 'email'\r\n },\r\n {\r\n Header: 'Actions',\r\n disableSortBy: true,\r\n accessor: 'id',\r\n Cell: ActionCell,\r\n getProps: () => ({\r\n handler: onDeleteButtonClick,\r\n label: 'Delete',\r\n theme: 'red'\r\n })\r\n }\r\n ],\r\n [partnerManagerResources]\r\n );\r\n const defaultSorted = useMemo(() => [{ id: 'firstName' }]);\r\n return isLoading ?\r\n (\r\n \r\n
\r\n \r\n {routes.map((route, i) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nPartnerManagerProfilePage.propTypes = {\r\n match: PropTypes.object.isRequired,\r\n history: PropTypes.shape({\r\n push: PropTypes.func.isRequired\r\n }).isRequired,\r\n currentRoute: routeType.isRequired\r\n};\r\n\r\nexport default PartnerManagerProfilePage;\r\n","import { createSelector } from 'reselect';\r\nimport {\r\n UPDATE_MANAGER\r\n} from '../../Shared/PartnerManager/managePartnerManagerTypes';\r\n\r\nconst getManager = state => state.partnerManagerReducer.get('manager');\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === UPDATE_MANAGER)\r\n .size;\r\n\r\n return size > 0;\r\n};\r\n\r\nexport default createSelector(\r\n [getIsLoading, getManager],\r\n (isLoading, manager) => ({\r\n isLoading,\r\n manager\r\n })\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport selectors from './partnerManagerProfileGeneralInfoTabSelectors.js';\r\nimport ManagePartnerManagerForm from '../../Shared/PartnerManager/ManagePartnerManagerForm';\r\nimport {\r\n updateManager,\r\n getManager\r\n} from '../../Shared/PartnerManager/managePartnerManagerActions';\r\nimport WrappedConfirmPopup from '../../../components/Popups/ConfirmAlert/WrappedConfirmPopup';\r\n\r\nfunction PartnerManagerProfileGeneralInfoTab({\r\n isLoading,\r\n manager,\r\n updateManager\r\n}) {\r\n function handleSave(updatedManager) {\r\n const oldManager = manager.toJS();\r\n updatedManager = updatedManager.toJS();\r\n if (\r\n updatedManager.email\r\n .toLowerCase()\r\n .localeCompare(oldManager.email.toLowerCase()) !== 0\r\n ) {\r\n WrappedConfirmPopup({\r\n body: (\r\n <>\r\n User Profile
\r\n\r\n You will be logged out as we've noticed email\r\n address change.\r\n
\r\n Please confirm to procceed.
\r\n \r\n ),\r\n onConfirm: () => {\r\n updateManager(updatedManager, true);\r\n }\r\n });\r\n } else {\r\n updateManager(updatedManager);\r\n }\r\n }\r\n return isLoading ?\r\n (\r\n \r\n
\r\n You will be logged out.
\r\n Please confirm to procceed.
\r\n \r\n ),\r\n onConfirm: () => {\r\n changePassword(changePasswordModel);\r\n }\r\n });\r\n }\r\n\r\n return isLoading ?\r\n (\r\n \r\n
\r\n \r\n \r\n {filteredRoutes.map((route, i) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nGroupMembershipsPage.propTypes = {\r\n match: PropTypes.object.isRequired,\r\n history: PropTypes.shape({\r\n push: PropTypes.func.isRequired\r\n }).isRequired,\r\n currentRoute: routeType.isRequired\r\n};\r\n\r\nexport default GroupMembershipsPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactConfirmAlert from 'react-confirm-alert';\r\nimport { PopupBody } from '../PopupBody';\r\n\r\nfunction ConfirmPopup({ showPopup, body, onConfirm, onCancel, labelOk, buttonSize, labelCancel, title }) {\r\n return showPopup\r\n ? Group Memberships
\r\n\r\n
;\r\n}\r\n\r\nMuiInputCurrency.defaultProps = {\r\n currencySymbol: '$',\r\n fixedDecimalScale: true,\r\n decimalScale: 2,\r\n decimalSeparator: '.',\r\n thousandSeparator: ',',\r\n thousandsGroupStyle: 'thousand',\r\n addAsteriskToLabel: false,\r\n variant: 'outlined',\r\n fullWidth: true,\r\n showErrorMessage: true,\r\n readOnly: false,\r\n adornmentVariant: 'outlined',\r\n labelVariant: 'outlined',\r\n};\r\n\r\nMuiInputCurrency.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string,\r\n currencySymbol: PropTypes.string,\r\n decimalScale: PropTypes.number,\r\n decimalSeparator: PropTypes.string,\r\n fixedDecimalScale: PropTypes.bool,\r\n thousandSeparator: PropTypes.string,\r\n thousandsGroupStyle: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n addAsteriskToLabel: PropTypes.bool,\r\n meta: PropTypes.object,\r\n input: PropTypes.object,\r\n variant: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n onFocus: PropTypes.func,\r\n showErrorMessage: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n adornmentVariant: PropTypes.string,\r\n labelVariant: PropTypes.string\r\n};\r\n","/* eslint-disable react/no-multi-comp*/\r\nimport React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './_muiinput.scss';\r\nimport styles from './_muiinput.module.scss';\r\nimport { NumericFormat } from 'react-number-format';\r\nimport { TextField, InputAdornment } from '@material-ui/core';\r\n\r\nexport function MuiInputNumeric(props) {\r\n const {\r\n meta = {},\r\n input = {},\r\n label,\r\n addAsteriskToLabel,\r\n variant,\r\n defaultValue,\r\n id,\r\n disabled,\r\n onClick,\r\n fullWidth,\r\n showErrorMessage,\r\n readOnly,\r\n prefix,\r\n decimalScale,\r\n fixedDecimalScale,\r\n thousandSeparator,\r\n thousandsGroupStyle,\r\n decimalSeparator,\r\n adornmentVariant,\r\n labelVariant\r\n } = props;\r\n const muiLabel = useMemo(() => {\r\n return addAsteriskToLabel ? `${label} *` : label;\r\n }, [addAsteriskToLabel]);\r\n const { value, name, onChange, onBlur, onFocus } = input;\r\n const { error, touched } = meta;\r\n const showError = (error && touched) || false;\r\n const showHelperText = showError && showErrorMessage;\r\n const materialUITextFieldProps = {\r\n name,\r\n label: muiLabel,\r\n error: showError,\r\n helperText: showHelperText ? error : '',\r\n defaultValue,\r\n onChange,\r\n onBlur,\r\n onClick,\r\n disabled,\r\n variant: readOnly ? 'filled' : variant,\r\n fullWidth,\r\n onFocus,\r\n id,\r\n InputProps: {\r\n startAdornment: prefix ? (\r\n {\r\n
;\r\n}\r\n\r\nMuiInputNumeric.defaultProps = {\r\n fixedDecimalScale: true,\r\n decimalScale: 0,\r\n decimalSeparator: '.',\r\n thousandSeparator: '',\r\n thousandsGroupStyle: 'thousand',\r\n addAsteriskToLabel: false,\r\n variant: 'outlined',\r\n fullWidth: true,\r\n showErrorMessage: true,\r\n readOnly: false,\r\n adornmentVariant: 'outlined',\r\n labelVariant: 'outlined',\r\n};\r\n\r\nMuiInputNumeric.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string,\r\n prefix: PropTypes.string,\r\n decimalScale: PropTypes.number,\r\n decimalSeparator: PropTypes.string,\r\n fixedDecimalScale: PropTypes.bool,\r\n thousandSeparator: PropTypes.string,\r\n thousandsGroupStyle: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n id: PropTypes.string,\r\n error: PropTypes.string,\r\n touched: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n addAsteriskToLabel: PropTypes.bool,\r\n meta: PropTypes.object,\r\n input: PropTypes.object,\r\n variant: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n onFocus: PropTypes.func,\r\n showErrorMessage: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n adornmentVariant: PropTypes.string,\r\n labelVariant: PropTypes.string\r\n};\r\n","import validationRules from '../../../../utilities/validationRules';\r\nimport groupMembershipsInfoResources, { GetLaunchDateMinValue, GetLaunchDateMaxValue } from './groupMembershipsInfoResources';\r\nimport programPaymentTypes from '../../../../enums/programPaymentTypes';\r\nimport reimbursementTypes from '../../../../enums/reimbursementTypes';\r\n\r\nexport const programFeeRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelProgramFee\r\n);\r\nexport const programFeeRange = validationRules.range(\r\n groupMembershipsInfoResources.labelProgramFee,\r\n 0,\r\n 99999999.99\r\n);\r\n\r\nexport const programFeeGreaterThanNumberOfMembershipsAndDuesForOneMemberPerMonthPaidToFacilityRequiredMultiplication = validationRules.greaterThanMultiplicationIf(\r\n 'numberOfMemberships',\r\n 'duesForOneMemberPerMonthPaidToFacility',\r\n 'Dues for 1 member per month paid to the facility multiplied by Number Of Memberships cannot be greater than Program Fee.',\r\n groupMembershipsInfoResources.fieldProgramPaymentType,\r\n programPaymentTypes.partnerPaid\r\n);\r\n\r\nexport const numberOfMembershipsRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelNumberOfMemberships\r\n);\r\nexport const numberOfMembershipsRange = validationRules.range(\r\n groupMembershipsInfoResources.labelNumberOfMemberships,\r\n 0,\r\n 999999\r\n);\r\n\r\nexport const duesForOneMemberPerMonthPaidToFacilityRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelDuesForOneMemberPerMonthPaidToFacility\r\n);\r\nexport const duesForOneMemberPerMonthPaidToFacilityRange = validationRules.range(\r\n groupMembershipsInfoResources.labelDuesForOneMemberPerMonthPaidToFacility,\r\n 0,\r\n 999.99\r\n);\r\n\r\nexport const numberOfMembershipsValidation = function (values, membersCount, resolve, reject) {\r\n if (membersCount >= 0 && values.get('numberOfMemberships') < membersCount) {\r\n reject({ numberOfMemberships: 'Number of memberships cannot be less than the number of members added to Partner. If you want to reduce number of memberships then remove extra members.' });\r\n }\r\n else resolve();\r\n};\r\n\r\nexport const adminFeeRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelAdminFee\r\n);\r\nexport const adminFeeRange = validationRules.range(\r\n groupMembershipsInfoResources.labelAdminFee,\r\n 0,\r\n 999.99\r\n);\r\n\r\nexport const programPaymentTypeRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelProgramPaymentType\r\n);\r\n\r\nexport const reimbursementTypeGreater = validationRules.greaterThanOrEqualSpecificValue(\r\n 1,\r\n groupMembershipsInfoResources.labelReimbursementType\r\n);\r\n\r\nexport const memberReimbursementTypeRequired = validationRules.requiredIf(\r\n groupMembershipsInfoResources.fieldProgramPaymentType,\r\n groupMembershipsInfoResources.labelReimbursementType,\r\n programPaymentTypes.memberPaid\r\n);\r\n\r\nexport const reimbursementAmountRequired = validationRules.requiredIfAny(\r\n groupMembershipsInfoResources.fieldMemberReimbursementType,\r\n groupMembershipsInfoResources.labelReimbursementAmount,\r\n [reimbursementTypes.toMember,\r\n reimbursementTypes.byPaycheck]\r\n);\r\nexport const reimbursementAmountRange = validationRules.range(\r\n groupMembershipsInfoResources.labelReimbursementAmount,\r\n 0,\r\n 999.99\r\n);\r\n\r\nexport const numberOfVisitsToReimburseRequired = validationRules.requiredIfAny(\r\n groupMembershipsInfoResources.fieldMemberReimbursementType,\r\n groupMembershipsInfoResources.labelNumberOfVisitsToReimburse,\r\n [reimbursementTypes.toMember,\r\n reimbursementTypes.byPaycheck]\r\n);\r\n\r\nexport const numberOfVisitsToReimburseRange = validationRules.range(\r\n groupMembershipsInfoResources.labelNumberOfVisitsToReimburse,\r\n 0,\r\n 31\r\n);\r\n\r\nexport const duesAmountRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelDuesAmount\r\n);\r\nexport const duesAmountRange = validationRules.range(\r\n groupMembershipsInfoResources.labelDuesAmount,\r\n 0,\r\n 999.99\r\n);\r\nexport const launchDateRequired = validationRules.required(\r\n groupMembershipsInfoResources.labelLaunchDate\r\n);\r\n\r\nexport const launchDateRange =\r\n validationRules.range(\r\n groupMembershipsInfoResources.labelLaunchDate,\r\n GetLaunchDateMinValue(),\r\n GetLaunchDateMaxValue(),\r\n 'dateString'\r\n );","const asyncFormValidation = (values, dispatch, action, validation) => {\r\n return new Promise((resolve, reject) => {\r\n dispatch(action(values))\r\n .then((response) => {\r\n validation(values, response, resolve, reject);\r\n\t });\r\n });\r\n};\r\n\r\nexport default asyncFormValidation;","import http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\n\r\nexport function getGroupMembership(partnerId) {\r\n return http.get(API_PATHS.getGroupMembership, {\r\n params: { partnerId: partnerId ? partnerId : null }\r\n });\r\n}\r\n\r\nexport function updateGroupMembership(groupMembership)\r\n{\r\n return http.put(API_PATHS.updateGroupMembership, groupMembership);\r\n}\r\n\r\nexport function addGroupMembership(groupMembership)\r\n{\r\n return http.post(API_PATHS.addGroupMembership, groupMembership);\r\n}\r\n\r\nexport function getHasEnrolledOrInvitedMembers(partnerID)\r\n{\r\n return http.get(API_PATHS.hasEnrolledOrInvitedMembers, { params: { partnerID } });\r\n}","import { MULTIPART_FORM_DATA } from '../../../constants/contentTypes';\r\nimport http from '../../../http/base';\r\nimport { API_PATHS } from '../../../http/configs';\r\nimport { replaceRouteParams } from '../../../utilities/routeHelper';\r\n\r\nexport function createKeyfobs(keyfobs) {\r\n return http.post(API_PATHS.createKeyfobs, keyfobs);\r\n}\r\n\r\nexport function getKeyfobsList(partnerID, pageNumber, pageSize, sortBy, sortOrder, filter) {\r\n return http.get(API_PATHS.listKeyfobs, { params: { page: pageNumber, pageSize, sortBy, sortOrder, partnerID, filter } });\r\n}\r\n\r\nexport function downloadKeyfobsAndEmployees(partnerID) {\r\n return http.get(API_PATHS.downloadKeyfobsAndEmployees, { responseType: 'blob', params: { partnerID } });\r\n};\r\n\r\nexport function deleteKeyfob(keyfobID) {\r\n return http.delete(replaceRouteParams(API_PATHS.deleteKeyfob, keyfobID));\r\n}\r\n\r\nexport function deactivateMembership(facilityMemberID) {\r\n return http.post(API_PATHS.deactivateMembership, null, { params: { facilityMemberID } });\r\n}\r\n\r\nexport function getMembersCount(partnerId) {\r\n return http.get(API_PATHS.membersCount, { params: { partnerId } });\r\n}\r\n\r\nexport function reassignKeyfob(keyfobToReassign) {\r\n return http.post(API_PATHS.reassignKeyfob, keyfobToReassign);\r\n}\r\n\r\nexport function getIsReassignKeyfobFeatureEnabled() {\r\n return http.get(API_PATHS.isReassignKeyfobFeatureEnabled);\r\n}\r\n\r\nexport function uploadMemberRecipients(partnerId, recipientsFile) {\r\n const formData = new FormData();\r\n formData.append('file', recipientsFile);\r\n const config = {\r\n headers: {\r\n 'content-type': MULTIPART_FORM_DATA\r\n },\r\n params: { partnerId }\r\n };\r\n return http.post(API_PATHS.uploadMemberRecipients, formData, config);\r\n}\r\n\r\nexport function getMembersWaitingToInviteCount(partnerID) {\r\n return http.get(replaceRouteParams(API_PATHS.getMembersWaitingToInviteCount, partnerID));\r\n}\r\n\r\nexport function deleteMemberGroupMembershipEnrollment(groupMembershipEnrollmentID, programPaymentTypeID) {\r\n return http.delete(replaceRouteParams(API_PATHS.deleteMemberGroupMembership, groupMembershipEnrollmentID, programPaymentTypeID));\r\n}\r\n\r\nexport function updateMember(member) {\r\n return http.patch(replaceRouteParams(API_PATHS.updateMember, member.memberId), { 'id': member.memberId, 'email': member.memberEmail });\r\n}","const facilityFeesBillingTypes = Object.freeze({\r\n none: 0,\r\n directFromFacility: 1,\r\n optumHealth: 2, //Removed\r\n invoiceFacility: 3,\r\n feesWaived: 4, //Removed\r\n humanaInvoice: 5, //Removed\r\n atYourBest: 6,\r\n renewActive: 7,\r\n uprLifetimeFitness: 8,\r\n renewActiveInvoiceAndCheck: 9,\r\n facilityInvoiceCheck: 10,\r\n aarpMedSupInvoiceCheck: 11,\r\n facilityInvoiceAarpMedSupCheck: 12,\r\n onePassCommercial: 13,\r\n onePassCommercialInvoiceAndCheck: 14\r\n});\r\n\r\nexport const facilityFeesBillingTypesFullNamesMap = Object.freeze({\r\n [facilityFeesBillingTypes.none]: 'None',\r\n [facilityFeesBillingTypes.directFromFacility]: 'Direct From Bank Account',\r\n [facilityFeesBillingTypes.optumHealth]: 'Optum FRP invoice', //Removed\r\n [facilityFeesBillingTypes.invoiceFacility]: 'Invoice Facility',\r\n [facilityFeesBillingTypes.feesWaived]: 'Fees Waived', //Removed\r\n [facilityFeesBillingTypes.humanaInvoice]: 'Humana invoice', //Removed\r\n [facilityFeesBillingTypes.atYourBest]: 'AARP/At Your Best invoice',\r\n [facilityFeesBillingTypes.renewActive]: 'Renew Active/One Pass Medicare & Medicaid Invoice',\r\n [facilityFeesBillingTypes.uprLifetimeFitness]: 'UPR Lifetime Fitness invoice',\r\n [facilityFeesBillingTypes.renewActiveInvoiceAndCheck]: 'Renew Active/One Pass Medicare & Medicaid Invoice & Check',\r\n [facilityFeesBillingTypes.facilityInvoiceCheck]: 'Facility Invoice & Check',\r\n [facilityFeesBillingTypes.aarpMedSupInvoiceCheck]: 'AARP Med Sup Invoice & Check',\r\n [facilityFeesBillingTypes.facilityInvoiceAarpMedSupCheck]: 'Facility Invoice & AARP Med Sup Check',\r\n [facilityFeesBillingTypes.onePassCommercial]: 'One Pass Select (Commercial)/Aaptiv Access Invoice',\r\n [facilityFeesBillingTypes.onePassCommercialInvoiceAndCheck]: 'One Pass Select (Commercial)/Aaptiv Access Invoice & Check'\r\n});\r\n\r\nexport default facilityFeesBillingTypes;\r\n","const installmentTypes = Object.freeze({\r\n directFromPartner: 1\r\n});\r\nexport const installmentTypesFullNamesMap = Object.freeze({\r\n [installmentTypes.directFromPartner]: 'Direct From Partner'\r\n});\r\nexport default installmentTypes;\r\n","import * as types from './groupMembershipsTypes';\r\nimport * as groupMembershipsService from './groupMembershipsService';\r\nimport * as loadingActions from '../../Loading/loadingActions';\r\nimport * as employeeManagementService from '../EmployeeManagement/employeeManagementService';\r\nimport facilityFeesBillingTypes, { facilityFeesBillingTypesFullNamesMap } from '../../../enums/facilityFeesBillingTypes';\r\nimport installmentTypes, { installmentTypesFullNamesMap } from '../../../enums/installmentTypes';\r\nimport reimbursementTypes, { reimbursementTypesFullNamesMap } from '../../../enums/reimbursementTypes';\r\nimport groupMembershipsInfoResources from './GroupMembershipsInfoForm/groupMembershipsInfoResources';\r\n\r\nconst setGroupMembership = (groupMembership) => {\r\n return { type: types.SET_GROUP_MEMBERSHIP, groupMembership };\r\n};\r\nconst setGroupMembershipToAddAction = (groupMembershipToAdd) => {\r\n return { type: types.SET_GROUP_MEMBERSHIP_TO_ADD, groupMembershipToAdd };\r\n};\r\nconst getDefaultGroupMembership = (partnerId) => {\r\n return {\r\n partnerId,\r\n [groupMembershipsInfoResources.fieldProgramPaymentType]: undefined,\r\n [groupMembershipsInfoResources.fieldAdminFee]: undefined,\r\n [groupMembershipsInfoResources.fieldProgramFee]: undefined,\r\n [groupMembershipsInfoResources.fieldNumberOfMemberships]: undefined,\r\n [groupMembershipsInfoResources.fieldDuesForOneMemberPerMonthPaidToFacility]: undefined,\r\n [groupMembershipsInfoResources.fieldDuesAmount]: undefined,\r\n [groupMembershipsInfoResources.fieldMemberReimbursementType]: undefined,\r\n [groupMembershipsInfoResources.fieldReimbursementAmount]: undefined,\r\n [groupMembershipsInfoResources.fieldNumberOfVisitsToReimburse]: undefined,\r\n [groupMembershipsInfoResources.fieldPaymentForActivatedMembersOnly]: false,\r\n facilityFeesBillingTypeID: facilityFeesBillingTypes.directFromFacility, //Direct From Bank Account\r\n facilityFeesBillingTypeName: facilityFeesBillingTypesFullNamesMap[facilityFeesBillingTypes.directFromFacility],\r\n installmentTypeID: installmentTypes.directFromPartner, //Direct From Partner\r\n installmentTypeIName: installmentTypesFullNamesMap[installmentTypes.directFromPartner],\r\n reimbursementTypeID: reimbursementTypes.toFacility, //Direct To Bank Account\r\n reimbursementTypeName: reimbursementTypesFullNamesMap[reimbursementTypes.toFacility]\r\n };\r\n};\r\nexport function resetGroupMembershipToAdd() {\r\n return function (dispatch) {\r\n dispatch(setGroupMembershipToAddAction(undefined));\r\n };\r\n}\r\nexport function resetGroupMembership(partnerId) {\r\n return function (dispatch) {\r\n dispatch(setGroupMembership(getDefaultGroupMembership(partnerId)));\r\n dispatch(setGroupMembershipToAddAction(undefined));\r\n dispatch(setHasEnrolledOrInvitedMembers(false));\r\n };\r\n}\r\n\r\nexport function setGroupMembershipToAdd(groupMembership) {\r\n return function (dispatch) {\r\n dispatch(setGroupMembershipToAddAction(groupMembership));\r\n };\r\n}\r\n\r\nexport function getGroupMembership(partnerId) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_GROUP_MEMBERSHIP));\r\n return groupMembershipsService\r\n .getGroupMembership(partnerId)\r\n .then((groupMembership) => {\r\n dispatch(setGroupMembership(groupMembership));\r\n })\r\n .catch((errorResponse) => {\r\n if (errorResponse.status === 404) {\r\n dispatch(resetGroupMembership(partnerId));\r\n } else {\r\n throw errorResponse;\r\n }\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_GROUP_MEMBERSHIP));\r\n dispatch(setGroupMembershipToAddAction(undefined));\r\n });\r\n };\r\n}\r\n\r\nexport function updateGroupMembership(groupMembership) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.UPDATE_GROUP_MEMBERSHIP));\r\n return groupMembershipsService\r\n .updateGroupMembership(groupMembership)\r\n .then((result) => {\r\n if (result.success) {\r\n dispatch(setGroupMembership(result.data));\r\n }\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.UPDATE_GROUP_MEMBERSHIP));\r\n dispatch(setGroupMembershipToAddAction(undefined));\r\n });\r\n };\r\n}\r\n\r\nexport function addGroupMembership(groupMembership) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.ADD_GROUP_MEMBERSHIP));\r\n return groupMembershipsService\r\n .addGroupMembership(groupMembership)\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.ADD_GROUP_MEMBERSHIP));\r\n dispatch(setGroupMembershipToAddAction(undefined));\r\n });\r\n };\r\n}\r\n\r\nexport function getMembersCount(values) {\r\n return function () {\r\n return employeeManagementService.getMembersCount(values.get('partnerId'));\r\n };\r\n}\r\n\r\nconst setHasEnrolledOrInvitedMembers = (hasEnrolledOrInvitedMembers) => {\r\n return { type: types.SET_GROUP_MEMBERSHIP_HAS_ENROLLED_OR_INVITED_MEMBERS, hasEnrolledOrInvitedMembers };\r\n};\r\n\r\nexport function getHasEnrolledOrInvitedMembers(partnerID) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_GROUP_MEMBERSHIP_HAS_ENROLLED_OR_INVITED_MEMBERS));\r\n groupMembershipsService.getHasEnrolledOrInvitedMembers(partnerID)\r\n .then((response) => {\r\n dispatch(setHasEnrolledOrInvitedMembers(response.data));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_GROUP_MEMBERSHIP_HAS_ENROLLED_OR_INVITED_MEMBERS));\r\n });\r\n };\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { SLASHED_US_DATE_FORMAT } from '../../constants/formats';\r\nimport MomentUtils from '@date-io/moment';\r\nimport moment from 'moment';\r\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\r\nimport './_muiinput.scss';\r\nimport styles from './_muiinput.module.scss';\r\n\r\nfunction MuiInputDatePicker({\r\n input,\r\n meta,\r\n formatString,\r\n label,\r\n readOnly,\r\n variant,\r\n inputVariant,\r\n fullWidth,\r\n id,\r\n minDate,\r\n maxDate,\r\n labelVariant\r\n}) {\r\n useEffect(() => {\r\n setTouched(meta.touched);\r\n }, [meta.touched]);\r\n const [touched, setTouched] = useState(false);\r\n const handleClose = () => {\r\n setOpen(false);\r\n setTouched(true);\r\n };\r\n const handleOpen = () => {\r\n if (!readOnly) {\r\n setTouched(true);\r\n setOpen(true);\r\n }\r\n };\r\n const handleDateChange = (date) => {\r\n if (date === null) {\r\n onChange(date);\r\n return;\r\n }\r\n const momentDate = moment(date, formatString, true);\r\n if (momentDate.isValid()) {\r\n onChange(momentDate.format(formatString));\r\n }\r\n };\r\n const { error } = meta;\r\n const showError = error && touched;\r\n const { value, onChange } = input;\r\n const [open, setOpen] = useState(false);\r\n return \r\n \r\n \r\n
;\r\n}\r\n\r\nMuiInputDatePicker.propTypes = {\r\n input: PropTypes.shape({\r\n onChange: PropTypes.func.isRequired,\r\n value: PropTypes.string,\r\n }).isRequired,\r\n formatString: PropTypes.string.isRequired,\r\n meta: PropTypes.shape({\r\n touched: PropTypes.bool,\r\n error: PropTypes.string,\r\n }),\r\n label: PropTypes.string,\r\n readOnly: PropTypes.bool,\r\n id: PropTypes.string,\r\n variant: PropTypes.string,\r\n inputVariant: PropTypes.string,\r\n fullWidth: PropTypes.bool,\r\n minDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\r\n maxDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\r\n labelVariant: PropTypes.string\r\n};\r\n\r\nMuiInputDatePicker.defaultProps = {\r\n formatString: SLASHED_US_DATE_FORMAT,\r\n variant: 'inline',\r\n inputVariant: 'outlined',\r\n fullWidth: true,\r\n labelVariant: 'outlined',\r\n};\r\n\r\nexport default MuiInputDatePicker;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormControl, FormControlLabel, FormHelperText, Checkbox, FormGroup } from '@material-ui/core';\r\nimport styles from './_muiinputcheckbox.module.scss';\r\n\r\nconst MuiInputCheckbox = ({ label, id, input, meta, ...props }) => {\r\n const { value, name, onChange, checked, disabled, onBlur } = input || props;\r\n const { error, touched } = meta;\r\n const showError = error && touched;\r\n return (\r\n \r\n \r\n )}\r\n {(programPaymentType === programPaymentTypes.memberPaid\r\n || programPaymentType === programPaymentTypes.partnerMemberPaid)\r\n && gmrAddProgram && (\r\n \r\n )\r\n }\r\n {programPaymentType > 0 && (\r\n \r\n )\r\n }\r\n
\r\n \r\n
\r\n {programPaymentType > 0 && (\r\n \r\n (option ? option.label : '')}\r\n getOptionValue={option => (option ? option.value : undefined)}\r\n validate={[\r\n validationRules.programPaymentTypeRequired\r\n ]}\r\n readOnly={initialProgramPaymentType > 0}\r\n onChange={handleChange}\r\n defaultValue={undefined}\r\n />\r\n
\r\n {!(isExisting) && gmrAddProgram && (\r\n \r\n \r\n {resources.saveButtonText}\r\n \r\n
)}\r\n \r\n {programPaymentType === programPaymentTypes.partnerPaid && (\r\n
\r\n \r\n
)}\r\n \r\n {programPaymentType === programPaymentTypes.partnerMemberPaid && (\r\n
\r\n {isExisting && onPartnerProgramSettingsEditMode && (\r\n \r\n
)}\r\n {(programPaymentType === programPaymentTypes.partnerPaid && !paymentForActivatedMembersOnly) && (\r\n \r\n
)}\r\n \r\n
\r\n \r\n
\r\n {programPaymentType === programPaymentTypes.partnerPaid && (\r\n \r\n
)}\r\n \r\n
\r\n \r\n
)}\r\n \r\n \r\n {resources.saveChangesButtonText}\r\n \r\n
\r\n \r\n \r\n {resources.cancelButtonText}\r\n \r\n
\r\n \r\n
\r\n {programPaymentType === programPaymentTypes.memberPaid\r\n && (\r\n \r\n
\r\n \r\n
)}\r\n {isExisting && onMemberSettingsEditMode && (\r\n \r\n (option ? option.label : '')}\r\n getOptionValue={option => (option ? option.value : undefined)}\r\n validate={[\r\n validationRules.memberReimbursementTypeRequired,\r\n validationRules.reimbursementTypeGreater\r\n ]}\r\n readOnly={readOnlyMemberSettingsMode()}\r\n onChange={handleBillingTypeChange}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
)}\r\n \r\n \r\n {resources.saveChangesButtonText}\r\n \r\n
\r\n \r\n \r\n {resources.cancelButtonText}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {savingConfirmationPopupMessage}
}\r\n onConfirm={handleConfirmation}\r\n onCancel={resetGroupMembershipToAdd}\r\n labelOk={resources.confirmLabel}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {keyfobs.length} keyfobs will be added to {partnerName}
\r\n - \r\n {keyfobs.map((keyfob, i) =>
- {keyfob.facilityMemberID} )}\r\n
\r\n {gmrAddProgram ?\r\n <>\r\n : \r\n }\r\n \r\n \r\n \r\n
\r\n : <>\r\n );\r\n}\r\n\r\nKeyfobActionsCell.propTypes = {\r\n value: PropTypes.object.isRequired,\r\n setMemberToDeactivate: PropTypes.func.isRequired,\r\n setMemberToDelete: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n setMemberToDeactivate: setMemberToDeactivateMembership,\r\n setMemberToDelete\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(KeyfobActionsCell);","import { createSelector } from 'reselect';\r\nimport {\r\n GetDeactivationConfirmationMessage,\r\n GetReassignConfirmationMessage,\r\n GetKeyfobDeleteConfirmationMessage,\r\n GetMemberDeleteConfirmationMessage,\r\n GetMemberDeleteConfirmationTitle,\r\n GetMemberDeleteAtNextMonthConfirmationMessage\r\n} from './keyfobsAndEmployeesListResources';\r\nimport roles from '../../../../enums/roles';\r\nimport programPaymentTypes from '../../../../enums/programPaymentTypes';\r\nimport invitationStatuses from '../../../../enums/invitationStatuses';\r\n\r\nconst getKeyfobs = state => state.employeeManagementReducer.get('keyfobs');\r\nconst getMemberToDeactivate = state => state.employeeManagementReducer.get('memberToDeactivateMembership');\r\nconst getKeyfobToReassign = state => state.employeeManagementReducer.get('keyfobToReassign');\r\nconst getMemberToDelete = state => state.employeeManagementReducer.get('memberToDelete');\r\nconst getMe = state => state.app.get('me');\r\nconst getIsReassignKeyfobFeatureEnabled = state => state.employeeManagementReducer.get('isReassignKeyfobFeatureEnabled');\r\nconst getKeyfobsTotalCount = state => state.employeeManagementReducer.get('keyfobsTotalCount');\r\nconst getProgramPaymentTypeID = state => state.employeeManagementReducer.get('programPaymentTypeID');\r\nconst getIsConfirmationPopupVisible = createSelector(\r\n [getMemberToDeactivate],\r\n (memberToDeactivateMembership) => {\r\n return memberToDeactivateMembership !== undefined;\r\n }\r\n);\r\n\r\nconst getDeactivationConfirmationPopupMessage = createSelector(\r\n [getMemberToDeactivate],\r\n (memberToDeactivateMembership) => {\r\n if (memberToDeactivateMembership === undefined) {\r\n return;\r\n }\r\n return GetDeactivationConfirmationMessage(memberToDeactivateMembership.memberFirstName, memberToDeactivateMembership.memberLastName, memberToDeactivateMembership.facilityMemberID);\r\n }\r\n);\r\n\r\nconst getEmployeeDeletionConfirmationPopupMessage = createSelector(\r\n [getProgramPaymentTypeID, getMemberToDelete],\r\n (programPaymentTypeID, memberToDelete) => {\r\n if (memberToDelete === undefined) {\r\n return;\r\n }\r\n if ((programPaymentTypeID === programPaymentTypes.partnerMemberPaid || programPaymentTypeID === programPaymentTypes.memberPaid) && memberToDelete.invitationStatus === invitationStatuses.activated) {\r\n return GetMemberDeleteAtNextMonthConfirmationMessage();\r\n }\r\n return GetMemberDeleteConfirmationMessage();\r\n }\r\n);\r\n\r\nconst getEmployeeDeletionConfirmationPopupTitle = createSelector(\r\n [getMemberToDelete],\r\n (memberToDelete) => {\r\n if (memberToDelete === undefined) {\r\n return;\r\n }\r\n return GetMemberDeleteConfirmationTitle(memberToDelete.memberFirstName, memberToDelete.memberLastName);\r\n }\r\n);\r\n\r\nconst getKeyfobIdToDelete = createSelector(\r\n [getMemberToDelete], (memberToDelete) => {\r\n if (memberToDelete === undefined) {\r\n return;\r\n }\r\n return memberToDelete.keyfobID;\r\n }\r\n);\r\n\r\nconst getIsDeleteKeyfobConfirmationPopupVisible = createSelector(\r\n [getMemberToDelete],\r\n (memberToDelete) => {\r\n return memberToDelete !== undefined && memberToDelete.facilityMemberID !== undefined;\r\n }\r\n);\r\n\r\nconst getDeleteKeyfobConfirmationPopupMessage = createSelector(\r\n [getMemberToDelete],\r\n (memberToDelete) => {\r\n if (memberToDelete === undefined) {\r\n return;\r\n }\r\n return GetKeyfobDeleteConfirmationMessage(memberToDelete.facilityMemberID);\r\n }\r\n);\r\n\r\nconst getIsKeyfobReassignConfirmationPopupVisible = createSelector(\r\n [getKeyfobToReassign],\r\n (keyfobToReassign) => {\r\n return keyfobToReassign !== undefined;\r\n }\r\n);\r\n\r\nconst getKeyfobReassignConfirmationPopupMessage = createSelector(\r\n [getKeyfobToReassign],\r\n (keyfobToReassign) => {\r\n if (keyfobToReassign === undefined) {\r\n return;\r\n }\r\n return GetReassignConfirmationMessage(keyfobToReassign.oldFacilityMemberID);\r\n }\r\n);\r\n\r\nconst isAdmin = createSelector(\r\n [getMe], (me) => {\r\n return me.role === roles.systemAdmin;\r\n }\r\n);\r\n\r\nconst isPartnerManager = createSelector(\r\n [getMe], (me) => {\r\n return me.role === roles.partnerManager;\r\n }\r\n);\r\n\r\nexport default createSelector(\r\n [\r\n getKeyfobs,\r\n getMemberToDeactivate,\r\n getKeyfobToReassign,\r\n getKeyfobIdToDelete,\r\n getMemberToDelete,\r\n getIsReassignKeyfobFeatureEnabled,\r\n getDeactivationConfirmationPopupMessage,\r\n getDeleteKeyfobConfirmationPopupMessage,\r\n getEmployeeDeletionConfirmationPopupMessage,\r\n getEmployeeDeletionConfirmationPopupTitle,\r\n getIsConfirmationPopupVisible,\r\n getKeyfobReassignConfirmationPopupMessage,\r\n getIsKeyfobReassignConfirmationPopupVisible,\r\n isAdmin,\r\n getIsDeleteKeyfobConfirmationPopupVisible,\r\n getKeyfobsTotalCount,\r\n getProgramPaymentTypeID,\r\n isPartnerManager\r\n ],\r\n (\r\n keyfobs,\r\n memberToDeactivateMembership,\r\n keyfobToReassign,\r\n keyfobIdToDelete,\r\n memberToDelete,\r\n isReassignKeyfobFeatureEnabled,\r\n deactivationConfirmationPopupMessage,\r\n deleteKeyfobConfirmationMessage,\r\n deleteMemberConfirmationMessage,\r\n deleteMemberConfirmationTitle,\r\n isConfirmationPopupVisible,\r\n reassignConfirmationPopupMessage,\r\n isReassignConfirmationPopupVisible,\r\n isAdmin,\r\n isDeleteKeyfobConfirmationPopupVisible,\r\n totalCount,\r\n programPaymentTypeID,\r\n isPartnerManager\r\n ) => ({\r\n keyfobs,\r\n memberToDeactivateMembership,\r\n keyfobToReassign,\r\n keyfobIdToDelete,\r\n memberToDelete,\r\n isReassignKeyfobFeatureEnabled,\r\n deactivationConfirmationPopupMessage,\r\n deleteKeyfobConfirmationMessage,\r\n deleteMemberConfirmationMessage,\r\n deleteMemberConfirmationTitle,\r\n isConfirmationPopupVisible,\r\n reassignConfirmationPopupMessage,\r\n isReassignConfirmationPopupVisible,\r\n isAdmin,\r\n isDeleteKeyfobConfirmationPopupVisible,\r\n totalCount,\r\n programPaymentTypeID,\r\n isPartnerManager\r\n })\r\n);\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { MuiInputText } from '../controls/MuiInputText';\r\nimport './_new-editable-cell.scss';\r\nimport { fromJS } from 'immutable';\r\nimport MaterialIcon from '../../components/MaterialIcon/MaterialIcon';\r\nimport ToolTip from '../../components/controls/ToolTip';\r\nimport sharedResources from '../../features/Shared/resources';\r\n\r\nfunction NewEditableCell({\r\n value: initialValue,\r\n row,\r\n column\r\n}) {\r\n useEffect(() => {\r\n setValue(initialValue);\r\n setOldValue(initialValue);\r\n setIsEditMode(false);\r\n }, [initialValue]);\r\n const [value, setValue] = useState();\r\n const [isEditMode, setIsEditMode] = useState(false);\r\n const [oldValue, setOldValue] = useState();\r\n const [validationError, setValidationError] = useState('');\r\n const [showErrorMessage, setShowErrorMessage] = useState(false);\r\n const [touched, setTouched] = useState(false);\r\n const props = column.getProps(row);\r\n const blurTimeoutRef = useRef(null);\r\n const onBlur = () => {\r\n blurTimeoutRef.current = setTimeout(() => {\r\n undoChangeHandler();\r\n }, 200);\r\n };\r\n const onFocus = () => {\r\n setTouched(true);\r\n setShowErrorMessage(false);\r\n };\r\n const onChange = (e) => {\r\n setValue(e.target.value);\r\n };\r\n const undoChangeHandler = () => {\r\n if (blurTimeoutRef.current) {\r\n clearTimeout(blurTimeoutRef.current); // Cancel the blur\r\n }\r\n setValue(oldValue);\r\n setValidationError('');\r\n setShowErrorMessage(false);\r\n setIsEditMode(!isEditMode);\r\n setOldValue(oldValue);\r\n };\r\n const updateCellHandler = () => {\r\n if (blurTimeoutRef.current) {\r\n clearTimeout(blurTimeoutRef.current); // Cancel the blur\r\n }\r\n for (const validate of props.validateCellRules) {\r\n const errorMessage = validate(value, fromJS(row.original));\r\n if (errorMessage) {\r\n setValidationError(errorMessage);\r\n setShowErrorMessage(true);\r\n return;\r\n }\r\n }\r\n props.updateCellHandler(value, oldValue, row.original);\r\n setIsEditMode(!isEditMode);\r\n };\r\n\r\n return \r\n \r\n
\r\n \r\n {!isEditMode\r\n ?\r\n <>\r\n
;\r\n};\r\n\r\nNewEditableCell.defaultProps = {\r\n updateCellHandler: () => { },\r\n editTooltip: sharedResources.editLabel,\r\n maxWidth: '135px',\r\n};\r\n\r\nNewEditableCell.propTypes = {\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),\r\n row: PropTypes.object.isRequired,\r\n column: PropTypes.object.isRequired,\r\n updateCellHandler: PropTypes.func.isRequired,\r\n validateCellRules: PropTypes.arrayOf(PropTypes.func),\r\n disabled: PropTypes.bool,\r\n isEditButtonEnabled: PropTypes.bool,\r\n editTooltip: PropTypes.string,\r\n maxWidth: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default NewEditableCell;","const keyfobStatuses = Object.freeze({\r\n availableForActivation: 0,\r\n activated: 1,\r\n onHold: 2,\r\n banned: 3,\r\n});\r\n\r\nexport const keyfobStatusesColorsMap = Object.freeze({\r\n [keyfobStatuses.availableForActivation]: 'yellow',\r\n [keyfobStatuses.activated]: 'green',\r\n [keyfobStatuses.onHold]: 'blue',\r\n});\r\n\r\nexport default keyfobStatuses;","const preferredAccessTypes = Object.freeze({\r\n physicalKey: 0, //KeyFob\r\n digitalKey: 1 //AccessPass\r\n});\r\n\r\nexport default preferredAccessTypes;","import validationRules from '../../../../../utilities/validationRules';\r\nimport keyfobsAndEmployeesListResources from '../keyfobsAndEmployeesListResources';\r\nimport * as keyfobConstants from '../../../../Shared/Keyfobs/keyfobConstants';\r\n\r\nexport const keyfobRequired = validationRules.required(\r\n keyfobsAndEmployeesListResources.labelKeyfob\r\n);\r\n\r\nexport const keyfobMinMaxLength = validationRules.length(\r\n keyfobsAndEmployeesListResources.labelKeyfob,\r\n keyfobConstants.MIN_KEYFOB_LENGTH,\r\n keyfobConstants.MAX_KEYFOB_LENGTH\r\n);\r\n\r\nexport const keyfobValidRadixNumber = validationRules.bigInt(\r\n keyfobConstants.KEYFOB_RADIX,\r\n keyfobsAndEmployeesListResources.labelKeyfob\r\n);\r\n\r\nexport const newKeyfobNotEqualToOldKeyfob = validationRules.notEqualTo(\r\n 'facilityMemberID',\r\n 'New keyfob cannot match old keyfob.'\r\n);","\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ToolTip from '../../components/controls/ToolTip';\r\nimport './_tooltip-cell.scss';\r\nimport { decode } from 'html-entities';\r\n\r\nfunction TooltipCell({ value }) {\r\n const decodedValue = decode(value);\r\n return decodedValue\r\n ? {value}
\r\n {props.isEditButtonEnabled &&\r\n \r\n \r\n \r\n
}\r\n \r\n :\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n {decodedValue}
\r\n \r\n {gmrAddProgram ?\r\n \r\n {deactivationConfirmationPopupMessage}
}\r\n onConfirm={deactivateHandler}\r\n onCancel={resetMemberToDeactivate}\r\n labelOk={keyfobsAndEmployeeResources.buttonDeactivate}\r\n />\r\n \r\n \r\n
\r\n : \r\n
\r\n }\r\n {keyfobsAndEmployeeResources.titleKeyfobsList}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nDragDropFileUploader.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n fileTypes: PropTypes.array,\r\n title: PropTypes.string,\r\n subtitle: PropTypes.string,\r\n buttonName: PropTypes.string,\r\n};\r\n\r\nDragDropFileUploader.defaultProps = {\r\n buttonName: 'upload',\r\n};\r\n\r\nexport default DragDropFileUploader;","import React, { useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { useHistory } from 'react-router-dom';\r\nimport './uploadMemberRecipientsForm.scss';\r\nimport uploadMemberRecipientsResources from '../uploadMemberRecipientsResources';\r\nimport resources from '../../../../Shared/resources';\r\nimport ConfirmPopup from '../../../../../components/Popups/ConfirmAlert/ConfirmPopup';\r\nimport { uploadMemberRecipients, showFileUploadErrorAlert } from '../../employeeManagementActions';\r\nimport { setUploadResults, setUploadResultsFileName } from '../../../../Shared/UploadRecipientsResults/uploadRecipientsResultsActions';\r\nimport moment from 'moment';\r\nimport { MONTH_DATE_FORMAT } from '../../../../../constants/formats';\r\nimport DragDropFileUploader from '../../../../../components/controls/DragDropFileUploader';\r\n\r\nconst UploadMemberRecipientsForm = ({\r\n partnerId,\r\n launchDate,\r\n uploadMemberRecipients,\r\n setUploadResults,\r\n showFileUploadErrorAlert\r\n}) => {\r\n const [goodRecords, setGoodRecords] = useState([]);\r\n const [badRecords, setBadRecords] = useState([]);\r\n const [showConfirmation, setShowConfirmation] = useState(false);\r\n const [fileName, setFileName] = useState('');\r\n const history = useHistory();\r\n const fileSize = 25600;\r\n const uploadFile = (file) => {\r\n if (!file) {\r\n return;\r\n }\r\n if (file.size > fileSize) {\r\n showFileUploadErrorAlert(uploadMemberRecipientsResources.fileSizeError);\r\n return;\r\n }\r\n setGoodRecords([]);\r\n setBadRecords([]);\r\n setFileName(file.name);\r\n uploadMemberRecipients(partnerId, file)\r\n .then((response) => {\r\n const good = [];\r\n const bad = [];\r\n response.data.forEach((item) => {\r\n if (item.reason === null || item.reason === '') {\r\n good.push(item);\r\n } else {\r\n bad.push(item);\r\n }\r\n }\r\n );\r\n setGoodRecords(good);\r\n setBadRecords(bad);\r\n setShowConfirmation(true);\r\n })\r\n .catch(() => {\r\n setShowConfirmation(false);\r\n });\r\n };\r\n\r\n const handleViewDetails = () => {\r\n setUploadResultsFileName(fileName);\r\n setUploadResults({ goodRecords, badRecords });\r\n setShowConfirmation(false);\r\n history.push('/uploadresults');\r\n };\r\n\r\n const handleCloseConfirmation = () => {\r\n setShowConfirmation(false);\r\n };\r\n\r\n const totalRecords = () => goodRecords.length + badRecords.length;\r\n\r\n return (\r\n <>\r\n \r\n {title &&
\r\n \r\n {title}
}\r\n {subtitle && }\r\n{uploadMemberRecipientsResources.resultsPopupTitle}
\r\n{fileName}
\r\n\r\n
\r\n \r\n }\r\n onConfirm={badRecords && badRecords.length === 0 ? null : handleViewDetails}\r\n onCancel={handleCloseConfirmation}\r\n labelOk={uploadMemberRecipientsResources.buttonViewDetails}\r\n labelCancel={resources.closeButtonText}\r\n buttonSize=\"large\"\r\n />\r\n {uploadMemberRecipientsResources.resultsProcessed}: {totalRecords()}
\r\n {uploadMemberRecipientsResources.resultsUploaded}: {goodRecords.length}
\r\n {uploadMemberRecipientsResources.resultsFailed}: {badRecords.length}
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nUploadMemberRecipientsForm.propTypes = {\r\n partnerId: PropTypes.number.isRequired,\r\n launchDate: PropTypes.instanceOf(Date).isRequired,\r\n uploadMemberRecipients: PropTypes.func.isRequired,\r\n setUploadResults: PropTypes.func.isRequired,\r\n showFileUploadErrorAlert: PropTypes.func.isRequired,\r\n};\r\nconst mapDispatchToProps = {\r\n uploadMemberRecipients,\r\n setUploadResults,\r\n showFileUploadErrorAlert\r\n};\r\n\r\nconst connectStateToProps = connect(null, mapDispatchToProps);\r\nexport default connectStateToProps(UploadMemberRecipientsForm);\r\n","export const MULTIPART_FORM_DATA = 'multipart/form-data';\r\nexport const APPLICATION_JSON = 'application/json';\r\nexport const APPLICATION_OCTET_STREAM = 'application/octet-stream';","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { useFlags } from 'launchdarkly-react-client-sdk';\r\nimport Spinner from '../../../components/Spinner/Spinner';\r\nimport CardInfo from '../../../components/CardInfo/CardInfo';\r\nimport selectors from './employeeManagementTabSelectors';\r\nimport AddKeyfobsForm from './AddKeyfobsForm/AddKeyfobsForm';\r\nimport { fromJS } from 'immutable';\r\nimport WrappedConfirmPopup from '../../../components/Popups/ConfirmAlert/WrappedConfirmPopup';\r\nimport { createKeyfobs } from './employeeManagementActions';\r\nimport AddKeyfobConfirmBody from './AddKeyfobConfirmBody';\r\nimport KeyfobsAndEmployeesList from './KeyfobsAndEmployeesList/KeyfobsAndEmployeesList';\r\nimport parseBigInt from '../../../utilities/parseBigInt';\r\nimport * as keyfobConstants from '../../Shared/Keyfobs/keyfobConstants';\r\nimport UploadMemberRecipientsForm from './UploadMemberRecipients/UploadMemberRecipientsForm/UploadMemberRecipientsForm';\r\n\r\nfunction EmployeeManagementTab({ match, isLoading, partner, createKeyfobs, launchDate }) {\r\n const keyfobsInitialRange = fromJS({ firstKeyfob: '', lastKeyfob: '' });\r\n const [keyfobsInitials, setKeyfobsInitials] = useState(keyfobsInitialRange);\r\n const partnerId = Number(match.params.partnerId);\r\n const { gmrAddProgram } = useFlags();\r\n\r\n const handleSubmit = (keyfobsInitials) => {\r\n const firstKeyfob = keyfobsInitials.get('firstKeyfob');\r\n const lastKeyfob = keyfobsInitials.get('lastKeyfob');\r\n const firstKeyfobBigInt = parseBigInt(firstKeyfob, keyfobConstants.KEYFOB_RADIX);\r\n const lastKeyfobBigInt = parseBigInt(lastKeyfob, keyfobConstants.KEYFOB_RADIX);\r\n const keyfobs = [];\r\n const keyfobsLength = firstKeyfob.length;\r\n for (let i = firstKeyfobBigInt; i <= lastKeyfobBigInt; i++) {\r\n const keyfobValuePart = i.toString(keyfobConstants.KEYFOB_RADIX);\r\n const paddedKeyfob = keyfobValuePart.padStart(keyfobsLength, '0');\r\n keyfobs.push({ partnerId, facilityMemberID: paddedKeyfob });\r\n }\r\n WrappedConfirmPopup({\r\n body: \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {defaultPeriod.get(visitLogResources.fieldPeriod) > 0\r\n ? \r\n (option ? option.get('yearMonth') : '')}\r\n getOptionValue={option => (option ? option.get('id') : '')}\r\n />\r\n \r\n : null}\r\n
\r\n \r\n \r\n
\r\n \r\n
;\r\n}\r\n\r\nFacilityDetailedInfoPanel.propTypes = {\r\n showFilter: PropTypes.bool.isRequired,\r\n history: PropTypes.object.isRequired,\r\n facility: PropTypes.object.isRequired,\r\n isEnrollButtonVisible: PropTypes.bool.isRequired,\r\n isListView: PropTypes.bool.isRequired\r\n};\r\n\r\nexport default FacilityDetailedInfoPanel;\r\n","const facilityLocatorResources = {\r\n labelBack: 'Back',\r\n labelFitnessFacility: 'Fitness Facility',\r\n labelFitnessClass: 'Fitness Class',\r\n labelFlexInstructor: 'Flex Instructor',\r\n placeholderSearch: 'Search by City & State or Zip Code',\r\n headerLocator: 'Use this map to find facility',\r\n backButtonText: 'Back to results',\r\n noClubsInThisArea: 'There are no clubs in your search area. Please try a different search area.',\r\n filterTooltip: 'Filter by program',\r\n};\r\nexport default facilityLocatorResources;","import React from 'react';\r\nimport facilityLocatorResources from '../../facilityLocatorResources';\r\nimport BulletCaption from '../../../../../../components/BulletCaption/BulletCaption';\r\nimport { connect } from 'react-redux';\r\n\r\nfunction FacilityLocatorMapLegend() {\r\n return \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {facility.displayName}
\r\n\r\n
\r\n {isEnrollButtonVisible &&\r\n \r\n }\r\n \r\n
\r\n {formatFacilityAddress()}
\r\n \r\n {facility.contactNumber}
\r\n \r\n {facility.website && {facility.website}
\r\n \r\n
Programs
\r\n\r\n {facility.activePlanAndProgramNames.map((planName, i) => {\r\n return \r\n {`${i !== 0\r\n ? '\\u00A0\\u00A0\\u0387\\u00A0\\u00A0'// dot separator with double nbsp around\r\n : ''}\r\n ${planName}`}\r\n ;\r\n })}\r\n
\r\n \r\n
\r\n
;\r\n}\r\n\r\nexport default connect(null, null)(FacilityLocatorMapLegend);","import { createSelector } from 'reselect';\r\n\r\nconst getPlansFilters = state => state.plansFilterReducer.get('plansFilters');\r\nconst getPlans = state => state.clubLocatorSectionReducer.get('plans');\r\n\r\nexport default createSelector(\r\n [\r\n getPlans,\r\n getPlansFilters\r\n ],\r\n (plansInitial, checkedPlans) => ({\r\n plansInitial, checkedPlans\r\n })\r\n);\r\n","const plansFilterResources = {\r\n filterPlansTitle: 'Select Health Programs'\r\n};\r\nexport default plansFilterResources;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport IconButton from '../../IconButton/IconButton';\r\n\r\nfunction SelectedPlan({ plan, onRemove }) {\r\n const removePlan = () => {\r\n onRemove(plan);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
}\r\n {\r\n showSelected && !showFilter\r\n && checkedPlans && checkedPlans.size > 0\r\n && checkedPlans.toJS().some(plan => plan.checked || (plan.programNames && plan.programNames.some(program => program.checked)))\r\n && ${plans ? `${plans.length} results found` : 'No results found'}
\r\n \r\n
\r\n \r\n {`${plansFilterResources.filterPlansTitle} (${plans ? plans.length : 0})`}\r\n
\r\n- \r\n \r\n
\r\n
\r\n \r\n \r\n {resources.applyButtonText}\r\n \r\n
\r\n \r\n <>\r\n
\r\n \r\n \r\n {resources.resetButtonText}\r\n \r\n
\r\n \r\n
\r\n }\r\n ;\r\n}\r\n\r\nPlansFilter.propTypes = {\r\n plansInitial: PropTypes.object,\r\n checkedPlans: PropTypes.object,\r\n onFilterChange: PropTypes.func,\r\n showFilter: PropTypes.bool.isRequired,\r\n setPlansFilters: PropTypes.func.isRequired,\r\n showSelected: PropTypes.bool,\r\n isListView: PropTypes.bool,\r\n searchInputId: PropTypes.string,\r\n listBoxId: PropTypes.string,\r\n plansFilterId: PropTypes.string,\r\n};\r\n\r\nconst actions = {\r\n setPlansFilters\r\n};\r\n\r\nexport default connect(selectors, actions)(PlansFilter);\r\n","import * as types from './plansFilterTypes';\r\n\r\nconst setPlansFiltersAction = plansFilters => ({\r\n type: types.SET_PLANS_FILTERS,\r\n plansFilters\r\n});\r\n\r\nexport const setPlansFilters = plansFilters => (dispatch) => {\r\n dispatch(setPlansFiltersAction(plansFilters));\r\n};\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { PropTypes } from 'prop-types';\r\nimport { facilityLocationTypeNamesMap, facilityLocationTypeColorsMap } from '../../../../../../enums/facilityLocationTypes';\r\nimport BulletCaption from '../../../../../../components/BulletCaption/BulletCaption';\r\nimport SearchBox from '../../../../../../components/SearchBox/SearchBox';\r\nimport FacilityDetailedInfoPanel from '../FacilityDetailedInfoPanel/FacilityDetailedInfoPanel';\r\nimport { toggleSelectedFacility, toggleListView } from '../facilityLocatorMapActions';\r\nimport IconButton from '../../../../../../components/IconButton/IconButton';\r\nimport MaterialIcon from '../../../../../../components/MaterialIcon/MaterialIcon';\r\nimport classNames from 'classnames';\r\nimport FacilityLocatorMapLegend from '../FacilityLocatorMapLegend/FacilityLocatorMapLegend';\r\nimport facilityLocatorResources from '../../facilityLocatorResources';\r\nimport ToolTip from '../../../../../../components/controls/ToolTip';\r\nimport { GEOMETRY } from '../../../../../../constants/googleMapsAutocompleteFields';\r\nimport { USA } from '../../../../../../constants/abbreviations';\r\nimport SharedResources from '../../../../../Shared/resources';\r\nimport PlansFilter from '../../../../../../components/PlansFilter/PlansFilter';\r\n\r\nfunction FacilitiesInMapPanel({\r\n facilities,\r\n map,\r\n mapApi,\r\n selectedFacility,\r\n history,\r\n toggleSelectedFacility,\r\n isEnrollButtonVisible,\r\n isListView,\r\n toggleListView,\r\n showFilter\r\n}) {\r\n const [isActive, setIsActive] = useState(false);\r\n const searchInputRef = useRef(null);\r\n const controlClass = 'active no-click';\r\n const inputTypeClass = 'btn_new btn_new--white btn-group-primary';\r\n const defaultToggleBtnClassName = 'facility-locator__facilities-panel-wrapper_toggle-btn';\r\n const defaultIconBtnClassName = 'facility-locator__chevron_icon-button';\r\n const [showFilterPanel, setShowFilterPanel] = useState(false);\r\n const [hasFilterSelection, setHasFilterSelection] = useState(false);\r\n const searchInputId = 'mapPanelSearchInputBoxId';\r\n const listBoxId = 'searchListBoxId';\r\n const plansFilterId = 'plansFilterId';\r\n const [isExpanded, setIsExpanded] = useState(false);\r\n const [searchResultsCount, setSearchResultsCount] = useState(0);\r\n const facilitiesPanelId = 'facilitiesPanel';\r\n\r\n useEffect(() => {\r\n const googleAutoCompleteOptions = {\r\n fields: [GEOMETRY],\r\n componentRestrictions: { country: [USA] },\r\n };\r\n\r\n const autoComplete = new mapApi.places.Autocomplete(\r\n searchInputRef.current,\r\n googleAutoCompleteOptions,\r\n );\r\n\r\n const setPlace = (place) => {\r\n if (place.geometry.viewport) {\r\n map.fitBounds(place.geometry.viewport);\r\n } else {\r\n map.setCenter(place.geometry.location);\r\n map.setZoom(17);\r\n }\r\n };\r\n\r\n const autocompleteService = new mapApi.places.AutocompleteService();\r\n const placeService = new mapApi.places.PlacesService(map);\r\n\r\n const onPlaceChanged = () => {\r\n setIsExpanded(false);\r\n const place = autoComplete.getPlace();\r\n\r\n if (!place.geometry) {\r\n const predictionList = document.getElementsByClassName('pac-item');\r\n if (predictionList && predictionList.length > 0) {\r\n const firstElement = predictionList[0].textContent;\r\n autocompleteService.getPlacePredictions({ input: firstElement, componentRestrictions: { country: [USA] } }, (predictions) => {\r\n if (predictions && predictions.length > 0) {\r\n placeService.getDetails({ placeId: predictions[0].place_id }, (placeFound, status) => {\r\n if (status === 'OK') {\r\n searchInputRef.current.value = predictions[0].description;\r\n setPlace(placeFound);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n setPlace(place);\r\n }\r\n\r\n searchInputRef.current.blur();\r\n };\r\n autoComplete.addListener('place_changed', onPlaceChanged);\r\n autoComplete.bindTo('bounds', map);\r\n //the code below handles expanded autocomplete menu state to pass it to the aria-expanded attribute\r\n const inputListener = searchInputRef.current.addEventListener('input', (e) => {\r\n setIsExpanded(true);\r\n });\r\n const focusListener = searchInputRef.current.addEventListener('focus', (e) => {\r\n const pacItems = document.querySelectorAll('.pac-item');\r\n if (pacItems.length > 0 && e.target.value.trim() !== '') {\r\n setIsExpanded(true);\r\n }\r\n });\r\n const blurListener = searchInputRef.current.addEventListener('blur', () => {\r\n setIsExpanded(false);\r\n });\r\n\r\n return () => {\r\n searchInputRef.current.removeEventListener('input', inputListener);\r\n searchInputRef.current.removeEventListener('focus', focusListener);\r\n searchInputRef.current.removeEventListener('blur', blurListener);\r\n };\r\n }, [searchInputRef]);\r\n\r\n const [activeDescendant, setActiveDescendant] = useState('');\r\n //the useEffect code below is responsible for getting the right value for the aria-activedescendant attribute\r\n //it also adds some additional accessibility attributes to the Google elements.\r\n useEffect(() => {\r\n const pacItemObserver = new MutationObserver((mutationsList) => {\r\n mutationsList.forEach((mutation) => {\r\n if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\r\n if (mutation.target.classList.contains('pac-item-selected')) {\r\n setActiveDescendant(mutation.target.id);\r\n }\r\n else {\r\n setActiveDescendant('');\r\n }\r\n }\r\n });\r\n });\r\n\r\n const pacContainerObserver = new MutationObserver(() => {\r\n const pacItems = document.querySelectorAll('.pac-item');\r\n setSearchResultsCount(pacItems.length);\r\n pacItems.forEach((item, index) => {\r\n item.setAttribute('id', `pac-item-${index}`);\r\n item.setAttribute('role', 'option');\r\n pacItemObserver.observe(item, { attributes: true });\r\n });\r\n });\r\n\r\n const pacContainer = document.querySelector('.pac-container');\r\n if (pacContainer) {\r\n pacContainer.setAttribute('id', listBoxId);\r\n pacContainer.setAttribute('role', 'listbox');\r\n pacContainer.setAttribute('aria-labelledby', `label_${searchInputId}`);\r\n pacContainerObserver.observe(pacContainer, {\r\n childList: true,\r\n subtree: true,\r\n });\r\n }\r\n\r\n return () => {\r\n pacContainerObserver.disconnect();\r\n pacItemObserver.disconnect();\r\n };\r\n }, [facilities]);\r\n\r\n const handleShowFilterPanel = () => {\r\n setShowFilterPanel(!showFilterPanel);\r\n };\r\n\r\n const handleFilterChange = (items) => {\r\n setShowFilterPanel(false);\r\n setHasFilterSelection(\r\n items && items.length > 0\r\n && items.some(plan => plan.checked\r\n || (plan.programNames && plan.programNames.some(program => program.checked))\r\n )\r\n );\r\n };\r\n\r\n const selectedFacilityKeyDownHandler = (e, facilityId) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n toggleSelectedFacility(facilityId);\r\n }\r\n };\r\n\r\n\r\n return facilities && - \r\n {\r\n checkedPlans.toJS().filter(plan => plan.checked || (plan.programNames && plan.programNames.some(program => program.checked)))\r\n .slice(0, morePlans() && !showMore ? 3 : plans.length)\r\n .map(plan =>\r\n
- \r\n {showMore ? resources.showLessButtonText : resources.showMoreButtonText}\r\n }\r\n
\r\n \r\n \r\n \r\n
;\r\n}\r\n\r\nFacilitiesInMapPanel.propTypes = {\r\n facilities: PropTypes.arrayOf(PropTypes.object),\r\n selectedFacility: PropTypes.object,\r\n map: PropTypes.object.isRequired,\r\n mapApi: PropTypes.object.isRequired,\r\n toggleSelectedFacility: PropTypes.func.isRequired,\r\n isEnrollButtonVisible: PropTypes.bool.isRequired,\r\n toggleListView: PropTypes.func.isRequired,\r\n isListView: PropTypes.bool,\r\n showFilter: PropTypes.bool\r\n};\r\n\r\nconst actions = {\r\n toggleSelectedFacility,\r\n toggleListView\r\n};\r\n\r\nexport default connect(null, actions)(FacilitiesInMapPanel);\r\n","export const GEOMETRY = 'geometry';","export const GROUP_MEMBERSHIPS = 'GM';\r\nexport const USA = 'us';","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction FacilityCluster({ pointCount, googleMap, clusterId, longitude, latitude, supercluster, facilitiesCount, clusterSize }) {\r\n const onClickCallback = () => {\r\n const expansionZoom = Math.min(supercluster.getClusterExpansionZoom(clusterId), 20);\r\n if (googleMap) {\r\n googleMap.setZoom(expansionZoom);\r\n googleMap.panTo({ lat: latitude, lng: longitude });\r\n }\r\n };\r\n clusterSize = clusterSize + (pointCount / facilitiesCount) * 100;\r\n\r\n return <>\r\n \r\n
\r\n \r\n {map && mapApi &&\r\n
\r\n {selectedFacility &&\r\n \r\n \r\n \r\n
\r\n {showFilter &&\r\n \r\n {selectedFacility &&\r\n
\r\n {`Found ${facilities.length} items`}
:{facilityLocatorResources.noClubsInThisArea}
)}\r\n- \r\n {facilities.map((facility, i) => {\r\n return
- \r\n toggleSelectedFacility(facility.id)} role=\"button\" aria-label=\"Club\" tabIndex={0}\r\n onKeyDown={e => selectedFacilityKeyDownHandler(e, facility.id)}\r\n >\r\n\r\n\r\n\r\n
{facility.displayName}
\r\n{facility.distanceToCenterForDisplay}\r\n\r\n {`${facility.address1} ${facility.city}, ${facility.state} ${facility.zipCode}`}\r\n{facility.contactNumber}\r\n ;\r\n })}\r\n
\r\n
\r\n }\r\n \r\n {\r\n googleMap && googleMapApi &&\r\n
;\r\n}\r\n\r\nFacilityLocatorMap.propTypes = {\r\n showGeolocationIsNotSupportedAlert: PropTypes.func.isRequired,\r\n toggleSelectedFacility: PropTypes.func.isRequired,\r\n setFacilitiesInMapBounds: PropTypes.func.isRequired,\r\n facilitiesInitial: PropTypes.object,\r\n facilitiesInMapBounds: PropTypes.object,\r\n history: PropTypes.object.isRequired,\r\n selectedFacility: PropTypes.object,\r\n isEnrollButtonVisible: PropTypes.bool.isRequired,\r\n maxClusterZoom: PropTypes.number.isRequired,\r\n clusterSize: PropTypes.number.isRequired,\r\n clusterRadius: PropTypes.number.isRequired,\r\n isListView: PropTypes.bool,\r\n setFacilities: PropTypes.func.isRequired,\r\n facilities: PropTypes.object,\r\n checkedPlans: PropTypes.object,\r\n showFilter: PropTypes.bool\r\n};\r\n\r\nconst actions = {\r\n showGeolocationIsNotSupportedAlert,\r\n toggleSelectedFacility,\r\n setFacilitiesInMapBounds,\r\n setFacilities\r\n};\r\n\r\nexport default connect(selectors, actions)(FacilityLocatorMap);","import http from '../../../../http/base';\r\nimport { API_PATHS } from '../../../../http/configs';\r\n\r\nexport default {\r\n getFacilitiesForMap: () => http.get(API_PATHS.getFacilitiesForMap)\r\n};","import { createSelector } from 'reselect';\r\nimport { GET_FACILITIES_FOR_MAP } from './facilityLocatorTypes';\r\n\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings').filter(\r\n i => i === GET_FACILITIES_FOR_MAP\r\n ).size;\r\n return size > 0;\r\n};\r\n\r\nconst getFacilities = state => state.facilityLocatorReducer.get('facilities');\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getFacilities\r\n ],\r\n (isLoading, facilities) => ({\r\n isLoading,\r\n facilities\r\n })\r\n);\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport routes from '../../../../routing/routes';\r\nimport FacilityLocatorMap from './FacilityLocatorMap/FacilityLocatorMap';\r\nimport { getFacilitiesForMap } from './facilityLocatorActions';\r\nimport selectors from './facilityLocatorSelectors';\r\nimport IconButton from '../../../../components/IconButton/IconButton';\r\nimport facilityLocatorResources from './facilityLocatorResources';\r\nimport './_facility-locator.scss';\r\nimport FacilityLocatorMapLegend from './FacilityLocatorMap/FacilityLocatorMapLegend/FacilityLocatorMapLegend';\r\n\r\nfunction FacilityLocator({ isLoading, getFacilitiesForMap, facilities, history }) {\r\n useEffect(() => {\r\n getFacilitiesForMap();\r\n }, []);\r\n return isLoading\r\n ? \r\n \r\n {clusters && clusters.map((cluster) => {\r\n const [longitude, latitude] = cluster.geometry.coordinates;\r\n const {\r\n cluster: isCluster,\r\n point_count: pointCount,\r\n facility\r\n } = cluster.properties;\r\n\r\n if (isCluster) {\r\n return (\r\n \r\n
\r\n \r\n
);\r\n}\r\n\r\nFacilityLocator.propTypes = {\r\n isLoading: PropTypes.bool.isRequired,\r\n getFacilitiesForMap: PropTypes.func.isRequired,\r\n facilities: PropTypes.object,\r\n history: PropTypes.object.isRequired\r\n};\r\n\r\nconst actions = {\r\n getFacilitiesForMap\r\n};\r\n\r\nexport default connect(selectors, actions)(FacilityLocator);","import * as types from './facilityLocatorTypes';\r\nimport FacilityLocatorService from './facilityLocatorService';\r\nimport * as loadingActions from '../../../Loading/loadingActions';\r\n\r\nconst setFacilitiesForMap = facilities => ({\r\n type: types.SET_FACILITIES_FOR_MAP,\r\n facilities\r\n});\r\n\r\nexport const getFacilitiesForMap = () => (dispatch, getState) => {\r\n dispatch(loadingActions.setLoading(types.GET_FACILITIES_FOR_MAP));\r\n FacilityLocatorService.getFacilitiesForMap()\r\n .then((facilities) => {\r\n dispatch(setFacilitiesForMap(facilities));\r\n })\r\n .finally(() => dispatch(loadingActions.unsetLoading(types.GET_FACILITIES_FOR_MAP)));\r\n};","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport guid from '../../utilities/guid';\r\n\r\nconst InputRadio = ({ label, id, disabled, ...props }) => {\r\n const controlClass = 'c-control';\r\n const inputTypeClass = 'c-radio';\r\n const uniqueId = `id_${guid()}`;\r\n\r\n return (\r\n \r\n { history.push(routes.memberDashboardHome.path); }} text={facilityLocatorResources.labelBack}\r\n icon={'arrow_back'}\r\n />\r\n
\r\n {facilityLocatorResources.headerLocator}
\r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nInputRadio.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n checked: PropTypes.bool.isRequired,\r\n value: PropTypes.string.isRequired,\r\n onChange: PropTypes.func\r\n};\r\n\r\nexport default InputRadio;","import React, { useMemo } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport InputRadio from './InputRadio';\r\nimport './_radio-group.scss';\r\n\r\nconst RadioGroup = ({ value, meta = {}, input = {}, options, label, inline, ...props }) => {\r\n const computedValue = useMemo(() => {\r\n if (input.value) return input.value.toString();\r\n if (value) return value.toString();\r\n return value;\r\n }, [value, input.value]);\r\n return (\r\n \r\n {label && }\r\n
\r\n );\r\n};\r\n\r\nRadioGroup.propTypes = {\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n options: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n value: PropTypes.string,\r\n label: PropTypes.string.isRequired\r\n })),\r\n inline: PropTypes.bool,\r\n input: PropTypes.object,\r\n meta: PropTypes.object\r\n};\r\n\r\nexport default RadioGroup;\r\n","import { createSelector } from 'reselect';\r\nimport { GET_FACILITIES } from './types';\r\nimport { ENROLL_MEMBER_IN_FACILITTY } from '../FacilityEnrollmentPage/facilityEnrollmentPageTypes';\r\n\r\nexport const getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === ENROLL_MEMBER_IN_FACILITTY || i === GET_FACILITIES)\r\n .size;\r\n return size > 0;\r\n};\r\n\r\nexport function getFacilities(state) {\r\n return state.memberProfileFacilityInfo.get('facilities');\r\n}\r\nexport const getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\n\r\nexport const getMemberHasFacilityEnrollments = createSelector(\r\n [getFacilities],\r\n (facilities) => {\r\n return facilities && facilities.size !== 0;\r\n }\r\n);\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getFacilities,\r\n getSelectedMemberGroup,\r\n getMemberHasFacilityEnrollments\r\n ],\r\n (\r\n isLoading,\r\n facilities,\r\n selectedMemberGroup,\r\n memberHasFacilityEnrollments\r\n ) => ({\r\n isLoading,\r\n facilities,\r\n selectedMemberGroup,\r\n memberHasFacilityEnrollments\r\n })\r\n);","export const ENROLL_MEMBER_IN_FACILITTY = 'ENROLL_MEMBER_IN_FACILITTY';\r\n","import { GET_FACILITIES, RENDER_FACILITIES } from './types';\r\nimport * as loadingActions from '../../../Loading/loadingActions';\r\n\r\nconst renderFacilities = facilities => ({\r\n type: RENDER_FACILITIES,\r\n payload: { facilities }\r\n});\r\n\r\nconst loadFacilities = membersIds => (\r\n dispatch,\r\n getState,\r\n { FacilityInfoService }\r\n) => {\r\n dispatch(loadingActions.setLoading(GET_FACILITIES));\r\n FacilityInfoService.getFacilityInfo(membersIds)\r\n .then((facilities) => {\r\n dispatch(renderFacilities(facilities));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(GET_FACILITIES));\r\n });\r\n};\r\n\r\nexport default {\r\n renderFacilities,\r\n loadFacilities\r\n};\r\n","const facilitiesSectionResources = {\r\n findFacilityButtonText: 'Find Facility'\r\n};\r\nexport default facilitiesSectionResources;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { List } from 'immutable';\r\nimport { connect } from 'react-redux';\r\nimport RadioGroup from '../../../../components/controls/RadioGroup';\r\nimport CardInfo from '../../../../components/CardInfo/CardInfo';\r\nimport InfoBox from '../../../../components/InfoBox/InfoBox';\r\nimport InfoBoxRow from '../../../../components/InfoBox/InfoBoxRow';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport Button from '../../../../components/controls/Button';\r\nimport withMemberGroup from '../../../../hoc/withMemberGroup';\r\nimport selectors from './selectors';\r\nimport actions from './actions';\r\nimport routes from '../../../../routing/routes';\r\nimport facilitiesSectionResources from './FacilitiesSectionResources';\r\nimport preferredAccessTypes from '../../../../enums/preferredAccessTypes';\r\n\r\nclass FacilitiesSection extends Component {\r\n render() {\r\n const { isLoading, facilities, history, memberHasFacilityEnrollments } = this.props;\r\n return isLoading\r\n ? \r\n {\r\n options.map(option =>\r\n
\r\n {\r\n meta.submitFailed && meta.error &&\r\n \r\n {meta.error}\r\n
\r\n }\r\n \r\n
;\r\n }\r\n}\r\n\r\nFacilitiesSection.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n selectedMemberGroup: PropTypes.shape({\r\n fullName: PropTypes.string,\r\n }),\r\n loadFacilities: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n facilities: PropTypes.instanceOf(List),\r\n allMemberGroups: PropTypes.array,\r\n memberHasFacilityEnrollments: PropTypes.bool.isRequired\r\n};\r\n\r\nconst withMemberGroupObserved = withMemberGroup({\r\n actionName: 'loadFacilities',\r\n})(FacilitiesSection);\r\n\r\nexport default connect(\r\n selectors,\r\n actions\r\n)(withMemberGroupObserved);\r\n","import { createSelector } from 'reselect';\r\nimport { ENROLL_MEMBER_IN_FACILITTY } from './facilityEnrollmentPageTypes';\r\n\r\nconst getMemberFacilityEnrollmentIsInProgress = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === ENROLL_MEMBER_IN_FACILITTY)\r\n .size;\r\n return size > 0;\r\n};\r\nconst getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\nconst getFacility = state => state.facilityReducer.get('facility');\r\n\r\nconst membersIds = createSelector(\r\n [getSelectedMemberGroup],\r\n (selectedMemberGroup) =>\r\n {\r\n return selectedMemberGroup.membersIds;\r\n });\r\n\r\nconst getFacilityDescription = createSelector(\r\n [getFacility],\r\n (facility) =>\r\n {\r\n return facility.get('description');\r\n });\r\n\r\nconst getFacilityId = createSelector(\r\n [getFacility],\r\n (facility) =>\r\n {\r\n return facility.get('id');\r\n });\r\n\r\nconst getFacilityAFNumber = createSelector(\r\n [getFacility],\r\n (facility) => {\r\n return facility.get('afNumber');\r\n }\r\n);\r\n\r\nconst isLoading = createSelector(\r\n [ getMemberFacilityEnrollmentIsInProgress,\r\n getFacilityDescription,\r\n getFacilityAFNumber\r\n ],\r\n (\r\n memberFacilityEnrollmentIsInProgress,\r\n facilityDescription,\r\n facilityAFNumber\r\n ) => (\r\n memberFacilityEnrollmentIsInProgress || !facilityDescription || !facilityAFNumber\r\n ));\r\n\r\nexport default createSelector(\r\n [\r\n isLoading,\r\n getFacilityDescription,\r\n getFacilityId,\r\n membersIds,\r\n getFacilityAFNumber\r\n ],\r\n (\r\n isLoading,\r\n facilityDescription,\r\n facilityId,\r\n membersIds,\r\n facilityAFNumber\r\n ) => (\r\n {\r\n isLoading,\r\n facilityDescription,\r\n facilityId,\r\n membersIds,\r\n facilityAFNumber\r\n }));\r\n\r\n","import * as loadingActions from '../Loading/loadingActions';\r\nimport * as types from './facilityTypes';\r\nimport * as facilityService from './facilityService';\r\n\r\nconst setFacilities = (facilities) => {\r\n return { type: types.SET_FACILITIES, facilities };\r\n};\r\n\r\nconst setFacility = (facility) => {\r\n return { type: types.SET_FACILITY, facility };\r\n};\r\n\r\nexport function getFacilitiesByProgramType(programTypeId) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_FACILITIES));\r\n return facilityService\r\n .getFacilitiesByProgramType(programTypeId)\r\n .then((facilities) => {\r\n dispatch(setFacilities(facilities));\r\n })\r\n .finally(() =>\r\n dispatch(loadingActions.unsetLoading(types.GET_FACILITIES))\r\n );\r\n };\r\n}\r\n\r\nexport function getFacility(facilityId) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_FACILITY));\r\n return facilityService\r\n .getFacility(facilityId)\r\n .then(facility =>\r\n dispatch(setFacility(facility))\r\n )\r\n .finally(() =>\r\n dispatch(loadingActions.unsetLoading(types.GET_FACILITY))\r\n );\r\n };\r\n}\r\n\r\nexport function getMemberFacility(memberGuid) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_FACILITY));\r\n return facilityService\r\n .getMemberFacility(memberGuid)\r\n .then(facility =>\r\n dispatch(setFacility(facility))\r\n )\r\n .finally(() =>\r\n dispatch(loadingActions.unsetLoading(types.GET_FACILITY))\r\n );\r\n };\r\n}","import http from '../../http/base';\r\nimport { API_PATHS } from '../../http/configs';\r\n\r\nexport function getFacilitiesByProgramType(programTypeId)\r\n{\r\n return http.get(API_PATHS.listFacilities, { params: { programTypeId } });\r\n}\r\nexport function getFacility(facilityId)\r\n{\r\n return http.get(API_PATHS.getFacility, { params: { facilityId } });\r\n}\r\nexport function getMemberFacility(memberGuid)\r\n{\r\n return http.get(API_PATHS.getMemberFacility, { params: { memberGuid } });\r\n}","const legalContractResources = {\r\n legalCotractTitleEnroll: 'Enroll',\r\n legalCotractTitleEnrolled: 'Enrolled',\r\n legalCotractTitleFormat: '{0} in {1}',\r\n legalContractTitleKeyfobStep: 'Key Fob',\r\n legalContractTitleDepositDetailsStep: 'Deposit Details',\r\n legalContractTitleWithdrawalDetailsStep: 'Withdrawal Details',\r\n legalContractTitleAgreementStep: 'Agreement',\r\n legalContractTitlePaymentDetailsStep: 'Payment Details',\r\n formNameLegalContract: 'legalcontract',\r\n depositToBankAccountModelName: 'depositToBankAccount',\r\n withdrawalFromBankAccountModelName: 'withdrawalFromBankAccount',\r\n linkButtonNextText: 'Next',\r\n linkButtonPrevious: 'Back',\r\n};\r\nexport default legalContractResources;","import { createSelector } from 'reselect';\r\nimport { GET_SIGNATURE_MEMBER_INFO } from './legalContractTypes';\r\nimport { GET_FACILITY } from '../../../Facilities/facilityTypes';\r\nimport legalContractResources from './legalContractResources';\r\nimport reimbursementTypes from '../../../../enums/reimbursementTypes';\r\n\r\nconst getDataLoadingIsInProgress = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === GET_SIGNATURE_MEMBER_INFO || i === GET_FACILITY)\r\n .size;\r\n return size > 0;\r\n};\r\n\r\nconst getFacility = state => state.facilityReducer.get('facility');\r\nconst getEnrollIntoAFFacilityWithinProgramViewModel = state => state.legalContractReducer.get('membersAFFacilityWithinProgramEnrollment');\r\n\r\nconst getFacilityDisplayName = createSelector(\r\n [getFacility],\r\n (facility) => {\r\n return facility.get('displayName');\r\n }\r\n);\r\n\r\nconst getFacilityFullAddress = createSelector(\r\n [getFacility],\r\n (facility) => {\r\n return facility.get('fullAddress');\r\n }\r\n);\r\n\r\nconst getDocumentAgreementVersion = createSelector(\r\n [getEnrollIntoAFFacilityWithinProgramViewModel],\r\n (enrollIntoAFFacilityWithinProgramViewModel) => {\r\n return enrollIntoAFFacilityWithinProgramViewModel.get('documentAgreementVersion');\r\n }\r\n);\r\n\r\nconst getProgramPaymentType = createSelector(\r\n [getEnrollIntoAFFacilityWithinProgramViewModel],\r\n (membersAFFacilityWithinProgramEnrollment) => {\r\n return membersAFFacilityWithinProgramEnrollment.get('programPaymentType');\r\n }\r\n);\r\n\r\nconst getMemberReimbursementTypeID = createSelector(\r\n [getEnrollIntoAFFacilityWithinProgramViewModel],\r\n (membersAFFacilityWithinProgramEnrollment) => {\r\n return membersAFFacilityWithinProgramEnrollment.get('memberReimbursementTypeID');\r\n }\r\n);\r\n\r\nconst getIsDepositInfoVisible = createSelector([getMemberReimbursementTypeID],\r\n memberReimbursementTypeID => memberReimbursementTypeID === reimbursementTypes.toMember);\r\n\r\nconst getPartnerID = createSelector([getEnrollIntoAFFacilityWithinProgramViewModel], enrollIntoAFFacilityWithinProgramViewModel => enrollIntoAFFacilityWithinProgramViewModel.get('partnerID'));\r\nconst getAgreementDate = createSelector([getEnrollIntoAFFacilityWithinProgramViewModel], enrollIntoAFFacilityWithinProgramViewModel => enrollIntoAFFacilityWithinProgramViewModel.get('date'));\r\n\r\nconst isLoading = createSelector(\r\n [\r\n getDataLoadingIsInProgress,\r\n getProgramPaymentType\r\n ],\r\n (\r\n dataLoadingIsInProgress,\r\n programPaymentType\r\n ) => (\r\n dataLoadingIsInProgress || programPaymentType === undefined\r\n ));\r\n\r\nconst getFormValues = state => state.form.getIn([legalContractResources.formNameLegalContract, 'values']);\r\n\r\nexport default createSelector(\r\n [\r\n isLoading,\r\n getEnrollIntoAFFacilityWithinProgramViewModel,\r\n getFacilityDisplayName,\r\n getFacilityFullAddress,\r\n getProgramPaymentType,\r\n getDocumentAgreementVersion,\r\n getFormValues,\r\n getPartnerID,\r\n getAgreementDate,\r\n getIsDepositInfoVisible\r\n ],\r\n (\r\n isLoading,\r\n membersAFFacilityWithinProgramEnrollment,\r\n facilityDisplayName,\r\n facilityFullAddress,\r\n programPaymentType,\r\n documentAgreementVersion,\r\n formValues,\r\n partnerID,\r\n agreementDate,\r\n isDepositInfoVisible\r\n ) => (\r\n {\r\n isLoading,\r\n membersAFFacilityWithinProgramEnrollment,\r\n facilityDisplayName,\r\n facilityFullAddress,\r\n programPaymentType,\r\n documentAgreementVersion,\r\n formValues,\r\n partnerID,\r\n agreementDate,\r\n isDepositInfoVisible\r\n }));\r\n\r\n","import * as loadingActions from '../../../Loading/loadingActions';\r\nimport * as legalContractService from './legalContractService';\r\nimport * as types from './legalContractTypes';\r\n\r\nconst getMemberLegalContractInfoSuccessAction = (signatureMemberInfo) => {\r\n return { type: types.GET_SIGNATURE_MEMBER_INFO_SUCCESS, signatureMemberInfo };\r\n};\r\n\r\nexport function getMemberLegalContractInfo(memberIdGuid) {\r\n return function (dispatch) {\r\n dispatch(loadingActions.setLoading(types.GET_SIGNATURE_MEMBER_INFO));\r\n legalContractService.getMemberLegalContractInfo(memberIdGuid)\r\n .then((signatureMemberInfo) => {\r\n dispatch(getMemberLegalContractInfoSuccessAction(signatureMemberInfo));\r\n })\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.GET_SIGNATURE_MEMBER_INFO));\r\n });\r\n };\r\n}","import http from '../../../../http/base';\r\nimport { API_PATHS } from '../../../../http/configs';\r\n\r\nexport function getMemberLegalContractInfo(memberIdGuid) {\r\n return http.get(API_PATHS.getMemberLegalContractInfo, { params: { memberIdGuid } });\r\n}\r\n\r\nexport function createMemberLegalContract(memberLegalContract) {\r\n return http.post(API_PATHS.resignMemberLegalContract, memberLegalContract);\r\n}","const legalContractFormResources = {\r\n labelKeyfob: 'Keyfob',\r\n labelIsMemberAgreed: 'I have read this release and understand the contents, and I knowingly and voluntarily sign this release. I agree to abide by all posted signage and warnings',\r\n labelButton: 'Save',\r\n customValidationMessagelabelIsMemberAgreed: 'You must check to agree.',\r\n labelFirstName: 'First Name',\r\n labelLastName: 'Last Name',\r\n labelContactNumber: 'Contact Number',\r\n labelEmailAddress: 'Email Address',\r\n labelDate: 'Date',\r\n labelDownloadEquipmentAndFacilitiesPolicies: 'Download Equipment and Facilities Policies'\r\n};\r\nexport default legalContractFormResources;","import validationRules from '../../../../../utilities/validationRules';\r\nimport legalContractFormResources from './legalContractFormResources';\r\nimport * as keyfobConstants from '../../../../Shared/Keyfobs/keyfobConstants';\r\nimport * as generalInfoConstants from '../../../../Shared/GeneralInfo/generalInfoConstants';\r\n\r\nexport const keyfobRequired = validationRules.required(\r\n legalContractFormResources.labelKeyfob\r\n);\r\nexport const keyfobMinMaxLength = validationRules.length(\r\n legalContractFormResources.labelKeyfob,\r\n keyfobConstants.MIN_KEYFOB_LENGTH,\r\n keyfobConstants.MAX_KEYFOB_LENGTH\r\n);\r\nexport const keyfobValidRadixNumber = validationRules.bigInt(\r\n keyfobConstants.KEYFOB_RADIX,\r\n legalContractFormResources.labelKeyfob\r\n);\r\nexport const isMemberAgreedRequired = validationRules.required(\r\n legalContractFormResources.labelIsMemberAgreed, legalContractFormResources.customValidationMessagelabelIsMemberAgreed\r\n);\r\nexport const firstNameRequired = validationRules.required(\r\n legalContractFormResources.labelFirstName\r\n);\r\nexport const firstNameMaxLength = validationRules.length(\r\n legalContractFormResources.labelFirstName,\r\n 0,\r\n generalInfoConstants.MAX_FIRSTNAME_LENGTH\r\n);\r\nexport const lastNameRequired = validationRules.required(\r\n legalContractFormResources.labelLastName\r\n);\r\nexport const lastNameMaxLength = validationRules.length(\r\n legalContractFormResources.labelLastName,\r\n 0,\r\n generalInfoConstants.MAX_LASTNAME_LENGTH\r\n);\r\nexport const phoneNumberRequired = validationRules.required(\r\n legalContractFormResources.labelContactNumber\r\n);\r\nexport const phoneNumberMaxLength = validationRules.length(\r\n legalContractFormResources.labelContactNumber,\r\n 0,\r\n generalInfoConstants.MAX_PHONE_NUMBER_LENGTH\r\n);\r\nexport const phoneNumberRegex = validationRules.phoneNumber(\r\n legalContractFormResources.labelContactNumber\r\n);\r\nexport const emailAddressRequired = validationRules.required(\r\n legalContractFormResources.labelEmailAddress\r\n);\r\nexport const emailAddressMaxLength = validationRules.length(\r\n legalContractFormResources.labelEmailAddress,\r\n 0,\r\n generalInfoConstants.MAX_EMAIL50_LENGTH\r\n);\r\nexport const emailAddressRegex = validationRules.email(\r\n legalContractFormResources.labelEmailAddress\r\n);","import { createSelector } from 'reselect';\r\nimport { GET_EQUIPMENT_AND_FACILITIES_POLICIES } from './legalContractFormTypes';\r\n\r\nconst getIsLoading = (state) => {\r\n const size = state.loadingReducer.get('loadings')\r\n .filter(i => i === GET_EQUIPMENT_AND_FACILITIES_POLICIES)\r\n .size;\r\n return size > 0;\r\n};\r\n\r\nconst getEquipmentAndFacilitiesPolicies = state => state.legalContractFormReducer.get('equipmentAndFacilitiesPolicies');\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getEquipmentAndFacilitiesPolicies,\r\n ],\r\n (\r\n isLoading,\r\n equipmentAndFacilitiesPolicies\r\n ) => (\r\n {\r\n isLoading,\r\n equipmentAndFacilitiesPolicies\r\n }));\r\n\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport FormGroup from '../../../../../components/controls/FormGroup';\r\nimport { Field, reduxForm } from 'redux-form/immutable';\r\nimport { MuiInputText } from '../../../../../components/controls/MuiInputText';\r\nimport InputCheckbox from '../../../../../components/controls/InputCheckbox';\r\nimport Button from '../../../../../components/controls/Button';\r\nimport { defaultFormProperties } from '../../../../../utilities/form';\r\nimport legalContractFormResources from './legalContractFormResources';\r\nimport * as validationRules from './legalContractFormValidations';\r\nimport { connect } from 'react-redux';\r\nimport selectors from './legalContractFormSelectors';\r\nimport { getEquipmentAndFacilitiesPolicies } from './legalContractFormActions';\r\nimport Spinner from '../../../../../components/Spinner/Spinner';\r\n\r\nfunction LegalContractForm({\r\n isLoading,\r\n equipmentAndFacilitiesPolicies,\r\n pristine,\r\n submitting,\r\n handleSubmit,\r\n readOnly,\r\n documentAgreementVersion,\r\n programPaymentType,\r\n facilityAFNumber,\r\n getEquipmentAndFacilitiesPolicies }) {\r\n useEffect(() => {\r\n getEquipmentAndFacilitiesPolicies(documentAgreementVersion, programPaymentType, facilityAFNumber);\r\n }, [documentAgreementVersion, programPaymentType, facilityAFNumber]);\r\n return isLoading\r\n ? \r\n {\r\n facilities.size > 0\r\n ? facilities.map((facility, i) => (\r\n
\r\n {\r\n memberHasFacilityEnrollments\r\n ? <>\r\n : \r\n \r\n \r\n
\r\n ))\r\n : 'Here you will see an information about the facilities you were registered in.'\r\n }\r\n \r\n \r\n {\r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n \r\n \r\n {\r\n \r\n
\r\n\r\n \r\n {\r\n facility.get('preferredAccessType') === preferredAccessTypes.physicalKey &&\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 {facility.get('memberRelatedPlanAndProgramNames').map((name, index) => (\r\n \r\n {name}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n readOnly\r\n ? (<>)\r\n : (\r\n
\r\n \r\n
)\r\n }\r\n \r\n \r\n {legalContractFormResources.labelButton}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nFormStep.propTypes = {\r\n index: PropTypes.number.isRequired,\r\n title: PropTypes.string.isRequired,\r\n currentStep: PropTypes.number.isRequired,\r\n onClickHandler: PropTypes.func.isRequired,\r\n clickable: PropTypes.bool.isRequired,\r\n narrow: PropTypes.bool,\r\n form: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\r\n};\r\nexport default FormStep;","import React, { useState } from 'react';\r\nimport FormStep from './FormStep';\r\nimport PropTypes from 'prop-types';\r\nimport './_formStep.scss';\r\n\r\nexport default function MultiStepForms({ forms, onSubmit, formName, narrow }) {\r\n const [filledStage, setFilledStage] = useState([0]);\r\n const [step, setStep] = useState(0);\r\n const [open, setOpen] = useState(false);\r\n const onPrevStep = () => {\r\n setStep(step - 1);\r\n scrollToTop();\r\n };\r\n const onNextStep = () => {\r\n setFilledStage([...filledStage, step + 1]);\r\n setStep(step + 1);\r\n };\r\n const scrollToTop = () => window.scrollTo(0, 0);\r\n return (\r\n \r\n {title}\r\n index }\r\n ])}\r\n alt=\"logo\"\r\n image=\"progress\"\r\n />\r\n
\r\n \r\n { /*Redux forms doesn't work with multiple rendered forms with same name*/\r\n index === currentStep\r\n ? form\r\n : <>\r\n }\r\n
\r\n \r\n {forms.map((form, index, forms) =>\r\n {\r\n if (!open || index !== step) {\r\n if (filledStage.includes(index)) {\r\n setStep(index);\r\n setOpen(true);\r\n }\r\n }\r\n else {\r\n if (filledStage.includes(index + 1)) {\r\n setOpen(false);\r\n setStep(index + 1);\r\n }\r\n }\r\n\r\n }}\r\n clickable={filledStage.includes(index)}\r\n form={React.createElement(form.formComponent, {\r\n onPrevStep,\r\n onNextStep,\r\n scrollToTop,\r\n onFormSubmit: index + 1 === forms.length ? onSubmit : undefined,\r\n form: formName,\r\n formParams: form.formParams\r\n })}\r\n narrow={narrow}\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n\r\nMultiStepForms.propTypes = {\r\n forms: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n onSubmit: PropTypes.func,\r\n formName: PropTypes.string.isRequired,\r\n narrow: PropTypes.bool,\r\n};","const keyfobFormResources = {\r\n labelKeyfobStep: '1. Key Fob',\r\n infoKeyfob: 'Please enter your key fob',\r\n labelKeyfob: 'Key Fob',\r\n facilityMemberID: 'facilityMemberID'\r\n};\r\nexport default keyfobFormResources;","import validationRules from '../../../../../utilities/validationRules';\r\nimport keyfobFormResources from './keyfobFormResources';\r\nimport * as keyfobConstants from '../../../../Shared/Keyfobs/keyfobConstants';\r\n\r\nexport const keyfobRequired = validationRules.required(\r\n keyfobFormResources.labelKeyfob\r\n);\r\nexport const keyfobMinMaxLength = validationRules.length(\r\n keyfobFormResources.labelKeyfob,\r\n keyfobConstants.MIN_KEYFOB_LENGTH,\r\n keyfobConstants.MAX_KEYFOB_LENGTH\r\n);\r\nexport const keyfobValidRadixNumber = validationRules.bigInt(\r\n keyfobConstants.KEYFOB_RADIX,\r\n keyfobFormResources.labelKeyfob\r\n);","import { createSelector } from 'reselect';\r\nimport { formValueSelector } from 'redux-form';\r\nimport legalContractResources from '../legalContractResources';\r\nimport keyfobFormResources from './keyfobFormResources';\r\n\r\nconst formSelector = formValueSelector(legalContractResources.formNameLegalContract, state => state.form.toJS());\r\nconst getIsEmpty = state => !formSelector(state, keyfobFormResources.facilityMemberID);\r\n\r\nexport default createSelector([getIsEmpty], isEmpty => ({ isEmpty }));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form/immutable';\r\nimport FormGroup from '../../../../../components/controls/FormGroup';\r\nimport { defaultFormProperties } from '../../../../../utilities/form';\r\nimport * as validationRules from './keyfobFormValidations';\r\nimport { MuiInputText } from '../../../../../components/controls/MuiInputText';\r\nimport MuiButton from '../../../../../components/controls/MuiButton';\r\nimport keyfobFormResources from './keyfobFormResources';\r\nimport styles from './_keyfobform.module.scss';\r\nimport legalContractResources from '../legalContractResources';\r\nimport { connect } from 'react-redux';\r\nimport selectors from './keyfobFormSelectors';\r\n\r\nfunction KeyfobForm({ isEmpty, submitting, onNextStep, handleSubmit }) {\r\n return (\r\n \r\n
\r\n \r\n {keyfobFormResources.infoKeyfob}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {legalContractResources.linkButtonNextText}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {agreementFormResources.labelButtonSave}\r\n \r\n {onPrevStep ?\r\n \r\n {legalContractResources.linkButtonPrevious}\r\n \r\n : <>\r\n }\r\n
\r\n \r\n {errorMessage &&
;\r\n}\r\n\r\nBankAccount.propTypes = {\r\n payeeToken: PropTypes.string,\r\n accountNumber: PropTypes.string,\r\n routingNumber: PropTypes.string,\r\n retrieveBankAccountDetails: PropTypes.func,\r\n buttons: PropTypes.object,\r\n description: PropTypes.string,\r\n operationTypeID: PropTypes.number,\r\n setBankAccountInfo: PropTypes.func,\r\n bankAccountModelName: PropTypes.string.isRequired,\r\n checkboxLabel: PropTypes.string,\r\n errorMessage: PropTypes.string\r\n};\r\n\r\nexport default BankAccount;","import { createSelector } from 'reselect';\r\nimport { formValueSelector } from 'redux-form';\r\nimport bankingInfoResources from './bankingInfoResources';\r\n\r\nconst getState = state => state;\r\nconst getFormName = (state, formName) => formName;\r\nconst formSelector = formName => formValueSelector(formName, state => state.form.toJS());\r\nconst getPrefix = (state, formName, prefix) => prefix;\r\nconst getIsEmpty = createSelector([getState, getFormName, getPrefix], (state, formName, prefix) => {\r\n let fieldAccountNumber = bankingInfoResources.fieldAccountNumber;\r\n let fieldRoutingNumber = bankingInfoResources.fieldRoutingNumber;\r\n let fieldBankAccountType = bankingInfoResources.fieldBankAccountType;\r\n if (prefix) {\r\n fieldAccountNumber = `${prefix}.${fieldAccountNumber}`;\r\n fieldRoutingNumber = `${prefix}.${fieldRoutingNumber}`;\r\n fieldBankAccountType = `${prefix}.${fieldBankAccountType}`;\r\n }\r\n return !formSelector(formName)(state, fieldRoutingNumber) && !formSelector(formName)(state, fieldAccountNumber) && !formSelector(formName)(state, fieldBankAccountType);\r\n});\r\n\r\nexport default getIsEmpty;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { change, reduxForm } from 'redux-form/immutable';\r\nimport { defaultFormProperties } from '../../../utilities/form';\r\nimport MuiButton from '../../../components/controls/MuiButton';\r\nimport FormGroup from '../../../components/controls/FormGroup';\r\nimport BankingInfoResources from './bankingInfoResources';\r\nimport BankAccount from './BankAccount';\r\nimport './_banking-info.scss';\r\nimport { connect } from 'react-redux';\r\nimport getIsEmpty from './bankingInfoStepFormSelectors';\r\n\r\nfunction BankingInfoStepForm({ handleSubmit,\r\n submitting,\r\n isEmpty,\r\n onPrevStep,\r\n onNextStep,\r\n formParams,\r\n form,\r\n change }) {\r\n return (\r\n \r\n
}\r\n {description && \r\n {errorMessage}\r\n
\r\n \r\n
}\r\n {setBankAccountInfo &&\r\n \r\n {description}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {legalContractResources.linkButtonNextText}\r\n \r\n \r\n {legalContractResources.linkButtonPrevious}\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 {legalContractResources.linkButtonNextText}\r\n \r\n \r\n {legalContractResources.linkButtonPrevious}\r\n \r\n
\r\n \r\n
;\r\n}\r\n\r\nLegalContract.propTypes = {\r\n isLoading: PropTypes.bool.isRequired,\r\n getMemberLegalContractInfo: PropTypes.func.isRequired,\r\n membersAFFacilityWithinProgramEnrollment: PropTypes.object.isRequired,\r\n handleSubmit: PropTypes.func,\r\n memberIdGuid: PropTypes.string.isRequired,\r\n readOnly: PropTypes.bool.isRequired,\r\n facilityDisplayName: PropTypes.string,\r\n facilityFullAddress: PropTypes.string,\r\n programPaymentType: PropTypes.number,\r\n facilityAFNumber: PropTypes.string.isRequired,\r\n documentAgreementVersion: PropTypes.number,\r\n formValues: PropTypes.object,\r\n history: PropTypes.object,\r\n change: PropTypes.func,\r\n partnerID: PropTypes.number,\r\n agreementDate: PropTypes.string,\r\n isDepositInfoVisible: PropTypes.bool\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getMemberLegalContractInfo,\r\n change\r\n};\r\n\r\nconst connectStateToProps = connect(selectors, mapDispatchToProps);\r\n\r\nexport default connectStateToProps(LegalContract);","import http from '../../http/base';\r\nimport { API_PATHS } from '../../http/configs';\r\n\r\nexport default {\r\n getMemberHasActiveFacilityEnrollments: membersGuids => http.get(API_PATHS.memberHasActiveFacilityEnrollments, { params: { membersGuids } }),\r\n getMemberInvalidations: membersGuids => http.get(API_PATHS.getMemberInvalidations, { params: { membersGuids } })\r\n};","import * as types from './memberAreaTypes';\r\nimport MemberAreaService from './memberAreaService';\r\nimport * as loadingActions from '../Loading/loadingActions';\r\nimport * as legalContractService from '../MemberProfile/FacilityInfo/LegalContract/legalContractService';\r\n\r\n\r\nconst setMemberHasActiveFacilityEnrollments = memberHasActiveFacilityEnrollments => ({\r\n type: types.SET_MEMBER_HAS_ACTIVE_FACILITY_ENROLLMENTS,\r\n payload: { memberHasActiveFacilityEnrollments }\r\n});\r\n\r\nconst setMemberInvalidations = memberInvalidations => ({ type: types.SET_MEMBER_INVALIDATIONS, payload: { memberInvalidations } });\r\n\r\nexport const checkIfMemberHasActiveFacilityEnrollments = membersGuids => (dispatch, getState) => {\r\n dispatch(loadingActions.setLoading(types.CHECK_MEMBER_HAS_ACTIVE_FACILITY_ENROLLMENTS));\r\n\r\n return MemberAreaService.getMemberHasActiveFacilityEnrollments(membersGuids)\r\n .then((memberHasActiveFacilityEnrollments) => {\r\n dispatch(setMemberHasActiveFacilityEnrollments(memberHasActiveFacilityEnrollments));\r\n })\r\n .finally(() => dispatch(loadingActions.unsetLoading(types.CHECK_MEMBER_HAS_ACTIVE_FACILITY_ENROLLMENTS)));\r\n};\r\n\r\nexport const getMemberInvalidations = membersGuids => (dispatch) => {\r\n dispatch(loadingActions.setLoading(types.GET_MEMBER_INVALIDATIONS));\r\n\r\n return MemberAreaService.getMemberInvalidations(membersGuids)\r\n .then((membersInvalidations) => {\r\n dispatch(setMemberInvalidations(membersInvalidations));\r\n })\r\n .finally(() => dispatch(loadingActions.unsetLoading(types.GET_MEMBER_INVALIDATIONS)));\r\n};\r\n\r\nexport const resignMemberLegalContract = memberLegalContract => (dispatch) => {\r\n dispatch(loadingActions.setLoading(types.RESIGN_MEMBER_LEGAL_CONTRACT));\r\n\r\n return legalContractService.createMemberLegalContract(memberLegalContract)\r\n .finally(() => {\r\n dispatch(loadingActions.unsetLoading(types.RESIGN_MEMBER_LEGAL_CONTRACT));\r\n });\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\nimport selectors from './facilityEnrollmentPageSelectors';\r\nimport { enrollIntoAFFacilityWithinProgram } from './facilityEnrollmentPageActions';\r\nimport { getFacility } from '../../../Facilities/facilityActions';\r\nimport LegalContract from '../LegalContract/LegalContract';\r\nimport routes from '../../../../routing/routes';\r\nimport { checkIfMemberHasActiveFacilityEnrollments } from '../../../MemberArea/memberAreaActions';\r\nimport bankOperationTypes from '../../../../enums/bankOperationTypes';\r\n\r\nfunction FacilityEnrollmentPage({\r\n history,\r\n match,\r\n isLoading,\r\n enrollIntoAFFacilityWithinProgram,\r\n getFacility,\r\n membersIds,\r\n facilityDescription,\r\n facilityId,\r\n checkIfMemberHasActiveFacilityEnrollments,\r\n facilityAFNumber }) {\r\n useEffect(() => {\r\n getFacility(match.params.facilityId);\r\n }, [match.params.facilityId]);\r\n const handleSubmit = (legalcontractmodel) => {\r\n const membersaffacilitywithinprogramenrollment = legalcontractmodel.toJS();\r\n membersaffacilitywithinprogramenrollment.facilityId = facilityId;\r\n membersaffacilitywithinprogramenrollment.MemberIds = membersIds;\r\n membersaffacilitywithinprogramenrollment.OperationTypeID = bankOperationTypes.Debit;\r\n return enrollIntoAFFacilityWithinProgram(membersaffacilitywithinprogramenrollment)\r\n .then(() => {\r\n checkIfMemberHasActiveFacilityEnrollments(membersIds).then(() => {\r\n history.push(routes.facilityInformation.path);\r\n });\r\n });\r\n };\r\n return isLoading\r\n ? \r\n {\r\n history\r\n ?
\r\n {\r\n facilityFullAddress ?\r\n {\r\n history.push(routes.facilityLocator.path);\r\n }}>\r\n
\r\n : <>\r\n }\r\n {format(legalContractResources.legalCotractTitleFormat, handleSubmit ? legalContractResources.legalCotractTitleEnroll : legalContractResources.legalCotractTitleEnrolled, facilityDisplayName)}
\r\n\r\n
\r\n : <>\r\n }\r\n {\r\n readOnly ?\r\n \r\n
;\r\n}\r\n\r\nFacilityEnrollmentPage.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n isLoading: PropTypes.bool.isRequired,\r\n enrollIntoAFFacilityWithinProgram: PropTypes.func.isRequired,\r\n getFacility: PropTypes.func.isRequired,\r\n membersIds: PropTypes.array.isRequired,\r\n checkIfMemberHasActiveFacilityEnrollments: PropTypes.func.isRequired,\r\n facilityDescription: PropTypes.string,\r\n facilityId: PropTypes.number,\r\n facilityAFNumber: PropTypes.string\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n enrollIntoAFFacilityWithinProgram,\r\n getFacility,\r\n checkIfMemberHasActiveFacilityEnrollments,\r\n};\r\n\r\nconst connectStateToProps = connect(selectors, mapDispatchToProps);\r\n\r\nexport default connectStateToProps(FacilityEnrollmentPage);","import * as loadingActions from '../../../Loading/loadingActions';\r\nimport * as facilityEnrollmentPageService from './facilityEnrollmentPageService';\r\nimport * as types from './facilityEnrollmentPageTypes';\r\n\r\nexport function enrollIntoAFFacilityWithinProgram(membersAFFacilityWithinProgramEnrollment)\r\n{\r\n return function(dispatch) {\r\n dispatch(loadingActions.setLoading(types.ENROLL_MEMBER_IN_FACILITTY));\r\n return facilityEnrollmentPageService.enrollIntoAFFacilityWithinProgram(membersAFFacilityWithinProgramEnrollment)\r\n .finally(()=>dispatch(loadingActions.unsetLoading(types.ENROLL_MEMBER_IN_FACILITTY)));\r\n };\r\n}","import http from '../../../../http/base';\r\nimport { API_PATHS } from '../../../../http/configs';\r\n\r\nexport function enrollIntoAFFacilityWithinProgram(membersAFFacilityWithinProgramEnrollment)\r\n{\r\n return http.post(API_PATHS.enrollIntoAFFacilityWithinProgram, membersAFFacilityWithinProgramEnrollment);\r\n}","import { createSelector } from 'reselect';\r\n\r\nconst getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\nconst getFacility = state => state.facilityReducer.get('facility');\r\n\r\nconst getFirstMembersGuid = createSelector(\r\n [getSelectedMemberGroup],\r\n (selectedMemberGroup) =>\r\n {\r\n return selectedMemberGroup.membersIds[0];\r\n });\r\n\r\nconst getFacilityDescription = createSelector(\r\n [getFacility],\r\n (facility) => {\r\n return facility.get('description');\r\n }\r\n);\r\n\r\nconst getFacilityAFNumber = createSelector(\r\n [getFacility],\r\n (facility) => {\r\n return facility.get('afNumber');\r\n }\r\n);\r\n\r\nconst getIsLoading = createSelector(\r\n [ getFacilityDescription,\r\n getFacilityAFNumber\r\n ],\r\n (\r\n facilityDescription,\r\n facilityAFNumber\r\n ) => (\r\n !facilityDescription || !facilityAFNumber\r\n ));\r\n\r\nexport default createSelector(\r\n [\r\n getIsLoading,\r\n getFirstMembersGuid,\r\n getFacilityDescription,\r\n getFacilityAFNumber\r\n ],\r\n (\r\n isLoading,\r\n firstMembersGuid,\r\n facilityDescription,\r\n facilityAFNumber\r\n ) => (\r\n {\r\n isLoading,\r\n firstMembersGuid,\r\n facilityDescription,\r\n facilityAFNumber\r\n }));\r\n\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LegalContract from '../LegalContract/LegalContract';\r\nimport selectors from './memberLegalContractPageSelectors';\r\nimport { connect } from 'react-redux';\r\nimport { getMemberFacility } from '../../../Facilities/facilityActions';\r\nimport Spinner from '../../../../components/Spinner/Spinner';\r\n\r\nfunction MemberLegalContractPage({\r\n isLoading,\r\n firstMembersGuid,\r\n getMemberFacility,\r\n facilityDescription,\r\n facilityAFNumber }) {\r\n useEffect(() => {\r\n getMemberFacility(firstMembersGuid);\r\n }, [firstMembersGuid]);\r\n return isLoading\r\n ? \r\n
;\r\n}\r\n\r\nMemberLegalContractPage.propTypes = {\r\n isLoading: PropTypes.bool.isRequired,\r\n firstMembersGuid: PropTypes.string.isRequired,\r\n getMemberFacility: PropTypes.func.isRequired,\r\n facilityDescription: PropTypes.string,\r\n facilityAFNumber: PropTypes.string\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getMemberFacility\r\n};\r\n\r\nconst connectStateToProps = connect(selectors, mapDispatchToProps);\r\n\r\nexport default connectStateToProps(MemberLegalContractPage);","import { createSelector } from 'reselect';\r\nimport roles from '../../enums/roles';\r\nimport routes from '../../routing/routes';\r\n\r\nconst getMe = state => state.app.get('me');\r\nexport const getSelectedMemberGroup = state => state.app.get('selectedMemberGroup');\r\nconst getAbreviatedName = createSelector([getSelectedMemberGroup],\r\n selectedMemberGroup => (selectedMemberGroup.abbreviatedName ? selectedMemberGroup.abbreviatedName.replace(' ', '') : ''));\r\n\r\nconst getPortalDashboardLink = createSelector(\r\n [getMe],\r\n (me) => {\r\n if (!me) {\r\n return;\r\n }\r\n switch (me.role) {\r\n case roles.member:\r\n return routes.memberArea.path;\r\n case roles.partnerManager:\r\n return routes.partnerManagerArea.path;\r\n default:\r\n return null;\r\n }\r\n }\r\n);\r\n\r\nexport default createSelector(\r\n [getMe, getSelectedMemberGroup, getPortalDashboardLink, getAbreviatedName],\r\n (me, selectedMemberGroup, portalDashboardLink, abbreviatedName) => ({\r\n me, selectedMemberGroup, portalDashboardLink, abbreviatedName\r\n })\r\n);","const loginResources = {\r\n loginButtonText: 'Log in',\r\n linkForgotUsername: 'Forgot username?',\r\n linkForgotPassword: 'Forgot password?',\r\n facilitySignupButtonId: 'facilitySignupButtonId',\r\n facilitySignupButtonText: 'facility signup',\r\n memberSignupButtonText: 'member signup',\r\n labelUsernameOrEmail: 'Username or Email',\r\n labelPassword: 'Password',\r\n title: 'Log in',\r\n fieldNameUserName: 'userName',\r\n fieldNamePassword: 'password',\r\n loginDataForm: 'loginDataForm',\r\n signupText: 'Don’t have an account yet?',\r\n isLoginPopupOpenParamName: 'isLoginPopupOpen',\r\n errorParamName: 'error',\r\n redirectUrlParamName: 'redirectUrl',\r\n memberSignupButtonId: 'memberSignupButtonId',\r\n cancelButtonId: 'cancelButtonId',\r\n loginButtonId: 'loginButtonId'\r\n};\r\nexport default loginResources;","import PropTypes from 'prop-types';\r\nimport { roleType } from '../enums/roles';\r\n\r\nexport const authUserType = PropTypes.shape({\r\n userId: PropTypes.number,\r\n role: roleType,\r\n fullName: PropTypes.string,\r\n memberGroups: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n fullName: PropTypes.string\r\n })\r\n )\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { API_PATHS } from '../../http/configs';\r\nimport selectors from './headerSelectors';\r\nimport { connect } from 'react-redux';\r\nimport { authUserType } from '../../propTypes/customTypes';\r\nimport routes from '../../routing/routes';\r\nimport CustomLink from '../controls/CustomLink';\r\n\r\nfunction GuestHeaderNavList({ isMobile, me, portalDashboardLink }) {\r\n\r\n return (\r\n - \r\n {me && me.role &&
- \r\n {portalDashboardLink ?\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 !isMobile || (isMobile && isNavigationMenuExpanded) ?\r\n \r\n : <>\r\n }\r\n
\r\n \r\n {me && me.role ?\r\n <>\r\n
\r\n \r\n
\r\n \r\n :\r\n \r\n }\r\n setIsAccountMenuExpanded(!isAccountMenuExpanded)}\r\n >{abbreviatedName}
\r\n {\r\n isAccountMenuExpanded\r\n ? \r\n
\r\n : <>\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n me.memberGroups && me.memberGroups.length > 1\r\n ? {abbreviatedName}
\r\n {selectedMemberGroup.fullName}\r\n \r\n {\r\n me.memberGroups.map((group, i) =>\r\n memberGroupsClickHandler(group)} key={i}\r\n >\r\n {group.fullName}\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\nTopbar.propTypes = {\r\n topbarContent: PropTypes.object\r\n};\r\n\r\nexport default Topbar;","export const PRIVACY_NOTICE = 'Privacy Notice';","import { PRIVACY_NOTICE } from '../../constants/legal';\r\n\r\nconst footerResources = {\r\n linkNameForFacilities: 'For Facilities',\r\n linkNameForEmployers: 'For Employers',\r\n linkNameForPartner: 'Keyfob',\r\n linkNameForMembers: 'For Members',\r\n linkNameForInsurers: 'For Insurers',\r\n linkNameAbout: 'About us',\r\n linkNamePrivacyNotice: PRIVACY_NOTICE,\r\n linkNameConsumerHealthPrivacyNotice: 'Consumer Health Privacy Notice',\r\n linkNameTermsOfUse: 'Terms of Use',\r\n headerAllyant: 'Reviewed by Allyant',\r\n sectionNameSolutions: 'Solutions',\r\n sectionNameContact: 'Contact',\r\n sectionNameLegal: 'Legal',\r\n linkNameAccessibilityAndMaintenance: 'Accessibility & Maintenance',\r\n linkSiteMap: 'Site Map',\r\n};\r\nexport default footerResources;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport MaterialIcon from '../MaterialIcon/MaterialIcon';\r\n\r\nfunction FooterMenuItem({ id, description, active, children }) {\r\n const defaultClassName = 'footer-menu-item';\r\n const activeClassName = `${defaultClassName}--active`;\r\n const divId = `${id}-header`;\r\n const listId = `${id}-list`;\r\n\r\n const divRef = React.useRef();\r\n\r\n const [isActive, setActive] = React.useState(active);\r\n\r\n const handleKeypress = (e) => {\r\n // keyboard enter (13) and space (32) for keyboard users\r\n if (e.keyCode === 13 || e.keyCode === 32) {\r\n e.preventDefault();\r\n\r\n divRef.current.click();\r\n }\r\n };\r\n\r\n return (\r\n \r\n {React.createElement(topbarContent)}\r\n
\r\n