\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { variant } = this.props;\r\n return this.renderButton(variant);\r\n }\r\n}\r\nButton.propTypes = {\r\n className: PropTypes.string,\r\n variant: PropTypes.oneOf(['outlined', 'text', 'contained', 'fab', 'icon', 'upload']),\r\n type: PropTypes.oneOf(['button', 'submit']),\r\n icon: PropTypes.node,\r\n accept: PropTypes.string,\r\n multiple: PropTypes.bool,\r\n children: PropTypes.node,\r\n classes: PropTypes.object,\r\n IconProps: PropTypes.object,\r\n light: PropTypes.bool,\r\n iconType: PropTypes.string,\r\n color: PropTypes.string,\r\n forwardedRef: PropTypes.object,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nButton.defaultProps = {\r\n className: '',\r\n icon: '',\r\n variant: 'text',\r\n accept: '',\r\n multiple: true,\r\n children: null,\r\n type: 'button',\r\n light: false,\r\n};\r\n\r\n// eslint-disable-next-line react/no-multi-comp\r\nconst ButtonWithRef = React.forwardRef((props, ref) => );\r\n\r\nexport default withStyles(buttonStyle)(ButtonWithRef);\r\n","const STATUS = {\r\n TOKEN_EXPIRED: -2,\r\n INVALID: -1,\r\n UNLOADED: 0,\r\n LOADING: 1,\r\n LOADED: 2,\r\n UPDATING: 3,\r\n UPDATED: 4,\r\n ERROR: 5,\r\n PAGINATE_ERROR: 6,\r\n QUEUED: 7,\r\n\r\n // status != [INVALID, ERROR]\r\n RESOLVED: 99,\r\n};\r\nexport default STATUS;\r\n","import handleError, { handleStatusError } from '../error/ErrorHandler';\r\nimport STATUS from '../../config/constants/StoreKeyStatus';\r\nimport { curQueue } from '../../helpers/api/Queue';\r\n\r\n/**\r\n * @description Based on the HTTP response codes, set the redux store keys status appropriately.\r\n * @param {Object} apiResult The API Result returned from server\r\n * @param {String} action The redux action key\r\n * @param {*} callback A Callback to component, to handle errors.\r\n */\r\nconst postProcess = (apiResult, callback, dispatch, localReqOptions) => {\r\n const { error: err, response = {}, timestamp } = apiResult;\r\n const { skipCustomPostProcessor, storeData } = localReqOptions;\r\n\r\n const { status } = response || {};\r\n\r\n const isQueued = status === STATUS.QUEUED;\r\n\r\n if (!isQueued) {\r\n // Removing request via timestamp\r\n curQueue.remove(timestamp, storeData);\r\n }\r\n\r\n if (!skipCustomPostProcessor) {\r\n if (err) {\r\n console.log('Error:', err);\r\n handleError(err, callback);\r\n return handleStatusError(err, dispatch, localReqOptions);\r\n }\r\n if (!isQueued && callback) {\r\n callback(err, response);\r\n }\r\n // No Error, Successful response\r\n if (isQueued) {\r\n return {\r\n data: {},\r\n status: STATUS.LOADING,\r\n };\r\n }\r\n return {\r\n data: response,\r\n status: STATUS.LOADED,\r\n };\r\n }\r\n\r\n return {};\r\n};\r\n\r\nexport default postProcess;\r\n","import { memo, useEffect, useImperativeHandle, useRef, useState } from 'react';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport { FORM_COMPONENTS, INPUT_TYPE } from 'Generic/form/config/FormComponentsConfig';\r\nimport { restrictInputToNumericKeys } from 'Commons/helpers/utils/Utils';\r\nimport round from 'Commons/helpers/utils/Round';\r\nimport Form from '../../form/components/Form';\r\nimport textFieldStyle from '../styles/TextFieldStyle';\r\nimport {\r\n Grid,\r\n InputAdornment,\r\n makeStyles,\r\n TextField as MaterialUiTextField,\r\n} from '../../componentlibrary/components/Components';\r\n\r\nconst useStyles = makeStyles(textFieldStyle, { name: 'TextField' });\r\n\r\nconst TextField = React.forwardRef(({ trackValue, value, onChange, onRef, readOnly, ...props }, ref) => {\r\n const classes = useStyles(props);\r\n const [stateValue, setStateValue] = useState(trackValue ? value : '');\r\n const textFieldRef = useRef();\r\n const textFieldContainerRef = useRef();\r\n\r\n useEffect(() => {\r\n onRef(textFieldRef.current, textFieldContainerRef.current);\r\n }, []);\r\n\r\n useImperativeHandle(ref, () => textFieldRef.current);\r\n\r\n const onChangeValue = (event) => {\r\n const { target: { value: targetValue } } = event;\r\n const { rateField } = props;\r\n let shouldUpdateValue = true;\r\n if (rateField) {\r\n const splitValue = targetValue.toString().split('.');\r\n // Checking if targetValue has more than 2 decimal places\r\n if (splitValue.length > 1 && splitValue[1].length > 2) {\r\n shouldUpdateValue = false;\r\n }\r\n }\r\n if (shouldUpdateValue) {\r\n if (trackValue) {\r\n setStateValue(targetValue);\r\n }\r\n onChange(event, targetValue);\r\n }\r\n };\r\n\r\n const getInputProps = () => {\r\n const { addon, InputProps, addonClassName, label, disableUnderline } = props;\r\n const { className } = InputProps;\r\n const addOnProps = {};\r\n\r\n Object.keys(addon).forEach((position) => {\r\n addOnProps[`${position}Adornment`] = (\r\n addon[position]\r\n && (\r\n \r\n {left}\r\n
\r\n )\r\n }\r\n \r\n {right}\r\n
\r\n )\r\n }\r\n \r\n {\r\n event.stopPropagation();\r\n this.clear(event);\r\n }}\r\n IconProps={{ size: 'medium' }}\r\n />\r\n )\r\n : (\r\n \r\n {noOptionsMessage}\r\n \r\n )\r\n : (sortBy ? sortArray(list, sortBy) : list).map((item, index) => {\r\n const { isDisabled = false } = item;\r\n const onClickProp = !multiselect\r\n ? { onClick: e => this.onChangeSingleSelect(e, item) } : {};\r\n return (\r\n \r\n {\r\n multiselect\r\n ? (\r\n this.onChangeMultiSelect(e, item)}\r\n />\r\n )}\r\n label={this.renderLabel(item.label)}\r\n />\r\n )\r\n : this.renderLabel(item.label, item.value, optionalFormatter || {})\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDropdown.propTypes = {\r\n name: PropTypes.string,\r\n form: PropTypes.object,\r\n readOnly: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n trackValue: PropTypes.bool,\r\n multiselect: PropTypes.bool,\r\n renderValue: PropTypes.func,\r\n className: PropTypes.string,\r\n InputProps: PropTypes.object,\r\n PopdownProps: PropTypes.object,\r\n ListItemProps: PropTypes.object,\r\n noOptionsMessage: PropTypes.string,\r\n textFieldClasses: PropTypes.object,\r\n classes: PropTypes.object.isRequired,\r\n value: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.node]),\r\n maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n addon: PropTypes.shape({\r\n start: PropTypes.node,\r\n end: PropTypes.node,\r\n }),\r\n list: PropTypes.arrayOf(PropTypes.shape({\r\n label: PropTypes.node,\r\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n })),\r\n onRef: PropTypes.func,\r\n sortBy: PropTypes.arrayOf(PropTypes.string),\r\n optionalFormatter: PropTypes.func,\r\n clearable: PropTypes.bool,\r\n};\r\n\r\nDropdown.defaultProps = {\r\n list: [],\r\n addon: {},\r\n maxHeight: 200,\r\n trackValue: true,\r\n PopdownProps: {},\r\n disabled: false,\r\n ListItemProps: {},\r\n clearable: false,\r\n multiselect: false,\r\n sortBy: ['label'],\r\n onChange: () => { },\r\n textFieldClasses: {},\r\n form: { setFieldValue: () => { } },\r\n noOptionsMessage: localisable.noOptions,\r\n};\r\n\r\nconst DropdownComponent = withStyles(dropdownStyle)(Dropdown);\r\nDropdownComponent.displayName = FORM_COMPONENTS.DROPDOWN;\r\nconst FormDropdown = Form(DropdownComponent);\r\n\r\nexport {\r\n DropdownComponent as Dropdown,\r\n FormDropdown,\r\n};\r\n","/* eslint-disable no-use-before-define */\r\n/**\r\n * @description This utility provides a way to merge two objects.\r\n * It is based off: https://github.com/TehShrike/deepmerge\r\n */\r\n\r\nconst isMergeableObject = (val) => {\r\n const nonNullObject = val && typeof val === 'object';\r\n\r\n return nonNullObject\r\n && Object.prototype.toString.call(val) !== '[object RegExp]'\r\n && Object.prototype.toString.call(val) !== '[object Date]';\r\n};\r\n\r\nconst emptyTarget = val => (Array.isArray(val) ? [] : {});\r\n\r\nconst cloneIfNecessary = (value, optionsArgument) => {\r\n const clone = optionsArgument && optionsArgument.clone === true;\r\n return (clone && isMergeableObject(value)) ? deepMerge(emptyTarget(value), value, optionsArgument) : value;\r\n};\r\n\r\nconst defaultArrayMerge = (target, source, optionsArgument) => {\r\n const destination = target.slice();\r\n source.forEach((e, i) => {\r\n if (typeof destination[i] === 'undefined') {\r\n destination[i] = cloneIfNecessary(e, optionsArgument);\r\n } else if (isMergeableObject(e)) {\r\n destination[i] = deepMerge(target[i], e, optionsArgument);\r\n } else if (target.indexOf(e) === -1) {\r\n destination.push(cloneIfNecessary(e, optionsArgument));\r\n }\r\n });\r\n return destination;\r\n};\r\n\r\nconst mergeObject = (target, source, optionsArgument) => {\r\n const destination = {};\r\n if (isMergeableObject(target)) {\r\n Object.keys(target).forEach((key) => {\r\n destination[key] = cloneIfNecessary(target[key], optionsArgument);\r\n });\r\n }\r\n Object.keys(source).forEach((key) => {\r\n if (!isMergeableObject(source[key]) || !target[key]) {\r\n destination[key] = cloneIfNecessary(source[key], optionsArgument);\r\n } else {\r\n destination[key] = deepMerge(target[key], source[key], optionsArgument);\r\n }\r\n });\r\n return destination;\r\n};\r\n\r\n/**\r\n * @param {*} target The target object to be merged into\r\n * @param {*} source The source object that is getting merged\r\n * @param {Object} optionsArgument https://github.com/TehShrike/deepmerge#options\r\n * @param {String} optionsArgument.arrayMerge Possible Options: overwriteMerge, combineMerge\r\n * OverwriteMerge: Overwrites the existing array values completely rather than concatenating them\r\n * CombineMerge: Combine arrays, such as overwriting existing defaults while also adding/keeping values that are different names\r\n */\r\nconst deepMerge = (target, source, optionsArgument = {}) => {\r\n const array = Array.isArray(source);\r\n const options = optionsArgument || { arrayMerge: defaultArrayMerge };\r\n const arrayMerge = options.arrayMerge || defaultArrayMerge;\r\n\r\n if (array) {\r\n return Array.isArray(target) ? arrayMerge(target, source, optionsArgument) : cloneIfNecessary(source, optionsArgument);\r\n }\r\n return mergeObject(target, source, optionsArgument);\r\n};\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nconst deepMergeAll = (array, optionsArgument) => {\r\n if (!Array.isArray(array) || array.length < 2) {\r\n throw new Error('first argument should be an array with at least two elements');\r\n }\r\n\r\n // we are sure there are at least 2 values, so it is safe to have no initial value\r\n return array.reduce((prev, next) => deepMerge(prev, next, optionsArgument));\r\n};\r\n\r\nconst deepCopy = object => JSON.parse(JSON.stringify(object));\r\n\r\nexport {\r\n deepMerge,\r\n deepMergeAll,\r\n deepCopy,\r\n};\r\n","import { clsx } from 'Commons/helpers/utils/clsx';\r\nimport { Grid, withStyles } from '../../componentlibrary/components/Components';\r\nimport labelWithIconStyle from '../styles/LabelWithIconStyle';\r\n\r\n\r\nclass LabelWithIcon extends React.Component {\r\n render() {\r\n const {\r\n children, addon: { start, end }, classes, className, onClick,\r\n enablePointerEventsWithoutOnClick = false, ...props\r\n } = this.props;\r\n return (\r\n {start}
}\r\n {children && {children}
}\r\n {end && {end}
}\r\n \r\n );\r\n }\r\n}\r\n\r\nLabelWithIcon.propTypes = {\r\n addon: PropTypes.shape({\r\n start: PropTypes.node,\r\n end: PropTypes.node,\r\n }),\r\n children: PropTypes.node.isRequired,\r\n classes: PropTypes.object.isRequired,\r\n className: PropTypes.string,\r\n onClick: PropTypes.func,\r\n enablePointerEventsWithoutOnClick: PropTypes.bool,\r\n};\r\n\r\nLabelWithIcon.defaultProps = {\r\n addon: {},\r\n className: '',\r\n enablePointerEventsWithoutOnClick: false,\r\n};\r\n\r\nexport default withStyles(labelWithIconStyle)(LabelWithIcon);\r\n","import { useState, memo, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ClickAwayListener, Tooltip as MuiTooltip, makeStyles }\r\nfrom 'Generic/componentlibrary/components/Components';\r\nimport { clsx } from 'Commons/helpers/utils';\r\nimport tooltipStyle from '../styles/TooltipStyle';\r\nimport { EVENT, DISABLED_LISTENERS, DEFAULT_TRANSITION } from '../config/Constants';\r\n\r\nconst useStyles = makeStyles(tooltipStyle, { name: 'Tooltip' });\r\n\r\nconst Tooltip = ({\r\n open,\r\n event,\r\n title,\r\n onOpen,\r\n onClose,\r\n children,\r\n disablePortal,\r\n trackValue,\r\n tooltipTargetClassName,\r\n ...props\r\n}) => {\r\n const { classes: _, ...others } = props;\r\n const { deviceInfo: { isDesktop } = {} } = window;\r\n const classes = useStyles(props);\r\n const [isOpen, setIsOpen] = useState(trackValue ? open : false);\r\n const isEventOnClick = useMemo(() => event === EVENT.ON_CLICK || !isDesktop, [isDesktop]);\r\n\r\n const handleOpen = (e) => {\r\n if (trackValue) {\r\n setIsOpen(isEventOnClick ? !isOpen : true);\r\n }\r\n onOpen(e);\r\n };\r\n\r\n const handleClose = (e) => {\r\n if (trackValue) {\r\n setIsOpen(false);\r\n }\r\n onClose(e);\r\n };\r\n\r\n let eventProp = {};\r\n let listenersToDisable = {};\r\n if (isEventOnClick) {\r\n eventProp = { onClick: handleOpen };\r\n listenersToDisable = DISABLED_LISTENERS;\r\n }\r\n\r\n const renderTooltip = () => (\r\n \r\n {renderTooltip()}\r\n
\r\n )\r\n : renderTooltip()\r\n }\r\n \r\n )\r\n : renderTooltip()\r\n );\r\n};\r\n\r\n\r\nTooltip.propTypes = {\r\n open: PropTypes.bool,\r\n onOpen: PropTypes.func,\r\n onClose: PropTypes.func,\r\n classes: PropTypes.object,\r\n trackValue: PropTypes.bool,\r\n disablePortal: PropTypes.bool,\r\n title: PropTypes.node.isRequired,\r\n children: PropTypes.node.isRequired,\r\n tooltipTargetClassName: PropTypes.string,\r\n event: PropTypes.oneOf([EVENT.ON_HOVER, EVENT.ON_CLICK]),\r\n};\r\n\r\nTooltip.defaultProps = {\r\n open: false,\r\n onOpen: () => {},\r\n onClose: () => {},\r\n trackValue: true,\r\n event: EVENT.ON_HOVER,\r\n};\r\n\r\nexport default memo(Tooltip);\r\n","const colorPalette = {\r\n pieColorRange: ['#22C55E', '#D1D5DB', '#F87171'],\r\n horizontalBarColorRange: ['#16A34A', '#EF4444', '#EAB308'],\r\n verticalBarColorRange: ['#0095FF', '#00E096', '#F3DE8A'],\r\n bar: '#D1D5DB',\r\n graphLoading: {\r\n light: '#D8DDE4',\r\n dark: '#EEF1F5',\r\n },\r\n common: {\r\n black: '#000000',\r\n white: '#ffffff',\r\n secondary: '#B5763F',\r\n },\r\n primary: {\r\n main: '#3369ce',\r\n dark: '#64668C',\r\n light: '#CBA0C8',\r\n },\r\n secondary: {\r\n main: '#2e4470',\r\n dark: '#2e4470',\r\n light: '#E0D4E0',\r\n },\r\n tertiary: { main: '#F3DE8A' },\r\n section: { main: '#9A7197' },\r\n liveData: { main: '#DB7C24' },\r\n pulledData: { main: '#2980B9' },\r\n error: {\r\n main: '#F44336',\r\n dark: '#CC0000',\r\n light: '#FEECEB',\r\n icon: '#F8695E',\r\n 100: 'rgb(244, 67, 54, 0.1)',\r\n },\r\n success: {\r\n main: '#43A047',\r\n light: '#D0E7D1',\r\n icon: '#59D1B0',\r\n onboarding: '#B3F6CF',\r\n },\r\n warning: {\r\n main: '#C58A26',\r\n light: '#FFE7BF',\r\n icon: '#F8A85E',\r\n },\r\n information: {\r\n main: '#FFE7BF',\r\n icon: '#62BFFD',\r\n },\r\n query: { icon: '#6E62FD' },\r\n text: {\r\n primary: 'rgba(0, 0, 0, 0.7)',\r\n secondary: '#2e4470',\r\n disabled: 'rgba(45, 27, 56, 0.3)',\r\n hint: '#B4B4B4',\r\n rtns: '#4D4D4D',\r\n },\r\n slider: {\r\n main: '#C8C8C8',\r\n light: '#BDBDBD',\r\n },\r\n background: {\r\n default: '#E4E8F2',\r\n secondary: '#B5763F33',\r\n letter: '#F5F5F5',\r\n rtns: '#FFE99B',\r\n },\r\n button: {\r\n hover: '#C1DEF4',\r\n error: '#ED0F0F',\r\n },\r\n disabled: 'rgba(46, 68, 112, 0.5)',\r\n hover: '#DBECFB',\r\n highlight: '#D8ECFB',\r\n preferred: 'rgba(85, 193, 255, 0.5)',\r\n chip: {\r\n tenants: '#52ADC8',\r\n leads: '#A073FF',\r\n reserved: '#387CA3',\r\n estimate: '#6776FF',\r\n config: '#2980B9',\r\n expired: '#D83320',\r\n reservation: '#2BACF5',\r\n },\r\n border: {\r\n main: '#796A90',\r\n highlight: '#CF8FD0',\r\n },\r\n status: {\r\n inactive: '#CBCBCB',\r\n created: '#2980B9',\r\n locked: '#FB8B24',\r\n active: '#2ECC71',\r\n cancelled: '#ED0F0F',\r\n upcoming: '#187554',\r\n leadDuplicate: '#36C7F4',\r\n leadLost: '#4C4C4C',\r\n expired: '#2D1B384D',\r\n },\r\n rentalStatus: {\r\n vacant: '#2ECC71',\r\n rented: '#FB8B24',\r\n unavailable: '#797979',\r\n },\r\n occupancy: { moveout: '#F04E23' },\r\n roles: {\r\n locked: 'FB8B24',\r\n active: '2ECC71',\r\n },\r\n rolesGroup: {\r\n primary: '#55C1FF',\r\n secondary: '#FF8A80',\r\n tertiary: '#8C9EFF',\r\n section: '#9A7197',\r\n },\r\n gradient: {\r\n primary: (\r\n direction = '180deg',\r\n color1 = '#9A7197',\r\n colorStop1 = '4.68%',\r\n color2 = '#13547A',\r\n colorStop2 = '141.7%',\r\n ) => `linear-gradient(${direction}, ${color1} ${colorStop1}, ${color2} ${colorStop2})`,\r\n },\r\n black: {\r\n 100: 'rgba(0, 0, 0, 0.13)',\r\n 200: 'rgba(0, 0, 0, 0.2)',\r\n 300: 'rgba(0, 0, 0, 0.3)',\r\n 400: 'rgba(0, 0, 0, 0.4)',\r\n 500: 'rgba(0, 0, 0, 0.5)',\r\n 600: 'rgba(0, 0, 0, 0.6)',\r\n 700: 'rgba(0, 0, 0, 0.7)',\r\n 800: 'rgba(0, 0, 0, 0.8)',\r\n },\r\n bev: { defaultUnitBackground: '#FFFFFF', erredUnit: '#CA1F1D' },\r\n textHighlight: '#D32F2F33',\r\n disabledTextHighlight: '#D32F2F1A',\r\n red: '#FF0000',\r\n inheritedConfig: {\r\n main: '#FFE4C3',\r\n highlight: '#FFD9AB',\r\n },\r\n reminderCard: {\r\n reminder: '#FFD88E',\r\n reservation: '#FF9A6F',\r\n expectedMoveOut: '#6DCF77',\r\n },\r\n setUp: { pending: '#FB8B24' },\r\n offWhite: '#EDEDF2',\r\n migration: {\r\n notStarted: '#cbcbcb',\r\n dumpGenerationSuccess: '#2980B9',\r\n inProgress: '#FB8B24',\r\n completed: '#2ECC71',\r\n errored: '#F44336',\r\n deleted: '#4F4F4F',\r\n serverActive: '#2ecc71',\r\n serverInactive: '#cbcbcb',\r\n transparent: '#00000000',\r\n },\r\n ribbon: { active: '#59D1B0' },\r\n emailAudit: {\r\n yes: '#2ECC71',\r\n no: '#FB8B24',\r\n },\r\n};\r\n\r\nexport default colorPalette;\r\n","import { useState } from 'react';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport Icon from 'Generic/icon/components/Icon';\r\nimport { FORM_COMPONENTS } from 'Generic/form/config/FormComponentsConfig';\r\nimport Form from '../../form/components/Form';\r\nimport {\r\n Checkbox as MaterialUiCheckbox,\r\n FormControlLabel,\r\n makeStyles,\r\n} from '../../componentlibrary/components/Components';\r\nimport checkBoxStyle from '../styles/CheckBoxStyle';\r\n\r\nconst useStyles = makeStyles(checkBoxStyle, { name: 'Checkbox' });\r\n\r\nconst Checkbox = (props) => {\r\n const {\r\n trackValue, value, label, form, classes: overriddenClasses, formLabelClassName, size,\r\n FormControlLabelProps: { className: formLabelClass, ...otherLabelProps } = {},\r\n checkboxClasses, onChange: propOnChange, className, preferred, readOnly, ...others\r\n } = props;\r\n const [stateValue, setStateValue] = useState(() => (trackValue ? value : null));\r\n const classes = useStyles(props);\r\n\r\n const onChange = (event, currentValue) => {\r\n if (trackValue) {\r\n setStateValue(currentValue);\r\n }\r\n propOnChange(event, currentValue);\r\n };\r\n\r\n const renderCheckbox = () => (\r\n \r\n
\r\n )}\r\n {\r\n content\r\n && (\r\n \r\n \r\n {title}\r\n \r\n {\r\n !hideCloseButton\r\n && (\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nThreeDotProgress.propTypes = { classes: PropTypes.object };\r\n\r\nexport default withStyles(threeDotProgressStyle)(ThreeDotProgress);\r\n","import { convertToNumber } from 'Commons/helpers/utils/Utils';\r\nimport { ENCRYPTED_ID_LENGTH } from '../../config/constants/Constants';\r\n\r\n/**\r\n * String formatter - trim,\r\n * Number formatter - to int, round off to n decimals\r\n */\r\n\r\nconst emptyCallback = () => {};\r\n\r\nconst beginsWithUnderscores = (key) => {\r\n if (key.match(/^__/g)) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n\r\nconst isFirstLetterUppercase = key => /^[A-Z]/.test(key);\r\n\r\n/**\r\n * snake case to camel case\r\n * @param {string} strToConvert - converts string to camel case\r\n */\r\nconst camelize = (strToConvert) => {\r\n // QuickFix: Skipping for encrypted Ids\r\n if (strToConvert.length === ENCRYPTED_ID_LENGTH || isFirstLetterUppercase(strToConvert)) {\r\n return strToConvert;\r\n }\r\n\r\n return (!beginsWithUnderscores(strToConvert)\r\n ? strToConvert.replace(/_\\w/g, match => match[1].toUpperCase())\r\n : strToConvert);\r\n};\r\n\r\n/**\r\n * camel case to snake case\r\n * @param {string} strToConvert - converts string to snake case\r\n */\r\nconst decamelize = (strToConvert) => {\r\n // QuickFix: Skipping for encrypted Ids and Enums\r\n if (strToConvert.length === ENCRYPTED_ID_LENGTH || isFirstLetterUppercase(strToConvert)) {\r\n return strToConvert;\r\n }\r\n\r\n return strToConvert.replace(/([A-Z])/g, match => `_${match.toLowerCase()}`);\r\n};\r\n\r\n/**\r\n * @param {object} value - checks if the object is of primitive data type\r\n */\r\nconst isPrimitiveType = value => value !== Object(value);\r\n\r\nconst isValidValue = value => value !== null;\r\n\r\n/**\r\n * @name getPrimitiveValue\r\n * @description We allow null values to go through, since to delete object we need to set its value as null\r\n * @param {*} key Object Key\r\n * @param {*} value Object Value\r\n * @param {*} execFunc The Function to execute\r\n * @param {*} options The additional options\r\n */\r\nconst getPrimitiveValue = (key, value, execFunc, options) => {\r\n const { allowNull } = options;\r\n return value === null && allowNull ? { [execFunc(key)]: null } : {};\r\n};\r\n\r\n/**\r\n * Traverses any object type and execute function to all keys\r\n * request - object to traverse\r\n * execFunc - function to execute per key\r\n */\r\nconst deepTraverse = (request, execFunc = emptyCallback, options = { allowNull: false }) => {\r\n if (!request) {\r\n return request;\r\n }\r\n\r\n if (Array.isArray(request)) {\r\n return request.map(item => deepTraverse(item, execFunc, options));\r\n }\r\n\r\n if (!isPrimitiveType(request)) {\r\n return Object.keys(request).reduce((accumulator, key) => ({\r\n ...accumulator,\r\n ...(isValidValue(request[key]) ? {\r\n [execFunc(key)]: isPrimitiveType(request[key])\r\n ? request[key] : deepTraverse(request[key], execFunc, options),\r\n } : getPrimitiveValue(key, request[key], execFunc, options)),\r\n }), {});\r\n }\r\n\r\n return request;\r\n};\r\n\r\n/**\r\n * converts request to camel case recursively\r\n * @param {object} request - converts request to camel case recursively\r\n */\r\nconst deepCamelize = request => deepTraverse(request, camelize);\r\n\r\n/**\r\n * converts request to snake case recursively\r\n * @param {object} request - converts request to snake case recursively\r\n */\r\nconst deepDecamelize = request => deepTraverse(request, decamelize, { allowNull: true });\r\n\r\n\r\nconst processValue = (value, dataType) => {\r\n const booleansMap = {\r\n true: true,\r\n false: false,\r\n };\r\n switch (dataType) {\r\n case 'boolean':\r\n return booleansMap[value];\r\n case 'number': return convertToNumber(value);\r\n default: return value;\r\n }\r\n};\r\n\r\nexport {\r\n camelize,\r\n decamelize,\r\n deepCamelize,\r\n deepDecamelize,\r\n deepTraverse,\r\n isPrimitiveType,\r\n processValue,\r\n};\r\n","import { createEnumMap } from 'Commons/helpers/utils/Formatter';\r\n\r\nconst formatter = label => label.replace(/([A-Z])/g, match => `_${match}`).toUpperCase();\r\nconst PAYMENT_PERMISSION_KEYS = createEnumMap(['payment', 'effectiveDate', 'negativePayment',\r\n 'deletePayment', 'reversePayment', 'refunds'], formatter);\r\n\r\nexport default PAYMENT_PERMISSION_KEYS;\r\n","import { makeStyles, Grid } from 'Generic/componentlibrary/components/Components';\r\nimport { useRef, useEffect } from 'react';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport localisable from 'Commons/config/strings/localisable';\r\nimport BreadCrumb from 'Commons/components/generic/breadcrumb/components/BreadCrumb';\r\nimport Loader from 'Commons/components/generic/pageloader/components/Loader';\r\nimport pageStyle from '../styles/PageStyle';\r\nimport { HEADER_VARIANT } from '../config/Constants';\r\nimport { PageDefaultProps, PageProps } from '../config/PageProps';\r\n\r\nconst useStyles = makeStyles(pageStyle, { name: 'Page' });\r\n\r\nconst Page = ({\r\n header, children, footer, classes: classesProp, getHeaderRef, getBodyRef, getFooterRef,\r\n headerClassName, bodyClassName, footerClassName, className,\r\n fullHeight, loading, headerVariant, loaderClassName, title,\r\n headerContainerProps, showBreadCrumb, breadCrumbList,\r\n ...props\r\n}) => {\r\n const classes = useStyles({ classes: classesProp });\r\n const headerRef = useRef();\r\n const bodyRef = useRef();\r\n const footerRef = useRef();\r\n\r\n const getPageTitle = () => {\r\n const defaultTitle = localisable.syrasoftConnect;\r\n return title ? `${title} | ${defaultTitle}` : defaultTitle;\r\n };\r\n\r\n useEffect(() => {\r\n if (getHeaderRef) {\r\n getHeaderRef(headerRef);\r\n }\r\n if (getBodyRef) {\r\n getBodyRef(bodyRef);\r\n }\r\n if (getFooterRef) {\r\n getFooterRef(footerRef);\r\n }\r\n document.title = getPageTitle();\r\n }, [title]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n );\r\n }\r\n\r\n renderLoading() {\r\n const { name = '' } = this.listConfig;\r\n return (\r\n \r\n {`${name} List Error`}\r\n
\r\n\r\n
\r\n );\r\n }\r\n\r\n /**\r\n * @name canIShow\r\n * @description Determines whether a component can be shown on a device\r\n */\r\n canIShow = (componentName = '') => {\r\n const curComponentConfig = CAN_I_SHOW_CONFIG[componentName];\r\n if (curComponentConfig) {\r\n return curComponentConfig[this.curDevice];\r\n }\r\n return false;\r\n }\r\n\r\n getFilters = (useInitialFilters = false) => {\r\n const { defaultFilters = {}, initialFilters = {}, cleansFilter = true } = this.listConfig;\r\n const { appliedFilters = {} } = this.state;\r\n const filters = {\r\n ...defaultFilters,\r\n ...appliedFilters,\r\n ...useInitialFilters && initialFilters,\r\n };\r\n return cleansFilter ? cleanseTheFilters(filters) : filters;\r\n }\r\n\r\n getFieldName = (name) => {\r\n const delimiter = '.';\r\n return name.includes(delimiter) ? name.split(delimiter) : name;\r\n };\r\n\r\n setIn = (filter, autoSuggestKey) => {\r\n let autoSuggest = filter;\r\n const fieldNames = this.getFieldName(autoSuggestKey);\r\n let lastField = autoSuggestKey;\r\n\r\n if (Array.isArray(fieldNames)) {\r\n lastField = fieldNames.pop();\r\n fieldNames.forEach((fieldName) => {\r\n autoSuggest[fieldName] = {};\r\n autoSuggest = autoSuggest[fieldName];\r\n });\r\n }\r\n autoSuggest[lastField] = this.searchValue;\r\n };\r\n\r\n /**\r\n * @name fetchData\r\n * @param searchType Source as it is pagination or search or autosuggest\r\n * @param requestType check for request type as init or refresh or pagination\r\n */\r\n fetchData = (searchType, requestType, callback) => {\r\n const {\r\n subProcessor, resourceName, isDataReversed, autoSuggestKey = 'autoSuggest',\r\n store, searchUrl, includeRestricted, useAccountContext = false, view,\r\n } = this.listConfig;\r\n const {\r\n onAction,\r\n [store]: {\r\n data: {\r\n data = [],\r\n actualRows = 0, // Use this to make next pagination call if table rows are different than actual data\r\n } = {},\r\n } = {},\r\n postProcessOnAction,\r\n } = this.props;\r\n const { sortConfig } = this;\r\n const filters = this.getFilters();\r\n let options = {};\r\n const filter = {};\r\n this.setIn(filter, autoSuggestKey);\r\n const resultantFilter = {\r\n ...Object.keys(filter).length > 0 && filter,\r\n ...Object.keys(filters).length > 0 && filters,\r\n };\r\n switch (searchType) {\r\n case SEARCH_TYPE.AUTOSUGGEST: {\r\n options = {\r\n store,\r\n sortConfig,\r\n ...(Object.keys(resultantFilter).length > 0 && { filters: [resultantFilter] }),\r\n requestType,\r\n endPoint: searchUrl,\r\n };\r\n break;\r\n }\r\n case SEARCH_TYPE.PAGINATION: {\r\n options = {\r\n store,\r\n sortConfig,\r\n ...(Object.keys(filters).length && { filters: [filters] }),\r\n start: actualRows || data.length,\r\n requestType,\r\n };\r\n if (Object.keys(filter).length > 0 && this.searchValue && this.searchValue.length > 0) {\r\n options.endPoint = searchUrl;\r\n options.filters = [resultantFilter];\r\n }\r\n break;\r\n }\r\n default: {\r\n options = {\r\n store,\r\n sortConfig,\r\n ...(Object.keys(filters).length && { filters: [filters] }),\r\n requestType,\r\n };\r\n if (Object.keys(filter).length > 0 && this.searchValue && this.searchValue.length > 0) {\r\n options.endPoint = searchUrl;\r\n options.filters = [resultantFilter];\r\n }\r\n break;\r\n }\r\n }\r\n if (includeRestricted) {\r\n // eslint-disable-next-line no-underscore-dangle\r\n options.__includeRestricted = includeRestricted;\r\n }\r\n if (callback) options.callback = callback;\r\n if (view) options.view = view;\r\n const onActionConfig = getConfig(options, useAccountContext);\r\n const config = postProcessOnAction(onActionConfig) || onActionConfig;\r\n const updatedConfig = [];\r\n config.forEach((item) => {\r\n updatedConfig.push({ ...item, subProcessor, isDataReversed, ...(resourceName && { resourceName }) });\r\n });\r\n onAction({ config: [...updatedConfig] });\r\n }\r\n\r\n fetchMoreRows = (onFetchMoreRows) => {\r\n const { store } = this.listConfig;\r\n const { [store]: { data: { totalCount, data = [] } = {} } = {} } = this.props;\r\n if (data.length < totalCount) {\r\n this.fetchData(SEARCH_TYPE.PAGINATION, RequestTypes.PAGINATE, onFetchMoreRows);\r\n }\r\n }\r\n\r\n shouldTableUpdate = () => {\r\n const { store } = this.listConfig;\r\n const { [store]: { status = STATUS.UNLOADED } = {} } = this.props;\r\n const shouldTableUpdate = this.listConfigChanged || (((status !== undefined) && (status !== null))\r\n ? ((this.listStoreStatus !== status) && (STATUS_TO_UPDATE_ON.includes(status))) : false);\r\n this.listStoreStatus = status;\r\n return shouldTableUpdate;\r\n }\r\n\r\n emptyBodyRenderer = () => {\r\n const { emptyBodyText = localisable.noDataFound } = this.listConfig;\r\n return emptyBodyText;\r\n };\r\n\r\n loadingBodyRenderer = () => {\r\n const { loadingBodyText = \r\n {`${name} List Loading...`}\r\n
\r\n\r\n {\r\n inputRef.current.focus();\r\n event.stopPropagation();\r\n onInputChange(event, '');\r\n onChange();\r\n if (fetchInitial) {\r\n setOpen(true);\r\n }\r\n }}\r\n IconProps={{ size: 'medium' }}\r\n />\r\n )\r\n : (\r\n
\r\n );\r\n};\r\n\r\nSearchableDropdown.propTypes = {\r\n getInputRef: PropTypes.func,\r\n apiConfig: PropTypes.shape({\r\n search: PropTypes.object,\r\n pagination: PropTypes.object,\r\n sendCustomHeader: PropTypes.bool,\r\n }),\r\n readOnly: PropTypes.bool,\r\n fetchInitial: PropTypes.bool,\r\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n options: PropTypes.array,\r\n onAction: PropTypes.func,\r\n keyToMatch: PropTypes.string,\r\n getOptionProps: PropTypes.func,\r\n initialValue: PropTypes.string,\r\n optionFormatter: PropTypes.func,\r\n inputValueFormatter: PropTypes.func,\r\n addon: PropTypes.shape({\r\n start: PropTypes.node,\r\n end: PropTypes.node,\r\n }),\r\n onChange: PropTypes.func,\r\n classes: PropTypes.object,\r\n disabled: PropTypes.bool,\r\n InputProps: PropTypes.object,\r\n isStoreUpdate: PropTypes.bool,\r\n PopdownProps: PropTypes.object,\r\n autoSuggestKey: PropTypes.string,\r\n getAutoSuggestKey: PropTypes.func,\r\n noOptionsMessage: PropTypes.string,\r\n textFieldClasses: PropTypes.object,\r\n offlineSearchKey: PropTypes.string,\r\n autoSuggestKeySetter: PropTypes.func,\r\n resetValueOnConfigChange: PropTypes.bool,\r\n maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.bool]),\r\n fetchOnce: PropTypes.bool, /* If true, sd will fetch the data once and filter it offline.\r\n It has to have apiConfig to work this way. */\r\n supportTextField: PropTypes.bool, // To get the value we type in the searchable dropdown, this field will give you value on clickaway.\r\n sortBy: PropTypes.arrayOf(PropTypes.string), // Only applicable for offline searches,\r\n getOpenFunc: PropTypes.func,\r\n};\r\n\r\nSearchableDropdown.defaultProps = {\r\n addon: {},\r\n options: [],\r\n apiConfig: {},\r\n readOnly: false,\r\n maxHeight: 240,\r\n disabled: false,\r\n PopdownProps: {},\r\n onChange: () => { },\r\n isStoreUpdate: false,\r\n textFieldClasses: {},\r\n autoSuggestKey: 'autoSuggest',\r\n resetValueOnConfigChange: true,\r\n getOptionProps: x => ({ label: x }),\r\n noOptionsMessage: localisable.noOptions,\r\n fetchOnce: false,\r\n fetchInitial: true,\r\n supportTextField: false,\r\n sortBy: ['label'],\r\n};\r\n\r\nconst SearchableDropdownComponent = withStyles(dropdownStyle)(SearchableDropdown);\r\nconst SmartSearchableDropdown = window.withProvider('SearchableDropdown');\r\n\r\nSearchableDropdownComponent.displayName = FORM_COMPONENTS.SEARCHABLE_DROPDOWN;\r\nSmartSearchableDropdown.displayName = FORM_COMPONENTS.SMART_SEARCHABLE_DROPDOWN;\r\n\r\nconst FormSearchableDropdown = Form(SearchableDropdownComponent);\r\nconst FormSmartSearchableDropdown = Form(SmartSearchableDropdown);\r\n\r\n\r\nexport default SearchableDropdownComponent;\r\n\r\nexport {\r\n SearchableDropdownComponent as SearchableDropdown,\r\n SmartSearchableDropdown,\r\n FormSearchableDropdown,\r\n FormSmartSearchableDropdown,\r\n};\r\n","import Footer from 'Commons/components/business/footer/components/Footer';\r\nimport { getDiffProperties } from 'Commons/helpers/utils/DataHelpers';\r\nimport { deepCopy } from 'Commons/helpers/utils/DeepCopy';\r\nimport { getEditEndpoints } from 'Commons/config/constants/Endpoints';\r\nimport localisable from 'Commons/config/strings/localisable';\r\nimport { ACTIVATE, DEACTIVATE, EMPTY_FUNC, STATUS, WS_EVENT_TYPE } from 'Commons/config/constants/Constants';\r\nimport { VARIANT } from 'Generic/snackbar/config/Constants';\r\nimport { RESOURCE_NAME_TO_STORE_KEY } from 'Commons/components/business/basecomponent/config/Constants';\r\nimport { getRouteParams } from 'Commons/helpers/utils/RouteHelpers';\r\nimport { Typography } from 'Commons/components/generic/componentlibrary/components/Components';\r\nimport { convertToNumber } from 'Commons/helpers/utils/Utils';\r\nimport BaseComponent from '../../basecomponent/components/BaseComponent';\r\nimport { formatErrors } from '../../../../redux/error/ErrorHandler';\r\nimport ALERT_MESSAGE from '../config/AlertMessage';\r\n\r\nexport default class BaseForm extends BaseComponent {\r\n /** Always Set this touch keys */\r\n touchedKeys = {};\r\n\r\n /** Formik Form Props, In render method please set this */\r\n formProps = {};\r\n\r\n editFormData = {};\r\n\r\n /** Tooltip message to show when positive footer button is disabled because of rtns message. */\r\n positiveButtonToolTipMessage = ''\r\n\r\n componentWillUnmount() { }\r\n\r\n allowNavigation = (callback, unblockedPaths = []) => {\r\n const { history, unauthorised, match: { params: { fid } = {} } = {} } = this.props;\r\n return history.block(({ nextLocation: targetLocation }) => {\r\n const { pathname, state } = targetLocation;\r\n this.targetLocation = pathname;\r\n this.routeState = state;\r\n const { fid: targetFacilityId } = getRouteParams(pathname, '/a/facility/:fid');\r\n if (this.shouldChangeRoute || unauthorised) {\r\n this.shouldChangeRoute = false;\r\n return true;\r\n } if (this.isPathUnblocked(unblockedPaths) && fid === targetFacilityId) {\r\n return true;\r\n } if (callback) {\r\n return callback();\r\n }\r\n return false;\r\n });\r\n }\r\n\r\n isPathUnblocked = (unblockedPaths = []) => unblockedPaths.some(path => this.targetLocation.includes(path))\r\n\r\n handleErrors = (formError, actions, shouldShowSnackbar = true) => {\r\n const { values, status } = this.formProps;\r\n const formattedErrors = formatErrors(formError);\r\n if (formattedErrors) {\r\n if (shouldShowSnackbar) {\r\n this.setSnackbarProps(true, formattedErrors.errorMessage || localisable.somethingWentWrong,\r\n VARIANT.error.value);\r\n }\r\n } else if (actions) {\r\n actions.setStatus({ ...status, errors: formattedErrors, values });\r\n actions.setErrors(formattedErrors);\r\n }\r\n this.resetTouchedFields(actions);\r\n return formattedErrors.errorMessage;\r\n }\r\n\r\n resetTouchedFields = (actions) => {\r\n if (actions && actions.setTouched) {\r\n actions.setTouched(this.touchedKeys || {});\r\n }\r\n }\r\n\r\n // TODO: Remove this when Page is implemented in each form\r\n handleNo = () => {\r\n this.targetLocation = '';\r\n this.setState({ discard: false });\r\n }\r\n\r\n handleYes = () => {\r\n const { history, closeModal } = this.props;\r\n const { targetLocation, processBeforeUnmount = EMPTY_FUNC } = this;\r\n this.shouldChangeRoute = true;\r\n processBeforeUnmount();\r\n if (closeModal) {\r\n closeModal(false);\r\n } else if (targetLocation) {\r\n history.push(targetLocation);\r\n } else {\r\n history.goBack();\r\n }\r\n }\r\n\r\n handleFormSubmit = () => {\r\n this.beforeSubmit();\r\n }\r\n\r\n onCancel = () => {\r\n const { formProps: { dirty } = {}, props: { history } = {} } = this;\r\n if (dirty) {\r\n this.targetLocation = '';\r\n this.setState({ discard: true });\r\n } else {\r\n history.goBack();\r\n }\r\n }\r\n\r\n // TODO: Remove this when Page is implemented in each form\r\n discardConfirmation = FooterProps => (\r\n - \r\n {renderListItem()}\r\n
{start}
}\r\n {children\r\n && (\r\n {end}
}\r\n \r\n );\r\n};\r\n\r\nLabelWithAddons.propTypes = {\r\n end: PropTypes.node,\r\n start: PropTypes.node,\r\n classes: PropTypes.object,\r\n className: PropTypes.string,\r\n endClassName: PropTypes.string,\r\n labelClassName: PropTypes.string,\r\n stopLabelInteraction: PropTypes.bool,\r\n startClassName: PropTypes.string,\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nLabelWithAddons.defaultProps = { stopLabelInteraction: false };\r\n\r\nexport default memo(LabelWithAddons);\r\n","import { createEnumMap } from 'Commons/helpers/utils/Formatter';\r\n\r\nconst storeKey = [\r\n 'ar', 'unpaidAr', 'tenant', 'savedDocument', 'unitBev',\r\n 'unitBevMini', 'placeholder', 'level',\r\n];\r\n\r\nconst formatter = key => key.replace(/ /g, '_').split(/(?=[A-Z])/).join('_').toUpperCase();\r\n\r\nconst STORE_KEY = createEnumMap(storeKey, formatter);\r\n\r\nexport default STORE_KEY;\r\n","import { mapEnum } from 'Commons/helpers/utils/Formatter';\r\nimport enums from './Enums';\r\n\r\nconst RENTAL_STATUS = mapEnum(enums.rentalStatus);\r\nconst AVAILABILITY_STATUS = mapEnum(enums.availabilityStatus);\r\nconst UNIT_TYPES = mapEnum(enums.categories);\r\nconst INVENTORY_REPORT_STATUS = [\r\n {\r\n label: 'Show',\r\n value: 'true',\r\n },\r\n {\r\n label: 'Hide',\r\n value: 'false',\r\n },\r\n];\r\n\r\n\r\nexport { RENTAL_STATUS, AVAILABILITY_STATUS, UNIT_TYPES, INVENTORY_REPORT_STATUS };\r\n","import { VARIANT } from 'Generic/form/config/FormComponentsConfig';\r\n\r\nconst BevFormField = ({ component: Component, ...props }) => (\r\n e.stopPropagation()}>\r\n {\r\n e.stopPropagation();\r\n onChange(checked, nodeId, name);\r\n }}\r\n trackValue={false}\r\n indeterminate={!!(state === NODE_STATE.INTERMEDIATE)}\r\n classes={hasChildren ? {} : { indicatorWrapper: classes.indicatorWrapper }}\r\n checkboxClasses={{ root: classes.checkboxRoot, checked: classes.checked }}\r\n {...ComponentProps}\r\n {...CheckboxProps}\r\n {...others}\r\n />\r\n
\r\n {\r\n hasChildren\r\n ? (\r\n \r\n {config ? renderUserRole(config) : null} \r\n
\r\n );\r\n return (\r\n isSourceUserRole ? (\r\n renderPermissionLevels()\r\n )\r\n : (config\r\n ? (\r\n \r\n \r\n \r\n \r\n {localisable.setPermissionAt}\r\n \r\n \r\n {config && config.length\r\n ? config.map(({ permissionLevel: [{ label = '' }] = [] }, idx) => (\r\n \r\n \r\n {label}\r\n \r\n \r\n ))\r\n : null}\r\n \r\n \r\n \r\n \r\n {localisable.selectAll}\r\n \r\n \r\n {config && config.length\r\n ? config.map(configItem => (\r\n \r\n {renderCheckbox(configItem)}\r\n \r\n ))\r\n : null}\r\n \r\n
\r\n Test
;\r\n }\r\n\r\n render() {\r\n const {\r\n snackbarProps: { title, variant, isSnackbarOpen, snackbarActions, ...rest } = {},\r\n hideSnackbar, props: { updateWsProps = () => { } } = {}, receiveWSMessage,\r\n formProps, snackbarProps = {}, getSnackbarActions,\r\n } = this;\r\n\r\n\r\n if (this.isLoading()) {\r\n return this.renderLoader();\r\n }\r\n\r\n if (this.hasError()) {\r\n return this.renderError();\r\n }\r\n\r\n if (!this.hasAccess()) {\r\n return this.renderUnauthorise();\r\n }\r\n\r\n if (!this.isRefUpdated) {\r\n updateWsProps({ messageCallback: receiveWSMessage });\r\n this.isRefUpdated = true;\r\n }\r\n\r\n if (!snackbarActions) {\r\n if (formProps) {\r\n this.snackbarProps = { ...snackbarProps, snackbarActions: getSnackbarActions(true) };\r\n } else {\r\n this.snackbarProps = { ...snackbarProps, snackbarActions: getSnackbarActions() };\r\n }\r\n }\r\n\r\n const { snackbarProps: { snackbarActions: updatedSnackbarActions = [] } = {} } = this;\r\n\r\n return (\r\n <>\r\n {this.renderComponent()}\r\n {\r\n isSnackbarOpen\r\n && (\r\n \r\n \r\n chevron_left \r\n {componentLabel} \r\n \r\n
\r\n );\r\n default:\r\n return ({componentLabel}
);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\nDefault Component
\r\n );\r\n }\r\n}\r\n","import { useParams, useNavigate, useLocation } from 'Commons/components/generic/componentlibrary/components/Components';\r\nimport { useContext } from 'react';\r\nimport RouterContext from 'Commons/contexts/RouterContext';\r\nimport getUUID from 'Commons/helpers/utils/generateUUID';\r\n\r\nconst getRoutePath = (location, params) => {\r\n const { pathname } = location;\r\n\r\n if (!Object.keys(params).length) {\r\n return pathname; // we don't need to replace anything\r\n }\r\n\r\n let path = pathname;\r\n Object.entries(params).forEach(([paramName, paramValue]) => {\r\n if (paramValue) {\r\n path = path.replace(paramValue, `:${paramName}?`);\r\n }\r\n });\r\n return path;\r\n};\r\n\r\nconst useRouter = (path) => {\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const params = useParams();\r\n const { router } = useContext(RouterContext);\r\n\r\n const match = {\r\n url: location.pathname,\r\n isExact: false,\r\n params,\r\n path: path || getRoutePath(location, params),\r\n };\r\n\r\n const useBlocker = (shouldBlock) => {\r\n const blockerId = getUUID();\r\n router.getBlocker(blockerId, args => !shouldBlock(args));\r\n return () => router.deleteBlocker(blockerId); // cleanup on unmount\r\n };\r\n\r\n const navigateRoute = (pathArg, state, replace = false) => {\r\n if (typeof pathArg === 'string') {\r\n navigate(pathArg, { state, replace });\r\n } else {\r\n const { pathname, state: routeState = {} } = pathArg;\r\n navigate(pathname, { state: routeState, replace });\r\n }\r\n };\r\n\r\n const history = {\r\n push: (pathArg, state) => navigateRoute(pathArg, state),\r\n replace: (pathArg, state) => navigateRoute(pathArg, state),\r\n goBack: () => navigate(-1),\r\n block: useBlocker,\r\n location,\r\n match,\r\n };\r\n\r\n return { location, match, history };\r\n};\r\n\r\nexport default useRouter;\r\n","const paymentMethodStyle = theme => ({\r\n autoWidth: { width: 'auto' },\r\n expiryCvvContainer: { padding: theme.spacing(0, 2) },\r\n angledLine: {\r\n margin: theme.spacing(1.5, 1.5, 0, 2),\r\n height: 32,\r\n width: 1,\r\n backgroundColor: theme.palette.common.black,\r\n transform: 'rotate(25deg)',\r\n },\r\n largeFont: {\r\n ...theme.typography.h6,\r\n textAlign: 'left',\r\n },\r\n placeholderAlign: { '& input::placeholder': { textAlign: 'center' } },\r\n placeholderFontSize: { '& input::placeholder': { ...theme.typography.h6 } },\r\n helperText: { fontSize: 12, color: theme.palette.text.primary, width: 'auto' },\r\n numberFields: {\r\n '& input': { ...theme.typography.h5, textOverflow: 'initial' },\r\n '& input::placeholder': { ...theme.typography.h5, textOverflow: 'initial' },\r\n },\r\n info: {\r\n color: 'Red',\r\n verticalAlign: 'middle',\r\n paddingRight: theme.spacing(1),\r\n },\r\n paymentField: { width: '50%', paddingTop: theme.spacing(2) },\r\n disabled: { backgroundColor: theme.palette.text.disabled },\r\n leftAlignText: { textAlign: 'left' },\r\n error: { color: theme.palette.error.main },\r\n cvvContainer: { width: 80 },\r\n cvvError: { textAlign: 'right' },\r\n});\r\nexport default paymentMethodStyle;\r\n","import * as unflatten from 'unflatten';\r\nimport { FilterTypes } from '../../components/business/filterOverlay/components/configs/FilterConfigs';\r\nimport { extractValueFromObject, isValidValue } from './DataHelpers';\r\n/**\r\n * @name convertAppliedFiltersToValues\r\n * @description Normalizes the filterApplied to a value\r\n * @param {*} appliedFilters The current applied filters\r\n */\r\nconst convertAppliedFiltersToValues = (appliedFilters = {}, availableFilters) => {\r\n const filtersActiveKeys = Object.keys(appliedFilters);\r\n if (appliedFilters && filtersActiveKeys.length > 0) {\r\n const newFilterValues = {};\r\n filtersActiveKeys.forEach((key) => {\r\n if (availableFilters[key] && availableFilters[key].type === FilterTypes.MULTI_SELECT) {\r\n if (Array.isArray(appliedFilters[key].value)) {\r\n newFilterValues[key] = appliedFilters[key].value;\r\n } else {\r\n newFilterValues[key] = [appliedFilters[key].value];\r\n }\r\n } else {\r\n newFilterValues[key] = appliedFilters[key].value || {};\r\n }\r\n });\r\n return newFilterValues;\r\n }\r\n return {};\r\n};\r\n\r\nconst cleanseTheFilters = (filters = {}) => {\r\n const filterKeys = Object.keys(filters);\r\n const cleansedFilters = {};\r\n if (filterKeys.length > 0) {\r\n filterKeys.forEach((key) => {\r\n if (isValidValue(filters[key])) {\r\n const filterValue = filters[key];\r\n if (Array.isArray(filterValue) && filterValue.length > 0) {\r\n cleansedFilters[key] = filters[key];\r\n } else if (typeof filterValue === 'object' && Object.keys(filterValue).length > 0) {\r\n const cleanedObject = cleanseTheFilters(filterValue);\r\n if (Object.keys(cleanedObject).length > 0) {\r\n cleansedFilters[key] = cleanseTheFilters(filterValue);\r\n }\r\n } else if (typeof filterValue === 'string' && filterValue.length > 0) {\r\n cleansedFilters[key] = filters[key];\r\n } else if (typeof filterValue === 'boolean') {\r\n cleansedFilters[key] = filters[key];\r\n }\r\n }\r\n });\r\n }\r\n return cleansedFilters;\r\n};\r\n\r\n/**\r\n * @name constructFilterRequest\r\n * @description Given all filters and current filters applied, it will return filters request\r\n * @param {Object} allFilters All Available Filters for work center\r\n * @param {Object} currentFilters Current Filters Applied\r\n */\r\nconst constructFilterRequest = (allFilters = {}, currentFilters = {}) => {\r\n const currentFiltersKeys = Object.keys(currentFilters);\r\n const newSearchRequest = {\r\n terms: {},\r\n range: {},\r\n };\r\n const newFiltersApplied = {};\r\n\r\n currentFiltersKeys.forEach((filter) => {\r\n if (allFilters[filter]) {\r\n const { type, apiMapping, label, hidden = false } = allFilters[filter]; // Filter from all available filter - The current filter\r\n switch (type) {\r\n case FilterTypes.NUMBER_RANGE:\r\n case FilterTypes.DATE_RANGE:\r\n newSearchRequest.range[apiMapping] = currentFilters[filter];\r\n newFiltersApplied[filter] = {\r\n label,\r\n value: currentFilters[filter],\r\n hidden,\r\n };\r\n break;\r\n case FilterTypes.SINGLE_SELECT:\r\n newSearchRequest.terms[apiMapping] = [extractValueFromObject(currentFilters[filter])];\r\n newFiltersApplied[filter] = {\r\n label,\r\n value: extractValueFromObject(currentFilters[filter]),\r\n hidden,\r\n };\r\n break;\r\n case FilterTypes.MULTI_SELECT:\r\n if (currentFilters[filter] && Array.isArray(currentFilters[filter]) && currentFilters[filter].length > 0) {\r\n newSearchRequest.terms[apiMapping] = [...currentFilters[filter]];\r\n }\r\n newFiltersApplied[filter] = {\r\n label,\r\n value: Array.isArray(currentFilters[filter]) ? [...currentFilters[filter]] : [currentFilters[filter]],\r\n hidden,\r\n };\r\n break;\r\n default:\r\n newSearchRequest.terms[apiMapping] = [currentFilters[filter]];\r\n newFiltersApplied[filter] = {\r\n label,\r\n value: [currentFilters[filter]],\r\n hidden,\r\n };\r\n }\r\n }\r\n });\r\n return {\r\n searchRequest: [unflatten(newSearchRequest)],\r\n filtersApplied: newFiltersApplied,\r\n };\r\n};\r\n\r\nexport {\r\n constructFilterRequest,\r\n convertAppliedFiltersToValues,\r\n cleanseTheFilters,\r\n};\r\n","import { createEnumMap } from 'Commons/helpers/utils/Formatter';\r\n\r\nconst PHONE_FIELDS = createEnumMap([\r\n 'countryCode',\r\n 'areaCode',\r\n 'country',\r\n 'number'], key => key.replace(/[A-Z]/g, match => `_${match}`).toUpperCase());\r\n\r\nconst PREFERRED_COUNTRIES_LIST = ['us', 'ca'];\r\n\r\nexport { PHONE_FIELDS, PREFERRED_COUNTRIES_LIST };\r\n","import { UNIT_ENDPOINTS, CONFIG_ENDPOINTS } from 'Commons/config/constants/Endpoints';\r\nimport { VIEW } from 'Commons/config/constants/Constants';\r\nimport CONFIG_TYPE from 'External/containers/configuration/config/ConfigRequestType';\r\nimport { ENTITY_TYPE } from 'External/containers/configuration/config/Constants';\r\nimport { ADVANCE_OPTIONS_ID } from 'External/containers/facilityConfiguration/config/Constants';\r\n\r\nconst callApi = (onAction, endPoint, body,\r\n callback = () => { }, method = 'POST', shouldSendCustomHeader = true) => {\r\n const api = {\r\n method: 'read',\r\n action: {\r\n methodType: `${method}`,\r\n endPoint,\r\n body,\r\n ...shouldSendCustomHeader && {\r\n customHeaderOptions: {\r\n type: 'store',\r\n key: 'facility',\r\n },\r\n },\r\n },\r\n };\r\n if (onAction) {\r\n onAction({\r\n config: [{\r\n api,\r\n callback,\r\n }],\r\n });\r\n }\r\n};\r\n\r\nconst fetchInsuranceConfiguration = (onAction, facilityId, callback) => {\r\n const body = {\r\n view: VIEW.detail.value,\r\n filter: [{\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE],\r\n entityType: [ENTITY_TYPE.FACILITY],\r\n entityId: [facilityId],\r\n },\r\n }],\r\n };\r\n callApi(onAction, CONFIG_ENDPOINTS.search, body, callback, 'POST', false);\r\n};\r\n\r\nconst fetchInsuranceCoverage = (onAction, facilityId, planId, coverageId, provider, callback) => {\r\n const body = {\r\n view: VIEW.detail.value,\r\n filter: [...planId !== ADVANCE_OPTIONS_ID && planId\r\n ? [{\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE_COVERAGE],\r\n entityType: [ENTITY_TYPE.SYSTEM_FACILITY],\r\n value: { planId: [planId] },\r\n },\r\n },\r\n ] : [{\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE_COVERAGE],\r\n entityType: [ENTITY_TYPE.FACILITY],\r\n entityId: [facilityId],\r\n },\r\n }], ...provider\r\n ? [{\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE_PROVIDER],\r\n entityType: [ENTITY_TYPE.SYSTEM_FACILITY],\r\n id: [provider],\r\n },\r\n }] : [],\r\n ...coverageId\r\n ? [{\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE_COVERAGE],\r\n id: [coverageId],\r\n entityType: [ENTITY_TYPE.FACILITY],\r\n entityId: [facilityId],\r\n },\r\n },\r\n {\r\n terms: {\r\n configType: [CONFIG_TYPE.INSURANCE_COVERAGE],\r\n id: [coverageId],\r\n entityType: [ENTITY_TYPE.SYSTEM_FACILITY],\r\n },\r\n },\r\n ] : [],\r\n ],\r\n };\r\n callApi(onAction, CONFIG_ENDPOINTS.search, body, callback, 'POST', false);\r\n};\r\n\r\nconst fetchInsuranceInfo = (onAction, unitId, body, callback) => {\r\n callApi(onAction, UNIT_ENDPOINTS.insuranceInfo(unitId), body, callback);\r\n};\r\n\r\nconst saveInsuranceInfo = (onAction, unitId, body, callback) => {\r\n callApi(onAction, UNIT_ENDPOINTS.saveInsurance(unitId), body, callback);\r\n};\r\n\r\nconst cancelInsurance = (onAction, unitId, callback) => {\r\n callApi(onAction, UNIT_ENDPOINTS.cancelInsurance(unitId), {}, callback);\r\n};\r\n\r\nexport { fetchInsuranceConfiguration, fetchInsuranceCoverage, fetchInsuranceInfo, saveInsuranceInfo, cancelInsurance };\r\n","\r\nconst DEFAULT_PADDING = 28;\r\nconst PADDING_HIKE = 16;\r\nconst SCROLL_TIME = 66;\r\nconst DEFAULT_SECTION_ID = '-1';\r\n\r\nconst ALIAS = { ALL: 'all' };\r\n\r\nexport {\r\n DEFAULT_PADDING,\r\n PADDING_HIKE,\r\n SCROLL_TIME,\r\n DEFAULT_SECTION_ID,\r\n ALIAS,\r\n};\r\n","import { deepMerge, isValidObject, isNumber } from 'Commons/helpers/utils/DataHelpers';\r\n\r\nconst geUpdatedTouchedOnAdd = (touched) => {\r\n const touchedData = {};\r\n Object.keys(touched).forEach((touchedKey) => {\r\n touchedData[(Number(touchedKey) + 1).toString()] = touched[touchedKey];\r\n });\r\n return touchedData;\r\n};\r\n\r\nconst shiftKeysUponDelete = (indexToDeleteFrom, values) => {\r\n const shiftedValues = {};\r\n Object.keys(values).forEach((editedKey) => {\r\n const intTouchedKey = Number(editedKey);\r\n if (intTouchedKey < indexToDeleteFrom) {\r\n shiftedValues[editedKey] = values[editedKey];\r\n } else if (intTouchedKey > indexToDeleteFrom) {\r\n shiftedValues[(intTouchedKey - 1).toString()] = values[editedKey];\r\n }\r\n });\r\n return shiftedValues;\r\n};\r\n\r\nconst getValuesAndTouchedUponDelete = (indexToDeleteFrom, data, initialValues, editedValues, touched) => {\r\n const cleanedEditedValues = shiftKeysUponDelete(indexToDeleteFrom, editedValues);\r\n\r\n // Creating data for Reset Form - Empty objects for new rows, previous initial values for existing rows, removing row at index given\r\n const updatedValues = [\r\n ...data.slice(0, data.length - initialValues.length).map(() => ({})),\r\n ...initialValues,\r\n ].filter((_, index) => indexToDeleteFrom !== index);\r\n\r\n const touchedData = shiftKeysUponDelete(indexToDeleteFrom, touched);\r\n\r\n const resetFormValue = Object.assign({}, updatedValues);\r\n const valueToSet = deepMerge(resetFormValue, cleanedEditedValues);\r\n\r\n return [resetFormValue, valueToSet, touchedData];\r\n};\r\n\r\nconst setInitialValuesTouched = (setFieldValue, setFieldTouched, currentParentKey = '', invalidData = {}) => {\r\n const touched = {};\r\n Object.keys(invalidData).forEach((key) => {\r\n const currentValue = invalidData[key];\r\n const currentKey = currentParentKey ? `${currentParentKey}.${key}` : key;\r\n if (isValidObject(currentValue)) {\r\n touched[key] = setInitialValuesTouched(setFieldValue, setFieldTouched, currentKey, currentValue);\r\n } else {\r\n touched[key] = true;\r\n setFieldValue(currentKey, currentValue);\r\n setFieldTouched(currentKey, true);\r\n }\r\n });\r\n return touched;\r\n};\r\n\r\nconst resetInvalidRows = (setFieldValue, setFieldTouched, currentParentKey = '', values, indexes = []) => {\r\n if (indexes.length) {\r\n Object.keys(values).forEach((key) => {\r\n if (isNumber(key) ? indexes.includes(key) : true) {\r\n const currentValue = values[key];\r\n const currentKey = currentParentKey ? `${currentParentKey}.${key}` : key;\r\n if (isValidObject(currentValue)) {\r\n resetInvalidRows(setFieldValue, setFieldTouched, currentKey, currentValue, indexes);\r\n } else {\r\n setFieldValue(currentKey, currentValue);\r\n setFieldTouched(currentKey, true);\r\n }\r\n }\r\n });\r\n }\r\n};\r\n\r\nexport { geUpdatedTouchedOnAdd, getValuesAndTouchedUponDelete, setInitialValuesTouched, resetInvalidRows };\r\n","\r\nimport { Grid, makeStyles, FormLabel, FormHelperText } from 'Generic/componentlibrary/components/Components';\r\nimport Icon from 'Generic/icon/components/Icon';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport { screenMaxWidth } from 'Commons/config/constants/ScreenWidths';\r\nimport formItemStyle from '../styles/FormItemStyle';\r\n\r\nconst useStyles = makeStyles(formItemStyle, { name: 'FormItem' });\r\n\r\nconst FormItem = React.forwardRef((props, ref) => {\r\n const {\r\n label,\r\n padding,\r\n disabled,\r\n children,\r\n required,\r\n className,\r\n preferred,\r\n helperText,\r\n onlyPadding,\r\n separatorClassName,\r\n classes: classesProp,\r\n ...others\r\n } = props;\r\n\r\n let resultantPadding = padding;\r\n const { innerWidth } = window;\r\n if (!resultantPadding) {\r\n resultantPadding = 16;\r\n if (innerWidth <= screenMaxWidth.laptop) {\r\n resultantPadding = 12;\r\n }\r\n if (innerWidth <= screenMaxWidth.tablet) {\r\n resultantPadding = 16;\r\n }\r\n }\r\n\r\n const classes = useStyles({ classes: classesProp, ...props, padding: resultantPadding });\r\n\r\n const renderWithLabelAndHelperText = () => (\r\n \r\n
\r\n );\r\n }\r\n return children;\r\n }\r\n}\r\n\r\nErrorBoundaries.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n useAnchorTag: PropTypes.bool,\r\n classes: PropTypes.object,\r\n};\r\nErrorBoundaries.defaultProps = { useAnchorTag: false };\r\n\r\nexport default withStyles(ErrorBoundariesStyle)(ErrorBoundaries);\r\n","/* eslint-disable import/prefer-default-export */\r\nimport { isInternalDashboard } from 'Commons/helpers/utils/Utils';\r\nimport basePostProcessor from './BaseProcessor';\r\n\r\nconst customProcessors = () => {\r\n const { location: { pathname } } = window;\r\n return isInternalDashboard(pathname)\r\n // eslint-disable-next-line global-require\r\n ? require('../../../internal/redux/postProcessors/index')\r\n // eslint-disable-next-line global-require\r\n : require('../../../external/redux/postProcessors/index');\r\n};\r\n\r\nconst getPostProcessor = (postProcessorName) => {\r\n const allPostProcessors = {\r\n basePostProcessor,\r\n ...customProcessors(),\r\n };\r\n return allPostProcessors[postProcessorName];\r\n};\r\n\r\nexport { getPostProcessor };\r\n","class EventEmitter {\r\n constructor() {\r\n this.events = {};\r\n }\r\n\r\n emit(eventName, data) {\r\n const eventsList = this.events[eventName];\r\n if (eventsList) {\r\n eventsList.forEach((event) => {\r\n event.call(null, data);\r\n });\r\n }\r\n }\r\n\r\n subscribe(eventName, fn) {\r\n if (!this.events[eventName]) {\r\n this.events[eventName] = [];\r\n }\r\n\r\n this.events[eventName].push(fn);\r\n return () => {\r\n this.events[eventName] = this.events[eventName].filter(eventFn => fn !== eventFn);\r\n };\r\n }\r\n}\r\nconst eventEmitter = new EventEmitter();\r\nexport default eventEmitter;\r\n","\r\nimport { useRef, useEffect } from 'react';\r\nimport {\r\n makeStyles, Paper, ClickAwayListener,\r\n Popper, Grid,\r\n} from 'Generic/componentlibrary/components/Components';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport { TextField } from '../../textfield/components/TextField';\r\nimport popdownStyle from '../styles/PopdownStyle';\r\n\r\nconst useStyles = makeStyles(popdownStyle, { name: 'Popdown' });\r\n\r\nconst Popdown = (props) => {\r\n const selectRef = useRef();\r\n const selectContainerRef = useRef();\r\n const classes = useStyles(props);\r\n const inputRef = useRef({});\r\n const { shouldAutoFocus } = props;\r\n\r\n const getPaperStyle = () => {\r\n const { useContainerRef, PaperProps = {} } = props;\r\n const { width: anchorWidth } = useContainerRef\r\n ? selectContainerRef.current.getBoundingClientRect()\r\n : selectRef.current.getBoundingClientRect();\r\n const { width = anchorWidth } = PaperProps;\r\n return { width };\r\n };\r\n\r\n const onRef = (ref, containerRef) => {\r\n if (ref) {\r\n selectRef.current = ref;\r\n selectContainerRef.current = containerRef;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const { inputRef: propInputRef = inputRef } = props;\r\n if (shouldAutoFocus) {\r\n propInputRef.current.focus();\r\n }\r\n }, [shouldAutoFocus]);\r\n\r\n\r\n const {\r\n open,\r\n children,\r\n maxHeight,\r\n PaperProps: { className: paperClassName = '', ...PaperProps },\r\n onClickAway,\r\n TextFieldClasses,\r\n disablePortal,\r\n classes: ignore,\r\n useContainerRef,\r\n containerClassName,\r\n PopperProps: { className: popperClassName, parentRef, ...PopperProps },\r\n ...others\r\n } = props;\r\n\r\n return (\r\n \r\n this.renderHeaderOrFooterCell(data, isFooter)}\r\n className={classes.headerGrid}\r\n width={fixedGridWidth}\r\n height={height}\r\n rowHeight={height}\r\n columnWidth={({ index }) => this.columnWidthFinder(index, tableWidth)}\r\n rowCount={1}\r\n columnCount={fixedColumns}\r\n />\r\n
\r\n );\r\n }\r\n\r\n renderHeaderOrFooter = (scrollLeft, isFooter = false) => {\r\n const heightPropInitial = isFooter ? 'footer' : 'header';\r\n const { classes, [`${heightPropInitial}RowHeight`]: rowHeight, tableWidth: gridWidth } = this.props;\r\n const { leftAndRightPadding, getHeaderHeight } = this;\r\n const height = getHeaderHeight(rowHeight);\r\n\r\n return (\r\n \r\n this.columnWidthFinder(index, gridWidth)}\r\n columnCount={fixedColumns}\r\n className={classes.fixedGrid}\r\n height={tableHeight - horizontalScrollSize}\r\n rowHeight={rowHeight}\r\n rowCount={numOfRows}\r\n scrollTop={scrollTop}\r\n width={fixedGridWidth}\r\n style={{\r\n height: gridContainerHeight - horizontalScrollSize,\r\n top: headerHeight,\r\n }}\r\n scrollToRow={scrollToRowProp || (startFromBottom && (scrollToRow || undefined))}\r\n />\r\n
\r\n\r\n {hasFooter && this.renderFixedHeaderOrFooter(hasFooter)}\r\n\r\n \r\n <>\r\n {this.renderHeaderOrFooter(scrollLeft)}\r\n { // eslint-disable-line no-shadow\r\n const computedScrollHeight = (clientHeight + scrollTop) - horizontalScrollSize;\r\n const isAtEnd = isBetween(scrollHeight, computedScrollHeight - ERROR, computedScrollHeight + ERROR);\r\n if (\r\n (startFromBottom && scrollTop === 0 && hasDataBeenLoaded)\r\n || (isAtEnd && lastScrollAt < scrollTop && !startFromBottom)\r\n ) {\r\n lastScrollAt = scrollTop; // to avoid loadMoreRows being called in horizontal scroll\r\n if (totalRows >= numOfRows) { this.loadMoreRows(); }\r\n }\r\n return onScroll({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollLeft, scrollTop });\r\n }\r\n }\r\n onScrollbarPresenceChange={this.scrollbarChanged}\r\n overscanColumnCount={OVERSCAN_COLUMN_COUNT}\r\n // Setting overscan as 0 to avoid flickering(since dynamic row height, height change for rows\r\n // on top and bottom edge results in flicker)\r\n overscanRowCount={calculateRowHeight ? 0 : OVERSCAN_ROW_COUNT}\r\n cellRenderer={this.renderRightGridBodyCell}\r\n noContentRenderer={() => EmptyOrLoadingTable(\r\n emptyOrLoadingBodyRenderer,\r\n classes,\r\n showErrorOrLoadingInMiddle ? tableHeight : rowHeight,\r\n state,\r\n )}\r\n rowHeight={calculateRowHeight ? this.calculateRowHeight : rowHeight}\r\n rowCount={numOfRows}\r\n scrollToRow={scrollToRowProp || (startFromBottom && (scrollToRow || undefined))}\r\n width={gridWidth - leftAndRightPadding}\r\n ref={this.bodyRef}\r\n {...overscanIndicesGetter && { overscanIndicesGetter }}\r\n />\r\n {hasFooter && this.renderHeaderOrFooter(scrollLeft, hasFooter)}\r\n\r\n {\r\n showLoader && (\r\n
\r\n \r\n );\r\n }}\r\n { noFiltersApplied }
\r\n \r\n );\r\n }\r\n\r\n renderSectionTitle() {\r\n const { device, classes, onBack, data } = this.props;\r\n switch (device) {\r\n case 'isMobile':\r\n case 'isPhablet':\r\n case 'isTablet':\r\n return (\r\n\r\n \r\n chevron_left \r\n \r\n \r\n { filtersApplied }\r\n \r\n {Object.keys(data).length > 0 && (\r\n this.clearAll()}\r\n variant=\"body2\"\r\n >\r\n Clear All\r\n\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n default:\r\n return this.renderAppliedFilterLabel();\r\n }\r\n }\r\n\r\n renderAppliedFilterLabel = () => {\r\n const { isInModal, classes, data } = this.props;\r\n if (isInModal && Object.keys(data).length > 0) {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n \r\n {localization || name}\r\n \r\n\r\n {`+${dialCode}`}\r\n \r\n );\r\n }\r\n}\r\n\r\nItem.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n iso2: PropTypes.string.isRequired,\r\n dialCode: PropTypes.string.isRequired,\r\n itemRef: PropTypes.func.isRequired,\r\n localization: PropTypes.string,\r\n native: PropTypes.bool,\r\n className: PropTypes.string,\r\n};\r\n\r\nItem.defaultProps = {\r\n localization: null,\r\n native: false,\r\n};\r\n\r\nexport default Item;\r\n","const SummaryFormatterStyle = () => ({\r\n balance: { width: '100%' },\r\n icon: { cursor: 'default' },\r\n date: { width: '100%' },\r\n ellipsis: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' },\r\n});\r\n\r\nexport default SummaryFormatterStyle;\r\n","const MIN_TABLE_WIDTH_FOR_SINGLE_LINE_ROW = 451;\r\nconst MIN_TABLE_WIDTH_FOR_DOUBLE_LINE_ROW = 352;\r\nconst MIN_TABLE_WIDTH_FOR_RESPONSIVE_VERSION = 443;\r\n\r\nexport {\r\n MIN_TABLE_WIDTH_FOR_SINGLE_LINE_ROW,\r\n MIN_TABLE_WIDTH_FOR_DOUBLE_LINE_ROW,\r\n MIN_TABLE_WIDTH_FOR_RESPONSIVE_VERSION,\r\n};\r\n","import { VIEW } from 'Commons/config/constants/Constants';\r\n\r\nconst callApi = (onAction, endPoint, body, callback = () => {}, method = 'POST') => {\r\n if (onAction) {\r\n onAction({\r\n config: [{\r\n api: {\r\n method: 'read',\r\n action: {\r\n methodType: `${method}`,\r\n endPoint,\r\n body,\r\n },\r\n },\r\n callback,\r\n\r\n }],\r\n });\r\n }\r\n};\r\n\r\nconst changePassword = (onAction, { confirmPassword, ...resetPassword }, callback) => {\r\n callApi(onAction, 'auth/change-password', { ...resetPassword }, callback);\r\n};\r\nconst changeUserDetails = (onAction, userId, userDetails, callback) => {\r\n callApi(onAction, `user/${userId}`, { ...userDetails }, callback, 'PUT');\r\n};\r\nconst getUserDetails = (onAction, userId, callback, includeRelations) => {\r\n const body = {\r\n view: VIEW.detail.value,\r\n filter: [{ terms: { id: [userId] } }],\r\n ...(includeRelations && { includeRelations }),\r\n };\r\n callApi(onAction, 'user/search', body, callback);\r\n};\r\n\r\nexport { changePassword, changeUserDetails, getUserDetails };\r\n","const VERTICAL_SPACING_SMART_LIST = 130;\r\n\r\nconst HORIZONTAL_SPACING_SMART_LIST = 70;\r\n\r\nconst AUTO_SAVE_INTERVAL = 15000;\r\n\r\nexport { VERTICAL_SPACING_SMART_LIST, HORIZONTAL_SPACING_SMART_LIST, AUTO_SAVE_INTERVAL };\r\n","/* eslint-disable no-nested-ternary */\r\nimport { Dropdown, FormDropdown } from 'Generic/dropdown/components/Dropdown';\r\nimport AlertDialog from 'Commons/components/generic/alertdialog/components/AlertDialog';\r\nimport Button from 'Generic/button/components/Button';\r\nimport Snackbar from 'Commons/components/generic/snackbar/components/Snackbar';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\nimport { formatErrors } from 'Commons/redux/error/ErrorHandler';\r\nimport useConstructor from 'Commons/helpers/hooks/useConstructor';\r\nimport ThreeDotProgress from 'Generic/threedotprogress/components/ThreeDotProgress';\r\nimport { FormTextField, TextField } from 'Generic/textfield/components/TextField';\r\nimport Typography from 'Generic/typography/components/Typography';\r\nimport localisable from 'Commons/config/strings/localisable';\r\nimport { Grid, makeStyles } from 'Generic/componentlibrary/components/Components';\r\nimport { convertToPdfUrl } from 'Commons/components/business/report/utils/Utils';\r\nimport { clsx } from 'Commons/helpers/utils/clsx';\r\nimport { IS_NON_ZERO_POSITIVE_NUMERIC } from 'Commons/config/constants/Validators';\r\nimport useDidUpdateEffect from 'Commons/helpers/hooks/useDidUpdateEffect';\r\nimport { EMPTY_FUNC } from 'Commons/config/constants/Constants';\r\nimport { MOVE_IN_DOCUMENTS } from 'External/containers/rentalConfiguration/config/RentalFormConfigs';\r\nimport { ENTITY_TYPE } from 'External/containers/configuration/config/Constants';\r\nimport REQUEST_TYPES from 'Commons/config/constants/RequestTypes';\r\nimport { fetchPrinter } from 'Commons/helpers/utils/PrinterHelper';\r\nimport { fetchDocument, getTxtToken, previewLetter } from 'External/containers/operations/components/letterUtil/config/ApiRequests';\r\nimport InheritedConfigLabel from 'Commons/components/generic/InheritedConfigLabel/components/InheritedConfigLabel';\r\nimport { fetchConfiguration } from 'External/containers/configuration/config/ApiRequests';\r\nimport Footer from 'Commons/components/business/footer/components/Footer';\r\nimport CONFIG_TYPE from 'External/containers/configuration/config/ConfigRequestType';\r\nimport Modal from 'Generic/modal/components/Modal';\r\nimport { getValue, isNonEmptyArray, isObjWithKeys } from 'Commons/helpers/utils/DataHelpers';\r\nimport PrinterSection from 'External/containers/dashboard/widgets/header/components/PrinterSection';\r\nimport { ADDITIONAL_DELIVERY_METHOD, DELIVERY_METHOD, PRINT_COPIES_TEXTFIELD_WIDTH, DROPDOWN_PRINTER_SELECTION_TYPES } from '../config/Constants';\r\nimport { fetchLetter, fetchStandaloneApp } from '../config/ApiRequests';\r\nimport DeliveryMethodDropdownStyles from '../styles/DeliveryMethodDropdownStyles';\r\n\r\n\r\nconst useStyles = makeStyles(DeliveryMethodDropdownStyles, { name: 'DeliveryMethodDropdown' });\r\n\r\n\r\nconst DeliveryMethodDropdown = ({\r\n onAction, letterId, recipientEmailEnabled, recipientTextEnabled, shouldShowDropdown,\r\n currentFacility: { data: { id: facilityId } = {} } = {}, allowEsign, isWebsiteAccess = false,\r\n name, useForm, dropdownProps, fid, showPrintCopies, inlinePrintComponents, containerProps,\r\n documentType = '',\r\n previewProps = {},\r\n printOrPreviewProps: {\r\n name: printCopiesFieldName,\r\n useForm: printCopiesFieldUseForm,\r\n initialValue: printOrPreviewInitialValue = '',\r\n containerClassName: printContainerClassName,\r\n setFieldValue,\r\n onChangePrintCopies,\r\n ...otherPrintProps\r\n },\r\n onChange,\r\n showPreview,\r\n standaloneApps = [],\r\n letterConfigs = [],\r\n facilityGeneralConfig = {},\r\n isFormActive,\r\n printer,\r\n currentPrinter,\r\n printerSelectionProps: { show, type, containerProps: printerSelectionContainerProps, gridProps: printerSelectionGridProps },\r\n exclude = [],\r\n ...props\r\n}) => {\r\n const classes = useStyles();\r\n // eslint-disable-next-line react/prop-types\r\n const { clearStoreKeys, dispatch, routeList, onMountConfig, unauthorised, fetchLazy, hasMailingLabel, ...rest } = props;\r\n const deliveryMethodValues = Object.values(DELIVERY_METHOD);\r\n const filteredMethodForMailingLabel = deliveryMethodValues.filter(method => method.value === 'Print');\r\n const allDeliveryMethodList = useConstructor(() => (!hasMailingLabel ? deliveryMethodValues : filteredMethodForMailingLabel));\r\n const [deliveryMethodList, setDeliveryMethodList] = useState(allDeliveryMethodList);\r\n const [error, setError] = useState('');\r\n const [noOfCopies, setNoOfCopies] = useState(1);\r\n const [deliveryMethod, setDeliveryMethod] = useState(printOrPreviewInitialValue || '');\r\n const { innerWidth, innerHeight } = window;\r\n\r\n const Component = useMemo(() => (useForm ? FormDropdown : Dropdown), [useForm]);\r\n const PrintCopies = useMemo(() => (printCopiesFieldName ? FormTextField : TextField), [printCopiesFieldUseForm]);\r\n\r\n const componentProps = useMemo(() => (useForm ? { name } : {}), [useForm]);\r\n const printOrPreviewProps = useMemo(() => (printCopiesFieldUseForm ? { name: printCopiesFieldName } : {}), [printCopiesFieldUseForm]);\r\n const modeEnabled = useRef({ email: false, phone: false });\r\n const isTextFriendly = useRef({});\r\n const isLetterFetched = useRef(false);\r\n const { deviceInfo: { isDesktop } = {} } = window;\r\n const [printerInstalled, setIsPrinterInstalled] = useState();\r\n const [txToken, setTxToken] = useState();\r\n const [{ isModalOpen = false, previewLetterLink }, setLetter] = useState({});\r\n const [previewTemplateLink, setPreviewTemplateLink] = useState();\r\n const [previewLetterId, setPreviewLetterId] = useState();\r\n const [isPreviewLoading, setIsPreviewLoading] = useState(false);\r\n const [letterIdTemplate, setLetterIdTemplate] = useState({});\r\n const [showPrinterSelectionDialog, setShowPrinterSelectionDialog] = useState(false);\r\n const [printerSelectedStatus, setPrinterSelectedStatus] = useState(false);\r\n const filterDeliveryMethodList = () => {\r\n const { email: isEmailEnabled, phone: isPhoneEnabled } = modeEnabled.current || {};\r\n let applicableDeliveryMethodList = [...allDeliveryMethodList];\r\n const keys = [];\r\n if (!isEmailEnabled || !recipientEmailEnabled) {\r\n keys.push('Email', 'Mail');\r\n }\r\n if (!isPhoneEnabled || !recipientTextEnabled) {\r\n keys.push('Text');\r\n } else if (!isWebsiteAccess && !isTextFriendly.current[letterId]) {\r\n keys.push('Text');\r\n }\r\n if (isWebsiteAccess) {\r\n keys.push('Print');\r\n keys.push('Preview');\r\n } else if (!printerInstalled) {\r\n keys.push('Print');\r\n if (setFieldValue && !printOrPreviewInitialValue) {\r\n setFieldValue(name, 'Preview');\r\n setDeliveryMethod('Preview');\r\n }\r\n } else {\r\n keys.push('Preview');\r\n if (setFieldValue && !printOrPreviewInitialValue) {\r\n setFieldValue(name, 'Print');\r\n setFieldValue(printCopiesFieldName, 1);\r\n setDeliveryMethod('Print');\r\n }\r\n }\r\n keys.forEach((key) => {\r\n applicableDeliveryMethodList = applicableDeliveryMethodList.filter(\r\n ({ value }) => !value.includes(key),\r\n );\r\n applicableDeliveryMethodList = applicableDeliveryMethodList.filter(\r\n ({ value }) => !exclude.includes(value),\r\n );\r\n });\r\n\r\n if (documentType === MOVE_IN_DOCUMENTS.Lease_Agreement.value) {\r\n applicableDeliveryMethodList = applicableDeliveryMethodList.filter(({ value }) => value === DELIVERY_METHOD.Print.value || value === DELIVERY_METHOD.Save_Document.value);\r\n }\r\n if (isEmailEnabled && allowEsign) {\r\n applicableDeliveryMethodList = [\r\n ...applicableDeliveryMethodList,\r\n ADDITIONAL_DELIVERY_METHOD.Email_Lease_For_Esign,\r\n ];\r\n }\r\n isLetterFetched.current = true;\r\n setDeliveryMethodList(applicableDeliveryMethodList);\r\n };\r\n\r\n const getPrinterAvailabilityStatus = () => {\r\n if (currentPrinter) {\r\n const currentPrinterId = getValue(currentPrinter, 'data.id');\r\n const allPrinters = getValue(printer, 'data.data');\r\n const curPrinter = allPrinters.find(({ id }) => id === currentPrinterId);\r\n if (curPrinter) {\r\n const { isOnline = false } = curPrinter;\r\n return isOnline;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n useEffect(() => {\r\n if (setFieldValue && (printOrPreviewInitialValue || '') !== deliveryMethod) {\r\n if (deliveryMethod && deliveryMethod.includes('Print')) {\r\n setFieldValue(printCopiesFieldName, 1);\r\n } else {\r\n setFieldValue(printCopiesFieldName, undefined);\r\n }\r\n }\r\n if (deliveryMethod && deliveryMethod.includes('Print')) {\r\n const selectedEntityAndLevel = {\r\n selectedEntity: facilityId || fid,\r\n selectedLevel: ENTITY_TYPE.FACILITY.toLowerCase(),\r\n };\r\n if (!printer) {\r\n fetchPrinter(onAction, selectedEntityAndLevel, EMPTY_FUNC, REQUEST_TYPES.REFRESH);\r\n }\r\n }\r\n }, [deliveryMethod]);\r\n\r\n useEffect(() => {\r\n if (type === DROPDOWN_PRINTER_SELECTION_TYPES.Popover.value) {\r\n setPrinterSelectedStatus(getPrinterAvailabilityStatus());\r\n }\r\n }, [currentPrinter]);\r\n\r\n const onDeliveryMethodChange = (_, value) => {\r\n onChange(_, value);\r\n setDeliveryMethod(value);\r\n };\r\n\r\n const onStandaloneAppFetch = (apiError, response) => {\r\n if (apiError) {\r\n const formattedErrors = formatErrors(apiError);\r\n if (formattedErrors.errorMessage) {\r\n setError(formattedErrors.errorMessage);\r\n }\r\n } else if (response) {\r\n const { data: installedStandaloneApps = [] } = response;\r\n setIsPrinterInstalled(!!installedStandaloneApps.length);\r\n }\r\n };\r\n\r\n const onLetterFetch = (apiError, response) => {\r\n if (apiError) {\r\n const formattedErrors = formatErrors(apiError);\r\n if (formattedErrors.errorMessage) {\r\n setError(formattedErrors.errorMessage);\r\n }\r\n } else if (response) {\r\n const {\r\n data: {\r\n Letter: { data: letters = [] } = {},\r\n Facility_General: {\r\n data: [{\r\n value: {\r\n emailAddress: { isEnabled: isEmailEnabled = false } = {},\r\n isPhoneEnabled = false,\r\n } = {},\r\n } = {}] = [],\r\n } = {},\r\n } = {},\r\n } = response;\r\n const isTextFriendlyContent = {};\r\n if (isPhoneEnabled) {\r\n letters.forEach(({ id, value: { textFriendly: { isEnabled = false } = {} } = {} }) => {\r\n isTextFriendlyContent[id] = isEnabled;\r\n });\r\n isTextFriendly.current = isTextFriendlyContent;\r\n }\r\n modeEnabled.current = { email: isEmailEnabled, phone: isPhoneEnabled };\r\n if (!printerInstalled) {\r\n if (standaloneApps.length) setIsPrinterInstalled(true);\r\n else fetchStandaloneApp(onAction, facilityId || fid, onStandaloneAppFetch);\r\n }\r\n const mapOfLetterIdTemplate = {};\r\n letters.forEach(({ id, value: { templateLink } }) => {\r\n mapOfLetterIdTemplate[id] = templateLink;\r\n });\r\n\r\n setLetterIdTemplate({ ...mapOfLetterIdTemplate });\r\n }\r\n };\r\n\r\n const PrintCopiesComponent = (extraProps) => {\r\n const { required } = otherPrintProps;\r\n const { readOnly } = rest;\r\n return (\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nCompanyLogo.propTypes = {\r\n mini: PropTypes.bool,\r\n white: PropTypes.bool,\r\n height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n className: PropTypes.string,\r\n};\r\n\r\nCompanyLogo.defaultProps = {\r\n mini: false,\r\n height: 50,\r\n width: 200,\r\n white: false,\r\n};\r\n\r\nexport default React.memo(CompanyLogo);\r\n","const USER_DEFAULT_SORT = {\r\n label: 'Name',\r\n value: 'Name',\r\n sort: [{ firstName: { order: 'asc' } }],\r\n};\r\n\r\nconst USER_DEFAULT_FILTER = { terms: { status: ['Active', 'Created'] } };\r\n\r\nexport { USER_DEFAULT_SORT, USER_DEFAULT_FILTER };\r\n","import { Grid, withStyles, RootRef }\r\nfrom 'Commons/components/generic/componentlibrary/components/Components';\r\nimport Link from 'Generic/link/components/Link';\r\nimport calculateTextWidth from 'Commons/helpers/utils/TextWidthCalculator';\r\nimport Typography from 'Generic/typography/components/Typography';\r\nimport CARD_TYPE from 'Commons/components/business/autosuggest/config/Constants';\r\nimport buildUrl from 'Commons/helpers/utils/UrlBuilder';\r\nimport HighlightAutoSuggestText from 'Commons/components/business/autosuggest/components/HighlightSelectedText';\r\nimport Card from '../../../../generic/card/components/Card';\r\nimport Name from '../../../person/name/components/Name';\r\nimport tenantLeadCardStyle from '../styles/TenantLeadCardStyle';\r\nimport localisable from '../../../../../config/strings/localisable';\r\nimport { AUTO_SUGGEST_RESOURCE, CURRENCY_MAP, DASHBOARD_TYPE, SOURCE } from '../../../../../config/constants/Constants';\r\nimport {\r\n LIST_ITEMS_FONT_SIZE,\r\n LIST_ITEMS_FONT_WEIGHT,\r\n} from '../config/Constants';\r\nimport CardChip from '../../../chips/component/CardChip';\r\n\r\nclass TenantLeadCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.itemsContainerRef = React.createRef();\r\n this.state = { itemsContainerWidth: 0 };\r\n }\r\n\r\n componentDidMount = () => {\r\n const { itemsContainerRef: { current: itemsContainerRef } = {} } = this;\r\n if (itemsContainerRef) {\r\n this.setState({ itemsContainerWidth: itemsContainerRef.clientWidth });\r\n }\r\n };\r\n\r\n isResourceTenantLead = resource => resource === AUTO_SUGGEST_RESOURCE.TENANT_LEAD;\r\n\r\n renderItems = (items, source) => {\r\n const {\r\n classes, id: tenantOrLeadId,\r\n allowNavigation, currentFacility: { data: { id: fid } = {} },\r\n currentAccountId: { data: { id: accountId } = {} } = {}, autoSuggestText,\r\n } = this.props;\r\n const Container = allowNavigation ? Link : Grid;\r\n let { itemsContainerWidth } = this.state;\r\n return items.map(({ label, id }, index) => {\r\n const textWidth = calculateTextWidth(`${label}, `, `${LIST_ITEMS_FONT_SIZE}`, `${LIST_ITEMS_FONT_WEIGHT}`);\r\n\r\n if (itemsContainerWidth > 0) {\r\n itemsContainerWidth -= textWidth;\r\n const containerProps = allowNavigation ? { LabelWithIconProps: { classes: { label: `${classes.fullWidthMax} ${classes.ellipsis}` } } } : {};\r\n const currentId = source === SOURCE.tenant.value ? tenantOrLeadId : id;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n submitHostedForm = (hostedFormData = {}) => {\r\n const { onSubmit } = this;\r\n onSubmit(undefined, undefined, undefined, hostedFormData);\r\n }\r\n\r\n onShouldShowAlertClose = () => {\r\n const { props: { setSellAndPayLoading = EMPTY_FUNC } = {}, toggleAlertState } = this;\r\n toggleAlertState();\r\n setSellAndPayLoading(false);\r\n }\r\n\r\n onDelinquentTenantAlertClose = () => {\r\n this.onShouldShowAlertClose();\r\n this.errorDetails = {};\r\n this.setState({ delinquentTenantError: false });\r\n }\r\n\r\n onPaymentOverAlertClose = () => {\r\n const { props: { setSellAndPayLoading = EMPTY_FUNC } = {} } = this;\r\n this.setState({ showPaymentOverAlert: false });\r\n setSellAndPayLoading(false);\r\n }\r\n\r\n togglePromoPlan = () => {\r\n this.setState(prevState => ({ isPromoPlanOpen: !prevState.isPromoPlanOpen }));\r\n }\r\n\r\n onUpdatePromoPlanResponse = (apiError, response) => {\r\n if (apiError) {\r\n this.handleErrors(apiError);\r\n } else if (response) {\r\n this.tenantInformationComponentKey = Date.now();\r\n this.setSnackbarProps(true, localisable.promoPlansUpdated);\r\n }\r\n this.setState({ pageLoading: false });\r\n }\r\n\r\n submitPromoPlansData = (promoPlanData) => {\r\n const { props: { onAction } = {}, onUpdatePromoPlanResponse } = this;\r\n this.setState({ pageLoading: true });\r\n updatedPromoPlans(onAction, promoPlanData, onUpdatePromoPlanResponse);\r\n }\r\n\r\n getCurrentStatus = () => this.currentStatus\r\n\r\n updateCurrentStatus = (status = {}) => {\r\n this.currentStatus = { ...this.currentStatus, ...status };\r\n }\r\n\r\n renderComponent() {\r\n const {\r\n props: {\r\n classes, onAction, permission = {}, showTenantInformation, shouldShowAlert = true,\r\n financialPayment: { data: { data: [{ value: payment = {} } = {}] = [] } = {} } = {},\r\n showFooter, PageProps: { md = false, lg = false, ...PageProps } = {}, open = true,\r\n getFormProps, isMaskVisible = false, showOnlyTenantName = false, pageTitle, fitPage = false,\r\n header, showHeader = true, source, clearStoreKeys, loaderComponent, match: { url } = {},\r\n ...props\r\n },\r\n state: {\r\n paymentMethod: { data: { data: paymentMethods = [] } = {} } = {},\r\n isUnpaidBillsOpen, isBillAheadOpen, showAlert, prefilled,\r\n isButtonLoading, timeOutMessage, showPaymentOverAlert = false,\r\n prePayError, authenticationKey, isPromoPlanOpen = false, pageLoading = false,\r\n documentation = {}, fetchingAmountField,\r\n }, formProps: { dirty = false }, cardProcessorData, initialStatus,\r\n tenantInfo, ledgerId, tenantId, ledgerInfo, toggleBillAhead, currency, onSubmit, getAlertActions,\r\n initialValues, onClosePayment, toggleLoadingState, errorDetails: { errorMessage } = {}, submitHostedForm,\r\n toggleAlertState, onShouldShowAlertClose, onPaymentOverAlertClose, reFetchTenantBalance, setPrefilledFalse,\r\n toggleUnpaidBills, renderBillAheadOrUnpaidBills, closeBillAheadOrUnpaidBillsModal, getErrorMessage,\r\n getFuncToOpenPaymentMethod, getIsAmountWithoutModifierTouched, isAmountWithoutModifierTouched,\r\n getResetIsAmountWithoutModifierTouched, renderLogin, isUserLoggedIn, disableFormSubmit, closeHostedForm,\r\n togglePromoPlan, getOnLedgerBalance, getAutoSuggestRef, promoPlanData = {}, submitPromoPlansData,\r\n tenantInformationComponentKey, onDocumentFetch, updateCurrentStatus, getCurrentStatus, setFetchingAmountField,\r\n } = this;\r\n let { props: { showModal = true, showLoader = true } } = this;\r\n const { currentFacility: { data: { id: fid } = {} } = {} } = props;\r\n const { deviceInfo: { isDesktop } } = window;\r\n if (!isDesktop) {\r\n showModal = false;\r\n showLoader = prefilled;\r\n }\r\n return (\r\n <>\r\n \r\n {!isMaskVisible && !isLiveData(url) && renderLogin()}\r\n {paymentComponent}\r\n
\r\n );\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n isNew\r\n ? localisable.markedForDeletionNew\r\n : localisable.markedForDeletionExisting\r\n }\r\n \r\n \r\n \r\n { isNew && (\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 React.memo(DeleteOverlay);\r\n\r\nDeleteOverlay.propTypes = {\r\n classes: PropTypes.object,\r\n onDelete: PropTypes.func,\r\n currentKey: PropTypes.any,\r\n deleteStatus: PropTypes.string,\r\n};\r\n\r\nDeleteOverlay.defaultProps = { deleteStatus: DELETE_OVERLAY_DELETION_STATUS.EXISTING };\r\n","/* eslint-disable react/jsx-one-expression-per-line */\r\nimport Footer from 'Commons/components/business/footer/components/Footer';\r\nimport {\r\n Grid,\r\n withStyles,\r\n Paper,\r\n} from 'Commons/components/generic/componentlibrary/components/Components';\r\nimport { Formik } from 'formik';\r\nimport Overlay from '../../overlay/components/Overlay';\r\nimport FilterOverlayStyle from '../styles/FilterOverlayStyle';\r\nimport FilterTypes from './FilterTypes';\r\nimport { VIEW } from '../../../../config/constants/Constants';\r\nimport { convertAppliedFiltersToValues } from '../../../../helpers/utils/SmartListDataHelper';\r\nimport RequestTypes from '../../../../config/constants/RequestTypes';\r\nimport BaseForm from '../../baseform/components/BaseForm';\r\nimport localisable from '../../../../config/strings/localisable';\r\nimport STATUS from '../../../../config/constants/StoreKeyStatus';\r\nimport AppliedFilterContainer from '../../appliedFilterContainer/component/AppliedFilterContainer';\r\nimport FILTER_STAGES from './configs/FilterStages';\r\n\r\nclass FilterOverlay extends BaseForm {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n errorMessage: '',\r\n reset: false,\r\n stage: FILTER_STAGES.FILTER_TYPES_LIST,\r\n filtersApplied: props.appliedFilters || {},\r\n filtersUpdated: false,\r\n curSectionSelected: {},\r\n };\r\n this.initialAppliedFilters = this.convertAppliedFiltersToInitialValues(props.appliedFilters);\r\n }\r\n\r\n componentDidMount() {\r\n const { listConfig: { filterProps: { sectionsConfig: { sections } } } } = this.props;\r\n this.initSections(sections);\r\n }\r\n\r\n getHeader = () => {\r\n const { classes, listName } = this.props;\r\n return (\r\n \r\n {\r\n config(configArgs).map((element, idx) => {\r\n const {\r\n label, children, url: parentUrl, addon: { end, ...addon } = {}, target,\r\n onClick, visible = true, workCenterPaths: parentWorkCenterPaths,\r\n } = element;\r\n if (open && addon) { addon.end = end; }\r\n const isCurrentWCPath = currentUrl === parentUrl\r\n || doesUrlBelongsToAnyGivenPath(locationUrl, parentWorkCenterPaths, url.replace(`/${currentUrl}`, ''));\r\n const handleEntityExpandOrCollapse = (index) => {\r\n if (index === currentParentEntityIndex) this.setState({ currentParentEntityIndex: null });\r\n else this.setState({ currentParentEntityIndex: index });\r\n };\r\n const isInternalDashBoard = (dashboardType === DASHBOARD_TYPE.INTERNAL);\r\n const getListItemClasses = () => {\r\n const parentEntityIndex = !isInternalDashBoard\r\n && findMatchingParentEntityIndex(dashboardType, locationUrl, url.replace(`/${currentUrl}`, ''));\r\n const isChildEntitySelected = idx === parentEntityIndex;\r\n const classNames = [];\r\n if (!isInternalDashBoard) {\r\n if (isValidValue(parentUrl)) {\r\n classNames.push(\r\n classes.childListItems,\r\n classes.labelWithIconMargin,\r\n classes.stickyItems,\r\n open && classes.childEntityPadding,\r\n );\r\n } else {\r\n classNames.push(classes.entityRoot);\r\n if (!isChildEntitySelected) classNames.push(classes.parentEntityPadding);\r\n if (isChildEntitySelected) classNames.push(classes.selectedEntityIndicator);\r\n }\r\n } else if (isInternalDashBoard) classNames.push(classes.listItems);\r\n return clsx(...classNames);\r\n };\r\n return visible && (\r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n {(open || isValidValue(parentUrl)) && (\r\n <>\r\n isNonEmptyArray(children)\r\n && handleEntityExpandOrCollapse(idx)}\r\n button\r\n disableGutters={!isInternalDashBoard}\r\n >\r\n {isNonEmptyArray(children)\r\n ? (\r\n isCurrentWCPath) : undefined}\r\n activeClassName={isInternalDashBoard\r\n ? classes.activeLink : null}\r\n target={target}\r\n onClick={onClick}\r\n classes={{ link: classes.link, reactlink: classes.reactlink }}\r\n LabelWithIconProps={{\r\n classes: {\r\n labelWithIcon: clsx(classes.labelWithIcon,\r\n !open && classes.iconCenter),\r\n label: classes.label,\r\n addonEnd: classes.addonEnd,\r\n },\r\n }}\r\n >\r\n {open && label}\r\n \r\n )}\r\n \r\n \r\n )}\r\n {isNonEmptyArray(children) && (\r\n \r\n
\r\n );\r\n })\r\n }\r\n - \r\n {isNonEmptyArray(children) && (\r\n children.map((item) => {\r\n const {\r\n childAddon: { end: childAddonEnd, ...childAddon },\r\n url: elementUrl, label: childLabel, workCenterPaths = [], visible: isChildVisible = true,\r\n } = item;\r\n if (open) { childAddon.end = childAddonEnd; }\r\n const isCurrentChildWCPath = currentUrl === elementUrl\r\n || doesUrlBelongsToAnyGivenPath(locationUrl, workCenterPaths, url.replace(`/${currentUrl}`, ''));\r\n return isChildVisible && (\r\n
- \r\n {licenseStatus === FACILITY_LICENSE_STATUS.Active.value || isInternalDashboard(url) || isLiveData(url) ? renderSideNavItems() : null}\r\n
*/\r\n \r\n onRemove(index, arrayHelpers)}\r\n />\r\n \r\n /*
*/\r\n );\r\n\r\n const renderPhoneNumber = () => (\r\n <>\r\n \r\n {data.map((chipData, index) => (\r\n
\r\n );\r\n }\r\n}\r\n\r\nListRenderer.propTypes = { data: PropTypes.array, classes: PropTypes.object, component: PropTypes.any, parentIndex: PropTypes.number };\r\n\r\nexport default withStyles(listRendererStyle)(ListRenderer);\r\n","const listRendererStyle = theme => ({\r\n chipContainer: {\r\n display: 'flex',\r\n alignContent: 'center',\r\n flexWrap: 'wrap',\r\n '& > *': { margin: theme.spacing(1) },\r\n },\r\n});\r\n\r\nexport default listRendererStyle;\r\n","const previewStyle = theme => ({\r\n block: { alignContent: 'flex-start' },\r\n roleTitle: { padding: theme.spacing(1) },\r\n title: {\r\n padding: '20px 28px',\r\n minHeight: 48,\r\n maxHeight: 48,\r\n marginBottom: theme.spacing(1),\r\n },\r\n roleBlockPadding: { padding: '20px 28px' },\r\n iconPadding: { padding: 4 },\r\n});\r\n\r\nexport default previewStyle;\r\n","import React, { useState, memo } from 'react';\r\nimport localisable from 'Commons/config/strings/localisable';\r\nimport Icon from 'Generic/icon/components/Icon';\r\nimport { Form, Formik } from 'formik';\r\nimport Button from 'Generic/button/components/Button';\r\nimport { FormCheckbox } from 'Generic/checkbox/components/CheckBox';\r\nimport Tabs from 'Generic/tabs/components/Tabs';\r\nimport { HIGHLIGHT_TYPE } from 'Generic/tabs/config/Constants';\r\nimport SmartList from 'Commons/components/business/smartlist/components/SmartList';\r\nimport { TextField } from 'Generic/textfield/components/TextField';\r\nimport { STATUS, TABLE_ROW_HEIGHT_VARIANT } from 'Commons/config/constants/Constants';\r\nimport { ClickAwayListener, Grid, makeStyles, Paper, Popper } from 'Generic/componentlibrary/components/Components';\r\nimport Typography from 'Generic/typography/components/Typography';\r\nimport { Dropdown } from 'Generic/dropdown/components/Dropdown';\r\nimport {\r\n getFacilityColumns, getBusinessGroupColumns, getAccountColumns,\r\n ENTITY_TYPE,\r\n} from '../config/RoleSelectionConfig';\r\nimport roleSelectionStyle from '../styles/RoleSelectionStyle';\r\n\r\n\r\nconst useStyles = makeStyles(roleSelectionStyle);\r\n\r\nconst RoleSelection = ({\r\n userRole,\r\n selectAllPreviewData,\r\n onApplyRole,\r\n userPermissions,\r\n onCopyClick,\r\n userList,\r\n userSearch,\r\n fetchSelectedUserPermission,\r\n onCopyUser,\r\n formProps,\r\n isModeCreate,\r\n roleSelectionContainerRef,\r\n ...props\r\n}) => {\r\n const { deviceInfo: { isDesktop } } = window;\r\n const classes = useStyles();\r\n const [selectedRoleData, setSelectedRoleData] = useState(userRole[Object.keys(userRole)[0]] || {});\r\n const { id: selectedRoleId, permission: selectedRolePermission = {} } = selectedRoleData;\r\n const [open, setOpenState] = useState(false);\r\n const [userSelected, setUserSelected] = useState('');\r\n const [anchorEl, setanchorEl] = useState(null);\r\n const getRoleList = () => Object.keys(userRole)\r\n .filter((role) => {\r\n const { status = STATUS.Inactive.value } = userRole[role];\r\n return status === STATUS.Active.value;\r\n })\r\n .map(role => ({ label: userRole[role].name, value: role }));\r\n const roleList = getRoleList();\r\n\r\n const onClick = (event) => {\r\n if (!anchorEl) {\r\n setanchorEl(event.currentTarget);\r\n }\r\n setUserSelected('');\r\n setOpenState(true);\r\n onCopyClick();\r\n };\r\n\r\n const onCopy = (entityList) => {\r\n setOpenState(false);\r\n onCopyUser(entityList);\r\n };\r\n\r\n const showEntityListToCopy = () => (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderList() {\r\n const {\r\n props: { classes, device },\r\n sections,\r\n sectionsList,\r\n state: { sectionsList: stateSectionsList, isFiltered },\r\n } = this;\r\n const sectionsRef = stateSectionsList || sectionsList;\r\n return (\r\n - \r\n {\r\n <>\r\n {this.renderSectionHeader()}\r\n { (device === 'isDesktop') && ((sectionsRef.length > MinSections[device] && !isFiltered) || isFiltered) && this.renderSearch()}\r\n {sectionsRef.length > 0 && sectionsRef.map(section => (\r\n this.renderListItem(sections[section])\r\n ))}\r\n {sectionsRef.length === 0 && (\r\n