\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n if (this.props.isTranslationsUnavailable)\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n{this.props.translations.Phrases['Page_Sub_Header']}
\r\n{this.props.translations.Phrases['Process_Message']}
\r\n\r\n \r\n {this.props.translations.Phrases[this.props.location.state.backToLabel]}\r\n \r\n
\r\n \r\n
\r\n );\r\n else return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n isTranslationsUnavailable: state.translations.isTranslationsUnavailable\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslationsAndSetFlag: (phraseGroup, langCode) =>\r\n dispatch(actionCreators.initTranslationsWithSetFlag(phraseGroup, langCode)),\r\n setTranslationsUnavailableFlag: (flag) => dispatch(actionCreators.setTranslationsUnavailableFlag(flag))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SuccessfullSubmit));\r\n","export const openMenuModal = () => {\r\n document.body.classList.add('menu-expanded');\r\n};\r\n\r\nexport const closeMenuModal = () => {\r\n document.body.classList.remove('menu-expanded');\r\n};\r\n","import dayjs from 'dayjs';\r\nimport $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport ReactGA from 'react-ga';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport axios from '../../axios-mlp';\r\nimport * as actions from '../../store/actions/index';\r\nimport { closeMenuModal } from '../../utils/menuModalHandler.js';\r\n\r\nclass MenuItem extends Component {\r\n beforeRoutingAction = () => {\r\n this.props.onCloseModal();\r\n const itemText = this.props.translations.Phrases[this.props.item.Text] || this.props.item.Text;\r\n ReactGA.event({\r\n category: 'Outbound Link',\r\n action: 'click',\r\n label: itemText\r\n });\r\n };\r\n\r\n getUserReport = () => {\r\n $('#overlay').show();\r\n axios\r\n .get('/UserReport/Index', {\r\n responseType: 'arraybuffer',\r\n headers: {\r\n 'Content-Type': 'multipart/form-data'\r\n }\r\n })\r\n .then((response) => {\r\n const fileName = 'UserReport_' + dayjs().format('YYYYMMDDHHmmss') + '.zip';\r\n const a = document.createElement('a');\r\n document.body.appendChild(a);\r\n a.style.cssText = 'display: none';\r\n a.download = fileName;\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n //IE support\r\n const fileData = [response.data];\r\n const blobObject = new Blob(fileData);\r\n $(a).on(() => {\r\n window.navigator.msSaveOrOpenBlob(blobObject, fileName);\r\n });\r\n a.click();\r\n } else {\r\n const blob = new Blob([response.data], { type: 'application/zip' }),\r\n url = window.URL.createObjectURL(blob);\r\n a.href = url;\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n if (a.remove) {\r\n a.remove();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response && error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n this.props.onCloseModal();\r\n };\r\n\r\n resetState = () => {\r\n this.props.onResetStateUserSearch();\r\n this.props.onCloseModal();\r\n const itemText = this.props.translations.Phrases[this.props.item.Text] || this.props.item.Text;\r\n ReactGA.event({\r\n category: 'Outbound Link',\r\n action: 'click',\r\n label: itemText\r\n });\r\n };\r\n render() {\r\n const target = this.props.item.OpenInNewWindow ? '_blank' : '_self';\r\n\r\n const itemText = this.props.translations.Phrases[this.props.item.Text] || this.props.item.Text;\r\n\r\n const noticeBell = this.props.item.Text === 'Notice_Label' && this.props.notices === true ? : null;\r\n\r\n let menuItem = null;\r\n if (this.props.item.Text === 'EditClientAdmin_Label') {\r\n menuItem = (\r\n \r\n
\r\n \r\n
\r\n \r\n Your request was successfully processed, please continue with My Livingston from the menu.\r\n
\r\n- \r\n {props.section.MenuItems.map((item) => {\r\n return ;\r\n })}\r\n
{this.props.translations.Phrases[this.props.section.Title]}
\r\n );\r\n\r\n if (this.props.section.Title === 'MyAccountTitle_Label' && this.props.notices === true && this.state.showDetails === false) {\r\n menuSectionTitle = (\r\n \r\n {this.props.translations.Phrases[this.props.section.Title]} \r\n this.props.onCloseModal()}>\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n let menuSection = this.state.showDetails ? (\r\n - \r\n {menuSectionTitle}\r\n
- \r\n \r\n \r\n {menuSection}\r\n
{this.getMenuSections()}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n menuModel: state.menu.model,\r\n notices: state.user.model.unreadNotices,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitMenu: () => dispatch(actions.initMenu())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Menu));\r\n","import { Component } from 'react';\r\nimport styles from './Footer.module.css';\r\n\r\nclass Footer extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Footer;\r\n","import 'jquery-mask-plugin';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass Navigation extends Component {\r\n initESW = (gslbBaseURL) => {\r\n let embedded_svc = window.embedded_svc;\r\n embedded_svc.settings.displayHelpButton = true; //Or false\r\n embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US'\r\n embedded_svc.settings.enabledFeatures = ['LiveAgent'];\r\n embedded_svc.settings.entryFeature = 'LiveAgent';\r\n\r\n embedded_svc.init(\r\n this.props.menuModel.LiveChatSaleforceUrl,\r\n this.props.menuModel.LiveChatSecureForceUrl,\r\n gslbBaseURL,\r\n '00D60000000J7iW',\r\n 'Live_Agent_MLP',\r\n {\r\n baseLiveAgentContentURL: this.props.menuModel.LiveChatAgentContentUrl,\r\n deploymentId: '5720d0000008OuC',\r\n buttonId: '5733g0000004C9v',\r\n baseLiveAgentURL: this.props.menuModel.LiveChatAgentUrl,\r\n eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I0d0000004C9DEAU_1697187103e',\r\n isOfflineSupportEnabled: true\r\n }\r\n );\r\n };\r\n Livingston_Live_Agent_Chat = () => {\r\n if (!window.embedded_svc) {\r\n let s = document.createElement('script');\r\n s.setAttribute('src', 'https://livingstonintl.my.salesforce.com/embeddedservice/5.0/esw.min.js');\r\n s.onload = () => {\r\n this.initESW(null);\r\n };\r\n document.body.appendChild(s);\r\n } else {\r\n this.initESW(this.props.menuModel.LiveChatServiceForceUrl);\r\n }\r\n };\r\n render() {\r\n let navigationItems = this.props.data.map((item, index) => {\r\n const itemId = item.id;\r\n const cssClass = this.props.cssClassListItem + ' lii_' + itemId;\r\n let navItem = '';\r\n if (item.newTab) {\r\n navItem = (\r\n \r\n {this.props.translations.Phrases[item.text]}\r\n \r\n );\r\n } else {\r\n if (item.id === 'menu-item-23650') {\r\n navItem = (\r\n \r\n );\r\n } else {\r\n navItem = {item.text};\r\n }\r\n }\r\n return (\r\n \r\n
\r\n © {new Date().getFullYear()} Livingston International
\r\n- \r\n {navigationItems}\r\n {this.props.children}\r\n
- \r\n {navigationItems}\r\n {this.props.children}\r\n
\r\n this.props.onCloseModal()} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userModel: state.user.model,\r\n isModalOpen: state.menu.isModalOpen\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onOpenModal: () => {\r\n openMenuModal();\r\n dispatch(actions.openModal());\r\n },\r\n onCloseModal: () => {\r\n closeMenuModal();\r\n dispatch(actions.closeModal());\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TopBottomContainer);\r\n","import React, { Component } from 'react';\r\nimport Navigation from './Navigation';\r\n\r\nclass TopLeftContainer extends Component {\r\n render() {\r\n const phone = this.props.data[0].text;\r\n const navigationData = this.props.data.slice(1, this.props.data.length);\r\n\r\n return (\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n {menuButton}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default TopLeftContainer;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as actions from '../../store/actions/index';\r\nimport Navigation from './Navigation';\r\nimport TopBottomContainer from './TopBottomContainer';\r\nimport TopLeftContainer from './TopLeftContainer';\r\n\r\nclass Header extends Component {\r\n componentDidMount() {\r\n this.props.onInitTranslations('MLP.Header');\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (this.props.signupLangCode && prevProps.signupLangCode && this.props.signupLangCode !== prevProps.signupLangCode) {\r\n this.props.onInitTranslations('MLP.Header', this.props.signupLangCode);\r\n }\r\n }\r\n render() {\r\n const bellElement =\r\n this.props.userModel.unreadNotices === true ? (\r\n \r\n \r\n \r\n ) : null;\r\n\r\n const destElement =\r\n this.props.userModel.username !== undefined && this.props.userModel.username !== null ? (\r\n \r\n {this.props.userModel.username} \r\n \r\n ) : (\r\n 'Login'\r\n );\r\n\r\n return (\r\n {phone}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.header.model,\r\n userModel: state.user.model,\r\n signupLangCode: state.clientAdmin.signup.Model.LanguageCode\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup, langCode) => dispatch(actions.initTranslations(phraseGroup, langCode))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Header);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Menu from '../../features/Menu/Menu';\r\nimport * as actions from '../../store/actions/index';\r\nimport Footer from '../footer/Footer';\r\nimport Header from '../header/Header';\r\n\r\nconst RouteBasedLayout = withRouter((props) => \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {bellElement}\r\n \r\n \r\n {destElement}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n hasCentralPermission: state.user.model.hasCentralPermission,\r\n hasDCPPermission: state.user.model.hasDCPPermission\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitUserModel: () => dispatch(actions.initUserModel())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RouteBasedLayout);\r\n","import $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport { setValueByPath } from '../../utils/mlp-utils';\r\n\r\nclass SubmitButton extends Component {\r\n static defaultProps = {\r\n label: 'Submit'\r\n };\r\n\r\n static propTypes = {\r\n label: PropTypes.string,\r\n customAction: PropTypes.func,\r\n tokenAction: PropTypes.func,\r\n postAction: PropTypes.func,\r\n postActionUrl: PropTypes.string,\r\n model: PropTypes.object,\r\n onSuccessfulSubmit: PropTypes.shape({ backToPath: PropTypes.string, backToLabel: PropTypes.string, phraseGroup: PropTypes.string })\r\n };\r\n\r\n handleClick = (e) => {\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n\r\n $('#overlay').show();\r\n axios\r\n .post(this.props.postActionUrl, this.props.model)\r\n .then((response) => {\r\n if (response.data === 'SuccessfulSubmit') {\r\n // route to succes submit commponent\r\n this.props.history.push({\r\n pathname: '/SuccessfullSubmit',\r\n state: {\r\n backToPath: this.props.onSuccessfulSubmit.backToPath,\r\n backToLabel: this.props.onSuccessfulSubmit.backToLabel,\r\n phraseGroup: this.props.onSuccessfulSubmit.phraseGroup\r\n }\r\n });\r\n } else {\r\n //get validation messages\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.postAction(validationMessages);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n render() {\r\n const isDisabled = this.props.disabled; \r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(SubmitButton);\r\n","import $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass Inputbase extends Component {\r\n static propTypes = {\r\n disabled: PropTypes.bool,\r\n readonly: PropTypes.bool,\r\n tooltip: PropTypes.string,\r\n tooltipPosition: PropTypes.string,\r\n label: PropTypes.string,\r\n valMsg: PropTypes.string,\r\n embed: PropTypes.bool\r\n };\r\n\r\n constructContainerClass = () => {\r\n let containerClass = ['input-container'];\r\n if (this.props.disabled) {\r\n containerClass.push('disabled');\r\n }\r\n if (this.props.readonly) {\r\n containerClass.push('readonly');\r\n }\r\n if (this.props.noBorder) {\r\n containerClass.push('no-border');\r\n }\r\n return containerClass.join(' ');\r\n };\r\n\r\n setTooltip = () => {\r\n if (this.props.tooltip) {\r\n $(React.findDOMNode(this)).tooltip({\r\n title: this.props.tooltip,\r\n placement: this.props.tooltipPosition ? this.props.tooltipPosition : 'auto'\r\n });\r\n }\r\n };\r\n\r\n constructValidationClass = () => {\r\n return !this.props.disabled && !this.props.readonly && this.props.valMsg ? 'field-validation-error' : 'field-validation-valid';\r\n };\r\n\r\n componentDidMount() {\r\n this.setTooltip();\r\n }\r\n\r\n keyPress = (e) => {\r\n if (this.props.allowEnter !== 'true') {\r\n if (e.key === 'Enter') e.preventDefault();\r\n }\r\n };\r\n\r\n render() {\r\n if (this.props.embed) {\r\n return this.props.children;\r\n }\r\n\r\n let header = (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.children} \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n if (this.props.noHeader) {\r\n header = null;\r\n }\r\n\r\n return (\r\n \r\n {this.props.label}\r\n
\r\n \r\n {this.props.valMsg}\r\n
\r\n \r\n {header}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Inputbase;\r\n","import $ from 'jquery';\r\nimport 'jquery-mask-plugin';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport InputBase from '../Inputbase/Inputbase';\r\n\r\nclass Textarea extends Component {\r\n textAreaRef = React.createRef();\r\n\r\n static defaultProps = {\r\n value: '',\r\n name: 'defaulttxt',\r\n type: 'text'\r\n };\r\n\r\n static propTypes = {\r\n customAction: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n value: PropTypes.string,\r\n name: PropTypes.string,\r\n type: PropTypes.string,\r\n inputMask: PropTypes.string,\r\n rows: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n readonly: PropTypes.bool,\r\n sanitize: PropTypes.bool,\r\n allowEnter: PropTypes.string\r\n };\r\n\r\n onBlur = (event) => {\r\n let output = event.target.value;\r\n if (this.props.sanitize) {\r\n output = output\r\n .replace(/ this.keyPress(event)}>\r\n {this.props.children}\r\n
\r\n \r\n \r\n
\r\n this.stopProp(event)}>\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Modal);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass FeatureSelector extends Component {\r\n selectFeature = (featureId) => {\r\n if (this.props.feature.IsSelected) {\r\n this.props.removeFeature(this.props.countryIndex, this.props.parentIndex, featureId, this.props.area);\r\n } else {\r\n this.props.addFeature(this.props.countryIndex, this.props.parentIndex, featureId, this.props.area);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.title}
\r\n \r\n{this.props.children}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n removeFeature: (countryIndex, parentIndex, featureId, area) =>\r\n dispatch(actionCreators.removeFeature(countryIndex, parentIndex, featureId, area)),\r\n addFeature: (countryIndex, parentIndex, featureId, area) =>\r\n dispatch(actionCreators.addFeature(countryIndex, parentIndex, featureId, area))\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(FeatureSelector);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport { global as Constants } from '../../constants/mlp-constants';\r\nimport FeatureSelector from './FeatureSelector';\r\n\r\nclass FeatureSelectorModal extends Component {\r\n static propTypes = {\r\n onTeamMembersModalClose: PropTypes.func\r\n };\r\n\r\n state = {\r\n isFeaturesModalOpen: false\r\n };\r\n\r\n closeFeaturesModal = () => {\r\n this.setState({ isFeaturesModalOpen: false });\r\n };\r\n\r\n openFeaturesModal = () => {\r\n this.setState({ isFeaturesModalOpen: true });\r\n };\r\n\r\n render() {\r\n const withoutMlpSelector = this.props.availableFeatures.filter((el) => {\r\n return el.FeatureCode !== Constants.MLP_FEATURE_CODE;\r\n });\r\n\r\n const featureSelectors = withoutMlpSelector.map((feature, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n removeParentService: (countryIndex, parentIndex, area) =>\r\n dispatch(actionCreators.removeParentService(countryIndex, parentIndex, area)),\r\n oboSetValidationMessages: (validationMessages) => dispatch(actionCreators.oboSetValidationMessages(validationMessages))\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientServicesGrid);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport ClientServicesGrid from './ClientServicesGrid';\r\n\r\nclass ClientServicesByCountry extends Component {\r\n toggleCountryServicesEvent = () => {\r\n this.props.onToggleCountryServices(this.props.countryIndex, this.props.area);\r\n };\r\n\r\n render() {\r\n const parents = this.props.country.ParentServices.map((parent, index) => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n {this.props.parentService.Number} - {this.props.parentService.Name}\r\n
\r\n {parentControls}\r\n{parents}
;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onToggleCountryServices: (countryIndex, area) => dispatch(actionCreators.toggleCountryServices(countryIndex, area))\r\n };\r\n};\r\nexport default connect(null, mapDispatchToProps)(ClientServicesByCountry);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass TeamManagementModal extends Component {\r\n static defaultProps = {\r\n isOpen: false\r\n };\r\n\r\n static propTypes = {\r\n isOpen: PropTypes.bool,\r\n onRequestClose: PropTypes.func,\r\n onUserClick: PropTypes.func,\r\n title: PropTypes.string,\r\n yesOption: PropTypes.string,\r\n noOption: PropTypes.string\r\n };\r\n\r\n deleteButton = () => {\r\n if (this.props.onUserClick) {\r\n this.props.onUserClick();\r\n }\r\n this.props.onRequestClose();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {content}\r\n \r\n {this.props.country.CountryCode.toUpperCase()} Clients\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TeamManagementModal;\r\n","import dayjs from 'dayjs';\r\nimport PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\n\r\nclass Calendar extends Component {\r\n static defaultProps = {\r\n today: new Date().setHours(0, 0, 0, 0),\r\n startDate: null,\r\n endDate: null,\r\n name: '',\r\n locale: window.navigator.language || window.navigator.systemLanguage\r\n };\r\n\r\n static propTypes = {\r\n name: PropTypes.string,\r\n onDateChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { currentMonth: this.getCurrentMonth(this.props.date ? new Date(this.props.date) : new Date()) };\r\n }\r\n\r\n getDaysInMonth = (d) => {\r\n const month = d.getMonth();\r\n let date = new Date(d.getFullYear(), month, 1);\r\n let daysInWeeks = [];\r\n let weekIndex = 0;\r\n\r\n let firstDay = new Date(date.getFullYear(), date.getMonth(), 1);\r\n firstDay.setDate(firstDay.getDate() - firstDay.getDay());\r\n\r\n let lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);\r\n lastDay.setDate(lastDay.getDate() - lastDay.getDay() + 6);\r\n\r\n let dayIndex;\r\n\r\n while (firstDay <= lastDay) {\r\n dayIndex = firstDay.getDay();\r\n\r\n if (!daysInWeeks[weekIndex]) daysInWeeks[weekIndex] = [];\r\n\r\n daysInWeeks[weekIndex][dayIndex] = new Date(firstDay.getTime());\r\n\r\n firstDay.setDate(firstDay.getDate() + 1);\r\n\r\n weekIndex = dayIndex === 6 ? weekIndex + 1 : weekIndex;\r\n }\r\n\r\n return daysInWeeks;\r\n };\r\n\r\n getCurrentMonth = (date) => {\r\n dayjs.locale(this.props.locale);\r\n let momentDate = dayjs(date);\r\n const month = momentDate.format('MMMM');\r\n const year = momentDate.format('YYYY');\r\n\r\n return { monthName: month, yearName: year, year: date.getFullYear(), month: date.getMonth(), weeks: this.getDaysInMonth(date) };\r\n };\r\n\r\n moveMonth = (amount) => {\r\n const currentMonth = this.state.currentMonth;\r\n let date = new Date(currentMonth.year, currentMonth.month, 1);\r\n date.setMonth(date.getMonth() + amount);\r\n\r\n this.setState({ currentMonth: this.getCurrentMonth(date) });\r\n };\r\n\r\n selectMonth = (e) => {\r\n const currentMonth = this.state.currentMonth.month;\r\n const selectedMonth = e.target.value;\r\n this.moveMonth(selectedMonth - currentMonth);\r\n };\r\n\r\n selectYear = (e) => {\r\n const currentMonth = this.state.currentMonth.month;\r\n const year = e.target.value;\r\n const date = new Date(year, currentMonth, 1);\r\n this.setState({ currentMonth: this.getCurrentMonth(date) });\r\n };\r\n\r\n weekDays = () => {\r\n let date = new Date();\r\n date.setDate(date.getDate() - date.getDay());\r\n dayjs.locale(this.props.locale);\r\n let momentDate = dayjs(date);\r\n\r\n return [0, 1, 2, 3, 4, 5, 6].map((i) => {\r\n const result = (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.title}
\r\n\r\n
\r\n {this.props.children}
\r\n \r\n \r\n \r\n {this.props.noOption}\r\n \r\n
\r\n | \r\n this.moveMonth(-1)}>\r\n | \r\n\r\n \r\n \r\n | \r\n\r\n this.moveMonth(1)}>\r\n | \r\n||||
|---|---|---|---|---|---|---|
| \r\n this.clearDate()}>\r\n Clear\r\n \r\n {today}\r\n | \r\n||||||
\r\n {linkText}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n this.closeModal('select')}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n handleBlur = (e) => {\r\n if(this.props.preventDefault) {\r\n e.preventDefault();\r\n }\r\n if (this.props.updateProperty) {\r\n if (!this.props.disableBlurEvent) {\r\n if (!this.props.onlyCustomAction && !this.props.fireOnImageBlur) {\r\n this.props.onValueChanged(this.props.value, this.props.name);\r\n }\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n }\r\n }\r\n if (this.props.validate) {\r\n this.props.validate();\r\n }\r\n };\r\n\r\n render() {\r\n const items = this.state.items.slice(0, this.state.visibleItemsNumber).map((user, index) => {\r\n const key = this.props.name + user[this.props.titleField] + index;\r\n return (\r\n \r\n {item[this.props.titleField]}\r\n
\r\n {item[this.props.descriptionField]}
\r\n \r\n {this.formatResults(user)}\r\n
\r\n );\r\n });\r\n\r\n const icon = this.props.icon ? : null;\r\n\r\n let itemsResult = (\r\n \r\n
\r\n );\r\n\r\n const closeButton = this.props.noCloseButton ? (\r\n ''\r\n ) : (\r\n {this.props.translations.Phrases['SearchBoxNoResults_Label']}
\r\n \r\n \r\n Close\r\n \r\n
\r\n );\r\n\r\n if (items.length > 0) {\r\n itemsResult = this.props.noCloseButton ? (\r\n ''\r\n ) : (\r\n \r\n {items}\r\n this.state.visibleItemsNumber && this.props.showList === true\r\n ? 'd-block btn btn-link'\r\n : 'd-none'\r\n }\r\n onClick={this.loadMore}\r\n >\r\n Load more\r\n
\r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n \r\n {icon}\r\n 0 || this.state.showNoResults) && this.props.showList === true\r\n ? 'd-block dropdown-content'\r\n : 'd-none'\r\n }\r\n >\r\n {closeButton}\r\n {itemsResult}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Searchbox);\r\n","import 'jquery-mask-plugin';\r\nimport { Component } from 'react';\r\n\r\nclass TagControl extends Component {\r\n static defaultProps = {\r\n tags: []\r\n };\r\n\r\n onClick = (tag) => {\r\n this.props.onRemove(tag);\r\n };\r\n\r\n render() {\r\n const tags = this.props.tags.map((tag, i) => {\r\n const text = this.props.textField !== undefined ? tag[this.props.textField] : tag;\r\n const removeButton = this.props.onRemove ? (\r\n this.onClick(tag)}>\r\n ) : null;\r\n return (\r\n \r\n {text}\r\n {removeButton}\r\n \r\n );\r\n });\r\n\r\n return (\r\n {this.props.children}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TagControl;\r\n","import $ from 'jquery';\r\nimport 'jquery-mask-plugin';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport InputBase from '../Inputbase/Inputbase';\r\n\r\nclass Textbox extends Component {\r\n textBoxRef = React.createRef();\r\n\r\n static defaultProps = {\r\n value: '',\r\n name: '',\r\n type: 'text',\r\n placeholder: '',\r\n onlyCustomAction: false,\r\n fireOnChange: false,\r\n fireOnImageBlur: false,\r\n disableBlurEvent: false,\r\n customPaste: false\r\n };\r\n\r\n static propTypes = {\r\n customAction: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n value: PropTypes.string,\r\n name: PropTypes.string,\r\n type: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n icon: PropTypes.string,\r\n inputMask: PropTypes.string,\r\n fireOnImageBlur: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n customPaste: PropTypes.bool,\r\n fireOnChange: PropTypes.bool,\r\n disableBlurEvent: PropTypes.bool,\r\n readonly: PropTypes.bool,\r\n onlyCustomAction: PropTypes.bool\r\n };\r\n\r\n handleBlur = (event) => {\r\n if (!this.props.disableBlurEvent) {\r\n if (!this.props.onlyCustomAction && !this.props.fireOnImageBlur) {\r\n this.props.onValueChanged(event.target.value, this.props.name);\r\n\r\n if (this.props.validate) {\r\n this.props.validate();\r\n }\r\n\r\n if (this.props.customAction) {\r\n this.props.customAction(event.target.value, this.props.name);\r\n }\r\n }\r\n }\r\n };\r\n\r\n handleChange = (event) => {\r\n if (!this.props.onlyCustomAction) {\r\n this.props.onValueChanged(event.target.value, this.props.name);\r\n }\r\n\r\n if (this.props.fireOnChange && this.props.customAction) {\r\n this.props.customAction(event.target.value, this.props.name);\r\n }\r\n };\r\n\r\n handlePaste = (e) => {\r\n if (this.props.customPaste) {\r\n const pastedContent = e.clipboardData.getData('Text');\r\n const newPastedContent = pastedContent.replace(/\\r/g, '').replace(/\\t|\\n/g, ';');\r\n\r\n // if exists ; on the end remove\r\n const finalContent =\r\n newPastedContent.charAt(newPastedContent.length - 1) === ';' ? newPastedContent.slice(0, -1) : newPastedContent;\r\n\r\n if (!this.props.onlyCustomAction) {\r\n this.props.onValueChanged(finalContent, this.props.name);\r\n }\r\n\r\n if (this.props.fireOnChange && this.props.customAction) {\r\n this.props.customAction(finalContent, this.props.name);\r\n }\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n this.setInputMask();\r\n };\r\n\r\n setInputMask = () => {\r\n const $inputElement = $(ReactDOM.findDOMNode(this.textBoxRef.current));\r\n\r\n try {\r\n $inputElement.unmask(); //needed to consistently apply mask when changes occur\r\n } catch (err) {}\r\n if (this.props.inputMask) {\r\n $inputElement.mask(this.props.inputMask);\r\n }\r\n };\r\n\r\n render() {\r\n const icon = this.props.icon !== undefined ? : null;\r\n return (\r\n {tags}
\r\n \r\n {this.props.translations.Phrases['CancelConfirmation_Label']} {teamMember.FirstName}{' '}\r\n {teamMember.LastName}?\r\n
\r\n \r\n\r\n {this.props.translations.Phrases['ReactivateConfirmation_Label']} {teamMember.FirstName}{' '}\r\n {teamMember.LastName}?\r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n };\r\n\r\n statusLink = (teamMember, canEdit) => {\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n cancelUser = (userId) => {\r\n this.props.cancelUser(userId);\r\n };\r\n\r\n reactivateUser = (userId) => {\r\n this.props.reactivateUser(userId);\r\n };\r\n\r\n formatServiceResults = (i) => {\r\n const address = i.Address || '';\r\n const addressArray = address.split(',');\r\n let companyAddress = ;\r\n if (addressArray.length > 1) {\r\n companyAddress = (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n addClientService = (item) => {\r\n item.IsSelected = true;\r\n this.props.onAddClientService(item, this.props.model.User.Roles[0].Value);\r\n this.props.setSelectedClientStatus({ number: item.Number, status: item.StatusCodeName });\r\n };\r\n\r\n onChangeUserExpirationDate = (date) => {\r\n this.props.handleUpdate(date, 'ExpirationDate');\r\n };\r\n\r\n onChangeUserRole = () => {\r\n this.props.updateRoleDropdown(!this.props.isRoleDropdownChanged);\r\n };\r\n\r\n searchBoxValueChanged = (val) => {\r\n this.setState({\r\n searchBoxValue: val\r\n });\r\n };\r\n\r\n render() {\r\n const vm = this.props.viewModel;\r\n const val = this.props.validationMessages ? this.props.validationMessages : [];\r\n let parentNames = [];\r\n const userIsLockedMessage = \r\n {i.Number}\r\n
\r\n \r\n
\r\n Coordinator:
\r\n {i.ServiceCoordinator}
\r\n \r\n \r\n
\r\n Company:
\r\n {i.Name}
\r\n \r\n
\r\n Account:
\r\n {i.AccountName}
\r\n \r\n
\r\n Status:
\r\n {i.StatusCodeName && i.StatusCodeName.length ? i.StatusCodeName : 'Active'}
\r\n \r\n
\r\n {companyAddress}\r\n Corp. Code:
\r\n {i.CorporateCodeName}
\r\n {this.props.translations.Phrases['UserIsLocked_Label']}
;\r\n const canEdit = this.canEdit(this.props.viewModel.User.Status, this.props.viewModel.IsReadOnly);\r\n const canTransfer = this.canTransfer(this.props.viewModel.User.Status);\r\n if (this.props.viewModel.ClientServicesByCountry) {\r\n this.props.viewModel.ClientServicesByCountry.forEach((cs) => {\r\n cs.ParentServices.forEach((p) => {\r\n if (parentNames.indexOf(p.Number) < 0) {\r\n parentNames.push(p.Number);\r\n }\r\n });\r\n });\r\n }\r\n\r\n let changeUserRoleButton = null;\r\n changeUserRoleButton = (\r\n \r\n
\r\n );\r\n\r\n let clientSearchBox = null;\r\n let transferButton = null;\r\n if (!this.props.viewModel.User.InternalUser) {\r\n transferButton = (\r\n This action cannot be undone
\r\n\r\n \r\n {this.props.translations.Phrases['TransferRights_Label']}\r\n \r\n
\r\n );\r\n const selectedRole = () => {\r\n if (this.props.modelCopy && this.props.modelCopy.User && this.props.modelCopy.Roles) {\r\n const role = this.props.modelCopy.User.Roles.find((f) => {\r\n return f.IsSelected === true;\r\n });\r\n\r\n return role;\r\n } else if (this.props.viewModel && this.props.viewModel.User && this.props.viewModel.Roles) {\r\n const role = this.props.viewModel.User.Roles.find((f) => {\r\n return f.IsSelected === true;\r\n });\r\n\r\n return role;\r\n }\r\n };\r\n const selectedRoleValue = selectedRole ? selectedRole.Value : selectedRole;\r\n const readOnly = !canEdit || this.props.viewModel.User.IsLocked;\r\n let disabled = this.props.viewModel.UserHasPendingChanges || this.props.isRoleDropdownChanged ? true : false;\r\n clientSearchBox = (\r\n \r\n \r\n {\r\n return a - b;\r\n })}\r\n />\r\n \r\n
\r\n );\r\n }\r\n const readOnlyEmail = !canEdit || this.props.isEditMode || this.props.viewModel.User.IsLocked;\r\n const readOnly = !canEdit || this.props.viewModel.User.IsLocked;\r\n let disabled = this.props.viewModel.UserHasPendingChanges || this.props.isRoleDropdownChanged ? true : false;\r\n let userDetails = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.statusDisplay()}\r\n \r\n
\r\n {!this.props.isRoleDropdownChanged && (\r\n \r\n
\r\n \r\n
\r\n \r\n role.Value === 'PaymentAdmin' && role.IsSelected) &&\r\n readOnly\r\n }\r\n onItemChanged={() => this.onChangeUserRole()}\r\n />\r\n {this.props.isRoleDropdownChanged && changeUserRoleButton}\r\n
\r\n {!this.props.isRoleDropdownChanged &&\r\n this.statusLink(\r\n this.props.viewModel.User,\r\n !this.props.viewModel.UserHasPendingChanges && this.props.isEditMode && !this.props.viewModel.IsReadOnly\r\n )}\r\n \r\n {clientSearchBox}\r\n
\r\n )}\r\n \r\n
\r\n\r\n {transferButton}\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.accessManagement.model,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddClientService: (item, model) => dispatch(actions.addClientServiceClientAdmin(item, model))\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EditClientAdminHeader));\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport SubmitButton from '../../common/SubmitButton/SubmitButton';\r\nimport TextArea from '../../common/Textarea/Textarea';\r\nimport {\r\n ClientServicesByCountry as clientServices,\r\n accessManagement as constants,\r\n userStatus as statusConstants\r\n} from '../../constants/mlp-constants';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport { formatTranslated, setValueByPath } from '../../utils/mlp-utils';\r\nimport ClientServicesByCountry from '../ClientAdmin/ClientServicesByCountry';\r\nimport TeamMembersModal from '../TeamManagement/TeamManagementModal';\r\nimport EditClientAdminHeader from './EditClientAdminHeader';\r\n\r\nclass EditClientAdminForm extends Component {\r\n state = {\r\n modelCopy: {},\r\n isRoleDropdownChanged: false,\r\n selectedClientsStatuses: []\r\n };\r\n\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('AccessManagement.AccessManagement.Index');\r\n if (this.props.location.state) {\r\n this.props.onGetUserDetail(this.props.location.state.userId);\r\n } else if (this.props.location.search) {\r\n this.props.onGetUserDetail(this.props.location.search.split('=')[1]);\r\n }\r\n };\r\n\r\n componentDidUpdate = (prevProps) => {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n\r\n if (\r\n this.props.viewModel &&\r\n this.props.viewModel.User &&\r\n this.props.viewModel !== prevProps.viewModel &&\r\n JSON.stringify(this.state.modelCopy) === '{}'\r\n ) {\r\n this.setState({ modelCopy: this.props.viewModel });\r\n\r\n if (this.props.viewModel.ClientServicesByCountry.length) {\r\n const usNumbers = this.props.viewModel.ClientServicesByCountry[0].ParentServices.flatMap((item) =>\r\n item.ClientServices.map((x) => x.Number)\r\n );\r\n\r\n const caNumbers = this.props.viewModel.ClientServicesByCountry[1].ParentServices.flatMap((item) =>\r\n item.ClientServices.map((x) => x.Number)\r\n );\r\n\r\n const combinedNumbers = usNumbers.concat(caNumbers);\r\n\r\n this.props.onGetClientStatus(combinedNumbers);\r\n }\r\n }\r\n };\r\n\r\n updateRoleDropdown = (value) => {\r\n this.setState({ isRoleDropdownChanged: value });\r\n\r\n let tempModel = JSON.parse(JSON.stringify(this.state.modelCopy));\r\n\r\n if (tempModel && tempModel.User && tempModel.User.Roles) {\r\n tempModel.User = {\r\n ...this.props.viewModel.User\r\n };\r\n\r\n const oldExpirationDate = this.state.modelCopy.User.ExpirationDate;\r\n tempModel.User.ExpirationDate = oldExpirationDate;\r\n\r\n // Deep clone Roles to avoid read-only property issues\r\n const roles = tempModel.User.Roles.map((role) => ({ ...role }));\r\n\r\n const selectedRole = roles.find((x) => x.IsSelected === true);\r\n if (selectedRole) {\r\n selectedRole.IsSelected = false;\r\n }\r\n\r\n const roleName = value ? 'ClientAdmin' : 'PaymentAdmin';\r\n const newSelectedRole = roles.find((x) => x.Value === roleName);\r\n if (newSelectedRole) {\r\n newSelectedRole.IsSelected = true;\r\n }\r\n\r\n tempModel.User.Roles = roles;\r\n\r\n this.setState({ modelCopy: tempModel });\r\n }\r\n };\r\n\r\n setSelectedClientStatus = (value) => {\r\n if (!this.state.selectedClientsStatuses.includes(value)) {\r\n this.setState((prevState) => ({\r\n selectedClientsStatuses: [...prevState.selectedClientsStatuses, value]\r\n }));\r\n }\r\n };\r\n\r\n allClientServicesHaveAdmins = () => {\r\n return this.props.viewModel.ClientServicesByCountry.every((csc) => {\r\n return csc.ParentServices.every((ps) => {\r\n return ps.ClientServices.every((cs) => {\r\n return cs.ClientAdminId;\r\n });\r\n });\r\n });\r\n };\r\n\r\n isGridReadonly = (user) => {\r\n return user.Status !== statusConstants.ACTIVE || user.IsLocked;\r\n };\r\n\r\n clientServicesExist = () => {\r\n return this.props.viewModel.ClientServicesByCountry.some((x) => {\r\n return x.ParentServices.length > 0;\r\n });\r\n };\r\n\r\n componentWillUnmount = () => {\r\n this.props.onResetStateAccessManagement();\r\n };\r\n\r\n validateForm = () => {\r\n axios\r\n .post(constants.CLIENT_ADMIN_VALIDATE_URL, this.props.viewModel)\r\n .then((response) => {\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.onSetValidationMessages(validationMessages);\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n let submitSection = null;\r\n const isGridReadonly =\r\n this.isGridReadonly(this.props.viewModel.User) || this.props.viewModel.UserHasPendingChanges || this.props.viewModel.IsReadOnly;\r\n const allClientServicesHaveAdmins = this.allClientServicesHaveAdmins();\r\n const clientServicesExist = this.clientServicesExist();\r\n const clientStatusesLoaded = !!this.props.viewModel.User.ClientStatuses;\r\n let parentsByCountry = null;\r\n\r\n if (clientServicesExist && clientStatusesLoaded) {\r\n parentsByCountry = this.props.viewModel.ClientServicesByCountry.map((cs, index) => {\r\n return (\r\n {vm.User.IsLocked ? userIsLockedMessage : ''}
\r\n {userDetails}
\r\n \r\n
\r\n
\r\n );\r\n });\r\n } else {\r\n parentsByCountry = (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n\r\n if (!clientServicesExist && !this.props.viewModel.User.InternalUser) {\r\n submitSection = (\r\n \r\n
\r\n
{this.props.translations.Phrases['NoClientServicesFound_Label']}
\r\n\r\n
\r\n
\r\n \r\n {this.props.translations.Phrases['Cancel_Button']}\r\n \r\n
\r\n );\r\n } else if (allClientServicesHaveAdmins && !this.props.viewModel.User.InternalUser) {\r\n submitSection = (\r\n \r\n {this.props.translations.Phrases['AllClientsHaveAdmins_Label']}\r\n \r\n {this.props.translations.Phrases['Cancel_Button']}\r\n \r\n
\r\n );\r\n } else {\r\n submitSection = (\r\n \r\n \r\n {/* {this.props.translations.Phrases[this.props.validationMessages.AllClientServices]} */}\r\n {this.props.viewModel.User.Roles.find((role) => role.IsSelected).Value === 'CentralAdmin' &&\r\n this.props.validationMessages.ShipmentStatusMsg\r\n ? this.props.translations.Phrases[this.props.validationMessages.ShipmentStatusMsg]\r\n : this.props.translations.Phrases[this.props.validationMessages.AllClientServices]}\r\n \r\n \r\n {this.props.translations.Phrases[this.props.validationMessages.WorkflowProcess]}\r\n \r\n \r\n {formatTranslated(this.props.validationMessages.ExistingClientServices, this.props.translations.Phrases)}\r\n \r\n \r\n {this.props.validationMessages.User\r\n ? this.props.translations.Phrases[this.props.validationMessages.User.SalesforceId]\r\n : ''}\r\n \r\n {isGridReadonly ? null : (\r\n
\r\n );\r\n }\r\n\r\n const userHasPendingChangesMessage = (\r\n {this.props.translations.Phrases['UserHasPendingChanges_Label']}
\r\n );\r\n\r\n const noteField =\r\n (allClientServicesHaveAdmins && !this.props.viewModel.User.InternalUser) || !clientServicesExist ? (\r\n ''\r\n ) : (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n viewModel: state.accessManagement.model,\r\n validationMessages: state.accessManagement.validationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onGetUserDetail: (userId) => dispatch(actionCreators.getUserDetail(userId)),\r\n onGetClientStatus: (numbers) => dispatch(actionCreators.getClientStatus(numbers)),\r\n onSetValidationMessages: (validationMessages) => dispatch(actionCreators.setValidationMessagesClientAdmin(validationMessages)),\r\n onHandleUpdate: (value, key) => dispatch(actionCreators.handleUpdate(value, key)),\r\n onCancelUser: (userId) => dispatch(actionCreators.cancelUserClientAdmin(userId)),\r\n onReactivateUser: (userId) => dispatch(actionCreators.reactivateUserClientAdmin(userId)),\r\n onResetStateAccessManagement: (userId) => dispatch(actionCreators.resetStateAccessManagement())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EditClientAdminForm));\r\n","import $ from 'jquery';\r\nimport queryString from 'query-string';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport CheckBox from '../../common/CheckBox/CheckBox';\r\nimport SubmitButton from '../../common/SubmitButton/SubmitButton';\r\nimport TextArea from '../../common/Textarea/Textarea';\r\nimport { internalUser as Constants } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport { formatTranslated, setValueByPath } from '../../utils/mlp-utils';\r\nimport EditClientAdminHeader from './EditClientAdminHeader';\r\n\r\nclass EditInternalUserForm extends Component {\r\n clientNumbersToAddRef = React.createRef();\r\n clientNumbersToRemoveRef = React.createRef();\r\n\r\n componentDidMount = () => {\r\n let userId = null;\r\n if (this.props.location.state) {\r\n userId = this.props.location.state.userId;\r\n } else {\r\n const params = queryString.parse(this.props.location.search);\r\n if (params.userId) {\r\n userId = parseInt(params.userId);\r\n }\r\n }\r\n\r\n if (userId !== null) {\r\n this.props.onInitInternalUserForm(userId);\r\n } else {\r\n this.props.history.push('/Error');\r\n }\r\n\r\n this.props.onInitTranslations('AccessManagement.AccessManagement.InternalUser');\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.translations.Phrases !== prevProps.translations.Phrases) {\r\n $(ReactDOM.findDOMNode(this.clientNumbersToAddRef.current)).tooltip({\r\n title: formatTranslated('AddClientNumbersHint_Label', this.props.translations.Phrases),\r\n placement: 'bottom'\r\n });\r\n\r\n $(ReactDOM.findDOMNode(this.clientNumbersToRemoveRef.current)).tooltip({\r\n title: formatTranslated('RemoveClientNumbersHint_Label', this.props.translations.Phrases),\r\n placement: 'bottom'\r\n });\r\n }\r\n }\r\n\r\n validateForm = () => {\r\n axios\r\n .post(Constants.INTERNAL_USER_VALIDATE, this.props.model)\r\n .then((response) => {\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.onSetValidationMessages(validationMessages);\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n });\r\n };\r\n\r\n componentWillUnmount = () => {\r\n this.props.onResetStateInternalUser();\r\n };\r\n\r\n render() {\r\n const clientAddText = this.props.model.ValidationMessages\r\n ? this.props.translations.Phrases[this.props.model.ValidationMessages.ClientNumbersToAddText]\r\n : '';\r\n const clientRemoveText = this.props.model.ValidationMessages\r\n ? this.props.translations.Phrases[this.props.model.ValidationMessages.ClientNumbersToRemoveText]\r\n : '';\r\n let submitSection = null;\r\n if (this.props.model.IsReadOnly) {\r\n submitSection = (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n {this.props.viewModel.UserHasPendingChanges ? userHasPendingChangesMessage : ''}\r\n\r\n
\r\n {noteField}\r\n
\r\n {parentsByCountry}
\r\n \r\n {noteField}\r\n
{submitSection}
\r\n \r\n {this.props.translations.Phrases['Cancel_Button']}\r\n
\r\n );\r\n } else {\r\n submitSection = (\r\n \r\n
\r\n );\r\n }\r\n let clientServiceArea = null;\r\n if (!this.props.model.HasUnrestrictedAccess) {\r\n clientServiceArea = (\r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n \r\n
\r\n {clientAddText}
\r\n \r\n
\r\n {clientRemoveText}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.internalUser.model,\r\n isInitModel: state.internalUser.isInitModel,\r\n translations: state.translations.model,\r\n validationMessages: state.internalUser.ValidationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitInternalUserForm: (userId) => dispatch(actions.initEditInternalUser(userId)),\r\n onSetInternalUser: (internalUser) => dispatch(actions.setInternalUser()),\r\n onSetValidationMessages: (validationMessages) => dispatch(actions.setValidationMessagesInternalUser(validationMessages)),\r\n onHandleUpdate: (value, key) => dispatch(actions.handleUpdateInternalUser(value, key)),\r\n onCancelUser: (userId) => dispatch(actions.cancelUserInternal(userId)),\r\n onReactivateUser: (userId) => dispatch(actions.reactivateUserInternal(userId)),\r\n onResetStateInternalUser: () => dispatch(actions.resetStateInternalUser())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EditInternalUserForm));\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CheckBox from '../../common/CheckBox/CheckBox';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nclass ClientServiceRow extends Component {\r\n render() {\r\n const features = this.props.availableFeatures.map((f, index) => {\r\n const feature = this.props.clientService.Features.find((x) => {\r\n return x.FeatureId === f.FeatureId;\r\n });\r\n const featureIndex = this.props.clientService.Features.indexOf(feature);\r\n\r\n if (!feature) {\r\n return \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {clientServiceArea}\r\n \r\n
\r\n {submitSection}
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ClientServiceGrid;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Dropdown from '../../common/Dropdown/Dropdown';\r\nimport TextBox from '../../common/Textbox/Textbox';\r\nimport * as actions from '../../store/actions/index';\r\nimport ClientServiceGrid from '../TeamManagement/ClientServiceGrid';\r\n\r\nclass NewClientAdminForm extends Component {\r\n state = {\r\n vm: {\r\n PendingClientAdmin: {},\r\n OriginalClientAdmin: {}\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onInitTranslations('AccessManagement.AccessManagement.SelectNewClientAdmin');\r\n\r\n this.setState({ vm: this.props.ViewModel });\r\n }\r\n\r\n onFirstNameChange = (firstname) => {\r\n this.setState((state) => {\r\n return {\r\n vm: {\r\n ...state.vm,\r\n PendingClientAdmin: {\r\n ...state.vm.PendingClientAdmin,\r\n FirstName: firstname\r\n }\r\n }\r\n };\r\n });\r\n };\r\n\r\n onLastNameChange = (lastname) => {\r\n this.setState((state) => {\r\n return {\r\n vm: {\r\n ...state.vm,\r\n PendingClientAdmin: {\r\n ...state.vm.PendingClientAdmin,\r\n LastName: lastname\r\n }\r\n }\r\n };\r\n });\r\n };\r\n\r\n onPhoneChange = (phone) => {\r\n this.setState((state) => {\r\n return {\r\n vm: {\r\n ...state.vm,\r\n PendingClientAdmin: {\r\n ...state.vm.PendingClientAdmin,\r\n Phone: phone\r\n }\r\n }\r\n };\r\n });\r\n };\r\n\r\n onCompanyNameChange = (companyName) => {\r\n this.setState((state) => {\r\n return {\r\n vm: {\r\n ...state.vm,\r\n PendingClientAdmin: {\r\n ...state.vm.PendingClientAdmin,\r\n CompanyName: companyName\r\n }\r\n }\r\n };\r\n });\r\n };\r\n\r\n render() {\r\n const u = this.state.vm.PendingClientAdmin;\r\n const val = this.props.ValidationMessages;\r\n\r\n const clientGrids = (this.state.vm.ParentServices ? this.state.vm.ParentServices : []).map((s, index) => {\r\n return \r\n
\r\n
\r\n {props.parentService.Number} - {props.parentService.Name}\r\n
\r\n\r\n
\r\n );\r\n\r\n const submitButton = (\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {userDetails}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n vm: state.userSearch.model,\r\n translations: state.translations.model,\r\n ValidationMessages: state.userSearch.validationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onConfirmNewClientAdmin: (vm) => dispatch(actions.confirmNewClientAdmin(vm))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NewClientAdminForm);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Redirect } from 'react-router';\r\nimport { withRouter } from 'react-router-dom';\r\nimport SearchBox from '../../common/Searchbox/Searchbox';\r\n\r\nclass ClientAdminSearchBox extends Component {\r\n state = {\r\n value: '',\r\n redirect: false\r\n };\r\n\r\n static propTypes = {\r\n onSelectItem: PropTypes.func,\r\n formatResultBuilder: PropTypes.func,\r\n url: PropTypes.string\r\n };\r\n\r\n onValueChanged = (val) => {\r\n this.setState({\r\n value: val\r\n });\r\n };\r\n\r\n render() {\r\n if (this.state.redirect) {\r\n return \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['ClientsAndPermissions_Label']}
\r\n{clientGrids}
\r\n {submitButton}\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n onSelectClientAdmin = (item) => {\r\n this.props.history.push({\r\n pathname: '/AccessManagement',\r\n state: {\r\n userId: item.UserId\r\n }\r\n });\r\n };\r\n\r\n onSelectInternalUser = (item) => {\r\n this.props.history.push({\r\n pathname: '/AccessManagement/AccessManagement/InternalUser',\r\n state: {\r\n userId: item.UserId\r\n }\r\n });\r\n };\r\n\r\n cancelTransfer = () => {\r\n this.props.onResetStateUserSearch();\r\n return \r\n {i.FullName} \r\n
\r\n \r\n
\r\n Email:
\r\n {i.Email}
\r\n Phone:
\r\n {i.Phone}
\r\n \r\n
\r\n {ContactAddress}\r\n Company:
\r\n {i.CompanyName}
\r\n ContactId:
\r\n {i.SalesforceId}
\r\n \r\n
\r\n );\r\n } else if (\r\n this.props.vm.SelectedSfUser === null ||\r\n (this.props.vm.ValidationErrors != null &&\r\n (this.props.vm.ValidationErrors['emailChanged'] || this.props.vm.ValidationErrors['emailExistsAsPendingUser']))\r\n ) {\r\n pageHeader = this.props.translations.Phrases['SelectNewClientAdmin_PageHeader'];\r\n navigationLevel1 = this.props.translations.Phrases['SelectNewClientAdmin_NavLevel1'];\r\n navigationLevel2 = this.props.translations.Phrases['SelectNewClientAdmin_NavLevel2'];\r\n pageContent = (\r\n {this.props.translations.Phrases['SearchClientAdmins_Label']}
\r\n\r\n
\r\n );\r\n } else if (this.props.vm.NewClientAdmin !== null) {\r\n pageHeader = this.props.translations.Phrases['CompleteTransfer_PageHeader'];\r\n navigationLevel1 = this.props.translations.Phrases['CompleteTransfer_NavLevel1'];\r\n navigationLevel2 = this.props.translations.Phrases['CompleteTransfer_NavLevel2'];\r\n const payAdmin =\r\n this.props.vm.OriginalClientAdmin !== null\r\n ? this.props.vm.OriginalClientAdmin.Roles.find((x) => x.Value === constants.PAY_ADMIN_ROLE_NAME && x.IsSelected)\r\n : undefined;\r\n const transferWithRetainOldButton =\r\n payAdmin === undefined ? (\r\n \r\n ) : (\r\n ''\r\n );\r\n pageContent = (\r\n {this.props.translations.Phrases['ExistingSFDCContacts_Label']}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n );\r\n } else if (this.props.vm.PendingClientAdmin !== null) {\r\n pageHeader = this.props.translations.Phrases['NewClientAdmin_PageHeader'];\r\n navigationLevel1 = this.props.translations.Phrases['NewClientAdmin_NavLevel1'];\r\n navigationLevel2 = this.props.translations.Phrases['NewClientAdmin_NavLevel2'];\r\n pageContent = \r\n {this.props.translations.Phrases['TransferMessage1']\r\n ? formatTranslated(\r\n 'TransferMessage1',\r\n this.props.translations.Phrases,\r\n this.props.vm.OriginalClientAdmin.FullName,\r\n this.props.vm.NewClientAdmin.FullName\r\n )\r\n : ''}\r\n {this.props.translations.Phrases['TransferMessage2']\r\n ? formatTranslated(\r\n 'TransferMessage2',\r\n this.props.translations.Phrases,\r\n this.props.vm.NewClientAdmin.FullName\r\n )\r\n : ''}\r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['TransferMessage3']\r\n ? formatTranslated(\r\n 'TransferMessage3',\r\n this.props.translations.Phrases,\r\n this.props.vm.OriginalClientAdmin.FullName\r\n )\r\n : ''}\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {transferWithRetainOldButton}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {transferWithRetainOldButton}\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n vm: state.userSearch.model,\r\n translations: state.translations.model,\r\n ValidationMessages: state.userSearch.validationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitUserSearch: () => dispatch(actionCreators.initUserSearch()),\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onTransferRightsNewClientAdmin: (userId) => dispatch(actionCreators.transferRightsNewClientAdmin(userId)),\r\n onResetStateUserSearch: () => dispatch(actionCreators.resetStateUserSearch())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(UserSearchForm));\r\n","import queryString from 'query-string';\r\nimport React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nclass Auth extends Component {\r\n state = { isAuthorized: false, termsAccepted: 'False', lang: 'en' };\r\n\r\n componentDidMount() {\r\n if (this.props.location.search) {\r\n let params = queryString.parse(this.props.location.search);\r\n localStorage.setItem('token', params.token);\r\n localStorage.setItem('terms', params.terms);\r\n localStorage.setItem('lang', params.lang);\r\n if (params.key) {\r\n localStorage.setItem('key', params.key);\r\n }\r\n this.setState({ isAuthorized: true, termsAccepted: params.terms, lang: params.lang });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.isAuthorized) {\r\n if (this.state.termsAccepted === 'True') {\r\n return \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {pageHeader}
\r\n\r\n
\r\n \r\n
\r\n {pageContent}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(FeedbackForm));\r\n","import React from 'react';\r\n\r\nconst HomeForm = () => {\r\n return ;\r\n};\r\n\r\nexport default HomeForm;\r\n","import { Component } from 'react';\r\nimport { afterSignOutURL } from '../../constants/mlp-constants';\r\n\r\nclass SignOut extends Component {\r\n componentDidMount() {\r\n localStorage.removeItem('token');\r\n localStorage.removeItem('terms');\r\n window.location.replace(afterSignOutURL);\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nexport default SignOut;\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass ClassName extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('Auth.TermsOfService');\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n acceptTerms = () => {\r\n $('#overlay').show();\r\n axios\r\n .post('/Auth/AcceptTermsOfService')\r\n .then(() => {\r\n localStorage.setItem('terms', 'True');\r\n this.props.history.push({\r\n pathname: '/Dashboard',\r\n state: { resetMenu: true }\r\n });\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClassName);\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass TermsOfServiceFrenchForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('Auth.TermsOfService');\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n acceptTerms = () => {\r\n $('#overlay').show();\r\n axios\r\n .post('/Auth/AcceptTermsOfService')\r\n .then(() => {\r\n localStorage.setItem('terms', 'True');\r\n this.props.history.push({\r\n pathname: '/Dashboard',\r\n state: { resetMenu: true }\r\n });\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {this.props.translations.Phrases['Page_Sub_Header']}
\r\n\r\n
\r\n
\r\n \r\n \r\n Acknowledgement and Acceptance of Terms and Conditions of Use\r\n
\r\n\r\n This is a legal Agreement{' '}\r\n \r\n (“Agreement”)\r\n {' '}\r\n between you, together with any company or other business entity you are representing, if any\r\n (collectively, the{' '}\r\n \r\n “User”\r\n \r\n ) and Livingston International Inc., its affiliates and related companies and entities\r\n (collectively,{' '}\r\n \r\n “Livingston,” “we,” “us,” “our”\r\n \r\n ). This Agreement governs the access to and use of all Livingston websites and solutions\r\n (collectively, the{' '}\r\n \r\n “Solutions”\r\n \r\n ) for which User registers and which are provided by or through the Livingston website and the\r\n Livingston online resources, including without limitation the Livingston website building and\r\n hosting Solutions. By using Livingston’s website or our Solutions, you accept and agree to be bound\r\n and comply with the terms of this Agreement, and our{' '}\r\n
\r\n If you do not agree to the terms of this Agreement or our Privacy Policy, do not purchase, use or\r\n access our website or the Solutions. By using Livingston’s Solutions, you represent and warrant that\r\n you are the legal age of majority under applicable law to form a binding contract with Livingston\r\n and meet all the foregoing eligibility requirements. If you do not meet all these requirements, you\r\n must not access or use our website or the Solutions.\r\n
\r\n\r\n The access to the Solutions is offered to User conditional upon User’s acceptance without\r\n modification of this Agreement. User acknowledges that, from time to time, it may be necessary for\r\n Livingston to update or revise certain provisions of this Agreement. By accepting this Agreement,\r\n User agrees that Livingston may change the terms of the Agreement in its sole discretion without\r\n specific notice to User. You agree to periodically review the terms and conditions in order to be\r\n aware of any such modifications and your continued use shall be your acceptance of these. If you do\r\n not agree to the changes proposed by Livingston, or to any terms in this Agreement, your sole and\r\n exclusive remedy is to cancel your account.\r\n
\r\n\r\nDescription of Solutions
\r\n\r\n The Solutions are internet-based applications owned by Livingston and are provided through the\r\n Livingston website. Such Solutions may be purchased as single package or used to gain visibility\r\n into the customs brokerage, freight, trade consulting and global trade management service work that\r\n Livingston is performing on behalf of its customers. Solution features may include, but are not\r\n limited to, the ability to create shipping documents, generate customized reports and perform trend\r\n analysis on stored data, maintain a repository of product classifications and other key information\r\n required to manage international import and export trade operations, etc.\r\n
\r\n\r\nRegistration Obligations
\r\n\r\n Each User must: (a) provide true, accurate, current and complete information on the Solutions'\r\n registration form, and (b) maintain and promptly update the registration data as necessary. If after\r\n investigation, we have reasonable grounds to suspect that any User’s information is untrue,\r\n inaccurate, not current or incomplete, we may suspend or terminate that User’s account and prohibit\r\n any and all current or future use of the Solutions (or any portion thereof) by that User.\r\n
\r\n\r\nUse and Protection of Username and Password
\r\n\r\n Each User will receive a username and password upon completing the Solutions' registration process\r\n and is wholly responsible for maintaining the confidentiality thereof and wholly liable for all\r\n activities occurring thereunder. Any username, password, or any other piece of information chosen by\r\n you, or provided to you as part of our security procedures, must be treated as confidential, and you\r\n must not disclose it to any other person or entity. You must exercise caution when accessing your\r\n account from a public or shared computer so that others are not able to view or record your password\r\n or other personal information. You understand and agree that should you be provided an account, your\r\n account is personal to you and you agree not to provide any other person with access to this Website\r\n or portions of it using your username, password, or other security information. You agree to notify\r\n us immediately of any unauthorized access to or use of your username or password or any other breach\r\n of security. You also agree to ensure that you logout from your account at the end of each session.\r\n You are responsible for any password misuse or any unauthorized access. Livingston cannot and will\r\n not be liable for any loss or damage arising from a User’s failure to comply with this section.\r\n Livingston cannot and will not be liable for any loss or damage arising hereunder or those arising\r\n from any User’s failure to: (a) immediately notify Livingston of any unauthorized use of their\r\n password or account or any other breach of security, and (b) ensure that User exits from their\r\n account at the end of each session.\r\n
\r\n\r\nUser conduct
\r\n\r\n As a condition of User’s access and use, you agree that you may use the Solutions only for lawful\r\n purposes and in accordance with this Agreement. The following content standards apply to any and all\r\n content, material, and information you submit, post, publish, display, or transmit to the Solutions.\r\n All submissions must comply with all applicable federal, provincial, local, and international laws,\r\n regulations, and terms of service.\r\n
\r\n\r\n Without limiting the foregoing, you warrant and agree: \r\n- \r\n
- \r\n Not to use the Solutions, in whole or in part, for any purpose that is unlawful or prohibited by\r\n this Agreement;\r\n \r\n
- \r\n Not to use the Solutions in any manner that could damage, disable, overburden, or impair the\r\n Solutions or interfere with any other party's use of the Solutions;\r\n \r\n
- \r\n Not to impersonate or attempt to impersonate Livingston, a Livingston employee, another user, or\r\n any other person or entity (including, without limitation, by using email addresses, or screen\r\n names associated with any of the foregoing);\r\n \r\n
- \r\n Not to use or attempt to use another's account or username, password without authorization from\r\n Livingston to access the Solutions;\r\n \r\n
- \r\n Not to access or attempt to access any design content which you are not authorized to access;\r\n \r\n
- \r\n Not to disrupt or interfere with the security of, or otherwise cause harm to, the site, or any\r\n Solutions, materials, system resources, accounts, passwords, servers or networks connected to or\r\n accessible through the site or any affiliated or linked sites;\r\n \r\n
- \r\n Not to use any robot, spider, or other automatic device, process, or means to access the\r\n Solutions for any purpose, including monitoring or copying any of the material on the Solutions;\r\n \r\n
- \r\n Not to introduce any viruses, trojan horses, worms, logic bombs, or other material that is\r\n malicious or technologically harmful;\r\n \r\n
- \r\n Not to modify, copy, distribute, transmit, display, perform, reproduce, publish, license, create\r\n derivative works from, frame in another web page, use on any other website, transfer, or sell\r\n any information, software, lists of Users, databases or other lists, or Solutions provided\r\n through or obtained from the Solutions other than for internal business use of the User in\r\n accordance with this Agreement;\r\n \r\n
- \r\n Not to engage in the practices of \"screen scraping\", \"database scraping\", or any other activity\r\n with the purpose of obtaining lists of Users or other information;\r\n \r\n
- \r\n Not to obtain or attempt to obtain any materials or information through any means not\r\n intentionally made available or provided for through the Solutions; and\r\n \r\n
- Not to otherwise attempt to interfere with the proper working of the Solutions. \r\n
Use of content and data entered
\r\n\r\n The User, and not Livingston, is entirely responsible for all content that User uploads, posts,\r\n emails or otherwise transmits via Livingston or any Solutions. No User shall transmit content or\r\n otherwise conduct or participate in any activities on Livingston and/or any Solutions which, in the\r\n opinion of Livingston's counsel, are prohibited by law in applicable jurisdictions, including laws\r\n governing the encryption of software, the export of technology or the permissible uses of\r\n intellectual property. The content may be used solely for business, informational and internal\r\n purposes. The rights granted to the User constitute a license and not a transfer of title.\r\n
\r\n\r\n\r\n Livingston shall have the right (but not the obligation) in its sole discretion and without notice\r\n to:{' '}\r\n
\r\n\r\n- \r\n
- remove or refuse to post on the Solutions for any or no reason in our sole discretion; \r\n
- \r\n refuse or delete any content that it reasonably considers to violate the terms of usage or be\r\n otherwise illegal;\r\n \r\n
- \r\n take appropriate legal action, including, without limitation, referral to law enforcement or\r\n regulatory authority, or notifying the harmed party of any illegal or unauthorized use of the\r\n Solutions; and\r\n \r\n
- \r\n terminate or suspend your access to all or part of the Solutions for any or no reason,\r\n including, without limitation, any violation of this Agreement.\r\n \r\n
Intellectual Property Rights and Information Ownership
\r\n\r\n The User understands and agrees that the Solutions and their entire contents, features, and\r\n functionality, including, but not limited to, all information, software, code, text, displays,\r\n graphics, photographs, video, audio, design, presentation, selection, and arrangement, are owned by\r\n the Livingston, its licensors, or other providers of such material and are protected in all forms by\r\n intellectual property laws including without limitation, copyright, trademark, patent, trade secret,\r\n and any other proprietary rights.\r\n
\r\n\r\n Livingston’s name, and all related names, logos, product and service names, designs, images, and\r\n slogans are trademarks of Livingston or its affiliates or licensors. You must not use such marks\r\n without the prior written permission of Livingston. Other names, logos, product and service names,\r\n designs, images, and slogans mentioned, or which appear on the Solutions are the trademarks of their\r\n respective owners. Use of any such property, except as expressly authorized, shall constitute an\r\n infringement or violation of the rights of the property owner and may be a violation of federal or\r\n other laws and could subject the infringer to legal action.\r\n
\r\n\r\n By accepting this Agreement, the User accepts that all information or data input, transmitted to or\r\n stored within the Solutions becomes the sole property of Livingston. Subject to the conditions of\r\n its Privacy Policy and its regulatory requirements, Livingston reserves the right to use this\r\n information for internal purposes as it deems appropriate and without obtaining prior consent from\r\n the User. To learn how Livingston protects your information refer to the Livingston online Privacy\r\n Policy. The User further renounces ownership of this information and agrees that such information\r\n may only be shared with the User, in whole or in part, at the sole discretion of Livingston.\r\n
\r\n\r\nCompensation for Solutions
\r\n\r\n The User is required to pay a fee for all or any part of the Solutions for which User has chosen to\r\n register. User acknowledges that Livingston reserves the right to change any fees (which includes\r\n but is not limited to, increasing prices and charging a fee for upgrades or Solutions for which\r\n Livingston does not currently charge a fee) at any time, provided, however, that Livingston gives\r\n the User reasonable notice prior to making any fee changes. In addition, Livingston will also give\r\n the User reasonable notice before any modification to the Solutions that could adversely impact the\r\n User. The standard terms of payment are 30 days from the invoice date, or as otherwise agreed to by\r\n the parties in writing. If the User finds any change to the Solutions to be unacceptable, the User\r\n is free to cancel any part of the Solutions or the User account at any time, but Livingston will not\r\n refund any remaining portion of User’s pre-paid fees when User cancels any part of the Solutions or\r\n User’s account. The User acknowledges that the fees associated with the Solutions are not inclusive\r\n of any applicable service fees for Livingston services. Fees for such services will be set out in\r\n the applicable service agreement between Livingston and the client.\r\n
\r\n\r\nTermination of access to Solutions
\r\n\r\n A User’s account may be terminated for any reason including, but are not limited to, the following:\r\n (a) violation of the terms of this Agreement; (b) abuse of site resources or attempt to gain\r\n unauthorized entry to the site or site resources; (c) use of Solutions in a manner inconsistent with\r\n the intended purpose; (d) a User’s request for such termination; (e) requirement of applicable law,\r\n regulation, court or governing agency order or; (f) non-compliance with the terms of payment.\r\n
\r\n\r\n\r\n Livingston's termination of any User’s access to Livingston Solutions hereunder may be affected\r\n without notice and, on such termination, Livingston may immediately deactivate or delete User’s\r\n account or bar any further access to such files. Livingston shall not be liable to any User or\r\n third-party for any termination of that User’s access or account hereunder.\r\n
\r\n\r\nDisclaimer of Warranty
\r\n\r\n USER UNDERSTANDS AND AGREES THAT USE OF THE SOLUTIONS, ITS CONTENT, AND ANY SERVICES OR ITEMS FOUND\r\n OR ATTAINED THROUGH THE SOLUTION IS AT USERS OWN RISK. THE SOLUTION, ITS CONTENT, AND ANY SERVICES\r\n OR ITEMS FOUND OR ATTAINED THROUGH THE SOLUTION ARE PROVIDED ON AN \"AS IS\" AND \"AS AVAILABLE\" BASIS,\r\n WITHOUT ANY WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, BUT NOT\r\n LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR\r\n NON-INFRINGEMENT. THE FOREGOING DOES NOT AFFECT ANY WARRANTIES THAT CANNOT BE EXCLUDED OR LIMITED\r\n UNDER APPLICABLE LAW.\r\n
\r\n\r\n NEITHER LIVINGSTON NOR ITS SUBSIDIARIES, AFFILIATES, OR THEIR RESPECTIVE DIRECTORS, OFFICERS,\r\n EMPLOYEES, AGENTS, SERVICE PROVIDERS, CONTRACTORS, LICENSORS, LICENSEES, SUPPLIERS, OR SUCCESSORS\r\n MAKE ANY WARRANTY, REPRESENTATION, OR ENDORSEMENT WITH RESPECT TO THE COMPLETENESS, SECURITY,\r\n RELIABILITY, SUITABILITY, ACCURACY, CURRENCY, OR AVAILABILITY OF THE SOLUTION OR ITS CONTENTS.\r\n WITHOUT LIMITING THE FOREGOING, NEITHER LIVINGSTON NOR ITS SUBSIDIARIES, AFFILIATES OR THEIR\r\n RESPECTIVE DIRECTORS, OFFICERS, EMPLOYEES, AGENTS, SERVICE PROVIDERS, CONTRACTORS, LICENSORS,\r\n LICENSEES, SUPPLIERS, OR SUCCESSORS REPRESENT OR WARRANT THAT THE SOLUTION, ITS CONTENT, OR ANY\r\n SERVICES OR ITEMS FOUND OR ATTAINED THROUGH THE SOLUTION WILL BE ACCURATE, RELIABLE, ERROR-FREE, OR\r\n UNINTERRUPTED, THAT DEFECTS WILL BE CORRECTED, THAT OUR SOLUTION OR THE SERVER THAT MAKES IT\r\n AVAILABLE ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS.\r\n
\r\n\r\n WE CANNOT AND DO NOT GUARANTEE OR WARRANT THAT FILES OR DATA AVAILABLE FOR DOWNLOADING FROM THE\r\n INTERNET OR THE SOLUTION WILL BE FREE OF VIRUSES OR OTHER DESTRUCTIVE CODE. YOU ARE SOLELY AND\r\n ENTIRELY RESPONSIBLE FOR YOUR USE OF THE WEBSITE AND YOUR COMPUTER, INTERNET, AND DATA SECURITY. TO\r\n THE FULLEST EXTENT PROVIDED BY LAW, WE WILL NOT BE LIABLE FOR ANY LOSS OR DAMAGE CAUSED BY\r\n DENIAL-OF-SERVICE ATTACK, DISTRIBUTED DENIAL-OF-SERVICE ATTACK, OVERLOADING, FLOODING, MAILBOMBING,\r\n OR CRASHING, VIRUSES, TROJAN HORSES, WORMS, LOGIC BOMBS, OR OTHER TECHNOLOGICALLY HARMFUL MATERIAL\r\n THAT MAY INFECT YOUR COMPUTER EQUIPMENT, COMPUTER PROGRAMS, DATA, OR OTHER PROPRIETARY MATERIAL DUE\r\n TO YOUR USE OF THE SOLUTION OR ANY SERVICES OR ITEMS FOUND OR ATTAINED THROUGH THE WEBSITE OR TO\r\n YOUR DOWNLOADING OF ANY MATERIAL POSTED ON IT, OR ON ANY WEBSITE LINKED TO IT.\r\n
\r\n\r\nLimitation of Liability
\r\n\r\n EXCEPT WHERE SUCH EXCLUSIONS ARE PROHIBITED BY LAW, UNDER NO CIRCUMSTANCE WILL LIVINGSTON NOR ITS\r\n SUBSIDIARIES, AFFILIATES OR THEIR RESPECTIVE DIRECTORS, OFFICERS, EMPLOYEES, AGENTS, SERVICE\r\n PROVIDERS, CONTRACTORS, LICENSORS, LICENSEES, SUPPLIERS, OR SUCCESSORS BE LIABLE FOR NEGLIGENCE,\r\n GROSS NEGLIGENCE, NEGLIGENT MISREPRESENTATION, FUNDAMENTAL BREACH, DAMAGES OF ANY KIND, UNDER ANY\r\n LEGAL THEORY, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, OR PUNITIVE\r\n DAMAGES, INCLUDING, BUT NOT LIMITED TO, PERSONAL INJURY, PAIN AND SUFFERING, EMOTIONAL DISTRESS,\r\n LOSS OF REVENUE, LOSS OF PROFITS, LOSS OF BUSINESS OR ANTICIPATED SAVINGS, LOSS OF USE, LOSS OF\r\n GOODWILL, LOSS OF DATA, AND WHETHER CAUSED BY TORT (INCLUDING NEGLIGENCE), BREACH OF CONTRACT,\r\n BREACH OF PRIVACY, OR OTHERWISE, EVEN IF THE PARTY WAS ALLEGEDLY ADVISED OR HAD REASON TO KNOW,\r\n ARISING OUT OF OR IN CONNECTION WITH YOUR USE, OR INABILITY TO USE, OR RELIANCE ON, THE SOLUTION,\r\n ANY LINKED WEBSITES OR SUCH OTHER THIRD-PARTY WEBSITES, NOR ANY WEBSITE CONTENT, MATERIALS, POSTING,\r\n OR INFORMATION THEREON EVEN IF THE PARTY WAS ALLEGEDLY ADVISED OR HAD REASON TO KNOW.\r\n
\r\n\r\n YOU WAIVE AND HOLD HARMLESS LIVINGSTON AND ITS SUBSIDIARIES, AFFILIATES, AND THEIR RESPECTIVE\r\n DIRECTORS, OFFICERS, EMPLOYEES, AGENTS, SERVICE PROVIDERS, CONTRACTORS, LICENSORS, LICENSEES,\r\n SUPPLIERS, AND SUCCESSORS FROM ANY AND ALL CLAIMS RESULTING FROM ANY ACTION TAKEN BY LIVINGSTON AND\r\n ANY OF THE FOREGOING PARTIES RELATING TO ANY, INVESTIGATIONS BY EITHER LIVINGSTON OR SUCH PARTIES OR\r\n BY LAW ENFORCEMENT AUTHORITIES.\r\n
\r\n\r\n We have no obligation, nor any responsibility to any party to monitor the Solutions or its use, and\r\n do not and cannot undertake to review material that you or other users submit to the Solutions. We\r\n cannot ensure prompt removal of objectionable material after it has been posted and we have no\r\n liability for any action or inaction regarding transmissions, communications, or content provided by\r\n any user or third party, subject to applicable laws.\r\n
\r\n\r\nIndemnification
\r\n\r\n To the maximum extent permitted by applicable law, User agrees to defend, indemnify, and hold\r\n harmless Livingston, its subsidiaries, affiliates, and their respective directors, officers,\r\n employees, agents, service providers, contractors, licensors, suppliers, successors, and assigns\r\n from and against any claims, liabilities, damages, judgments, awards, losses, costs, expenses, or\r\n fees (including reasonable attorneys' fees) arising out of or relating to User’s breach of the terms\r\n of this Agreement, or use of the Solution, including, but not limited to, third-party sites, any use\r\n of the Solution’s content, services, and products other than as expressly authorized in this\r\n Agreement.\r\n
\r\n\r\nThird Parties
\r\n\r\n For your convenience, Livingston Solutions may provide links or pointers to third-party sites, for\r\n example, for payment processing purposes. We make no representations about any other websites that\r\n may be accessed from Livingston Solutions. If you choose to access any such sites, you do so at your\r\n own risk. We have no control over the contents of any such third-party sites and accept no\r\n responsibility for such sites or for any loss or damage that may arise from your use of them. You\r\n are subject to any terms and conditions of such third-party sites.\r\n
\r\n\r\nPrivacy
\r\n\r\n By submitting your personal information and using our Solutions, you consent to the collection, use,\r\n reproduction, hosting, transmission, and disclosure of any such user content submissions in\r\n compliance with our Privacy Policy, as we deem necessary for use of the Solutions and provision of\r\n services. By using our Solutions, you are consenting to the use of cookies which allow a server to\r\n recall previous requests or registration and/or IP addresses to analyze website use patterns. You\r\n can set your browser to notify you before you receive a cookie, giving you the chance to decide\r\n whether to accept it. You can also set your browser to turn off cookies. If you do, however, some\r\n areas of the Solutions may not function adequately. For more information on this automated\r\n information gathering practices, see{' '}\r\n
Governing Law and Choice of Forum
\r\n\r\n The Solutions and this Agreement will be governed by and construed in accordance with the laws of\r\n the Province of Ontario, other than conflict of laws principles thereof directing the application of\r\n any law other than that of Ontario. Courts within the Province of Ontario will have jurisdiction\r\n over all disputes between the parties hereto arising out of or relating to this Agreement and the\r\n agreements, instruments and documents contemplated hereby. The parties hereby consent to and agree\r\n to submit to the jurisdiction of such courts.\r\n
\r\n\r\nEntire Agreement
\r\n\r\n This Agreement and our Privacy Policy and Cookies Policy constitute the sole and entire agreement\r\n between the User and Livingston regarding the use of Livingston’s Solutions and supersede all prior\r\n and contemporaneous understandings, agreements, representations and warranties, both written and\r\n oral, regarding such subject matter. In the event User enters into a service agreement with\r\n Livingston for a Livingston service, the terms and conditions of that agreement will govern the\r\n relationship between the parties in relation to the services being provided by Livingston.\r\n
\r\n\r\nLanguage
\r\n\r\n It is the express wish of the parties that the terms and conditions of use and all related documents\r\n be drawn up in English. C'est la volonté expresse des parties que la présente convention ainsi que\r\n les documents qui s'y rattachent soient rédigés en anglais.\r\n
\r\n\r\n \r\n \r\n \r\n {/* {this.props.translations.Phrases['Page_Title']} */}\r\n Conditions d’utilisation\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TermsOfServiceFrenchForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Redirect } from 'react-router';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass BRPReportsForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitBRPReports();\r\n };\r\n\r\n componentDidUpdate = () => {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n if (this.props.status === 200) {\r\n this.props.onInitTranslations('Reports.Reports.Index');\r\n }\r\n };\r\n\r\n render() {\r\n const bodyBRP =\r\n this.props.status === 403 ? (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {/*
\r\n {this.props.translations.Phrases['Page_Header']}
*/}\r\nMODALITÉS D’UTILISATION
\r\n\r\n
\r\n \r\n
\r\n \r\n {/*
\r\n
\r\n {this.props.translations.Phrases['Page_Sub_Header']}
*/}\r\n\r\n Veuillez lire les conditions générales ci-dessous, faire défiler vers le bas et cliquer sur Accepter\r\n avant de continuer:\r\n
\r\n\r\n
\r\n
\r\n \r\n Reconnaissance et acceptation des modalités d’utilisation
\r\n\r\n Il s’agit d’une entente juridique (l’« entente ») entre vous et toute société ou autre entité\r\n commerciale que vous représentez, le cas échéant (collectivement, l’« utilisateur ») et la Société\r\n internationale Livingston inc., ses sociétés affiliées et sociétés et entités connexes\r\n (collectivement, « Livingston », « nous », « nos », « notre »). La présente entente régit l’accès et\r\n l’utilisation de tous les sites Web et solutions de Livingston (collectivement, les « solutions »)\r\n pour lesquels l’utilisateur s’inscrit et qui sont fournis par ou par le biais du site Web de\r\n Livingston et des ressources en ligne de Livingston, y compris, sans s’y limiter, les solutions de\r\n création et d’hébergement du site Web de Livingston. En utilisant le site Web de Livingston ou nos\r\n solutions, vous acceptez d’être lié et de vous conformer aux conditions de la présente entente et à\r\n notre Politique de confidentialité,{' '}\r\n \r\n https://www.livingstonintl.com/fr/a-propos-de-nous/terms-of-use-privacy/declaration-de-confidentialite/\r\n \r\n .\r\n
\r\n\r\n Si vous n’acceptez pas les modalités de la présente entente ou notre Politique de confidentialité,\r\n n’achetez pas, n’utilisez pas et n’accédez pas à notre site Web ou aux solutions. En utilisant les\r\n solutions de Livingston, vous déclarez et garantissez que vous avez atteint l’âge légal de la\r\n majorité en vertu de la loi applicable pour conclure un contrat obligatoire avec Livingston et\r\n satisfaire à tous les critères d’admissibilité ci-dessus. Si vous ne répondez pas à toutes ces\r\n exigences, vous ne devez pas accéder ou utiliser notre site Web ou nos solutions.\r\n
\r\n\r\n L’accès aux solutions est offert à l’utilisateur sous réserve de l’acceptation de l’utilisateur sans\r\n modifier la présente entente. L’utilisateur reconnaît que, de temps à autre, Livingston pourrait\r\n devoir mettre à jour ou réviser certaines dispositions de la présente entente. En acceptant la\r\n présente entente, l’utilisateur accepte que Livingston puisse modifier les modalités de l’entente à\r\n sa seule discrétion sans préavis spécifique à l’utilisateur. Vous acceptez de revoir périodiquement\r\n les modalités afin d’être au courant de ces modifications et votre utilisation continue sera votre\r\n acceptation de ces dernières. Si vous n’acceptez pas les modifications proposées par Livingston ou\r\n les conditions de la présente entente, votre seul et unique recours est d’annuler votre compte.\r\n
\r\n\r\nDescription des solutions
\r\n\r\n Les solutions sont des applications Internet appartenant à Livingston et sont fournies par\r\n l’intermédiaire du site Web de Livingston. Ces solutions peuvent être achetées en forfait unique ou\r\n être utilisées pour avoir une meilleure visibilité sur le courtage en douane, le fret, le conseil en\r\n commerce international et le service de gestion du commerce mondial que Livingston effectue au nom\r\n de ses clients. Les fonctionnalités de la solution peuvent inclure, sans s’y limiter, la capacité de\r\n créer des documents d’expédition, de produire des rapports personnalisés et d’effectuer des analyses\r\n de tendances sur les données stockées, de tenir un référentiel de classifications de produits et\r\n d’autres renseignements clés requis pour gérer les opérations d’importation et d’exportation\r\n internationales, etc.\r\n
\r\n\r\nObligations en matière d’inscription
\r\n\r\n Chaque utilisateur doit : (a) fournir des renseignements véridiques, exacts, à jour et complets sur\r\n le formulaire d’inscription des solutions, et (b) tenir à jour et mettre à jour rapidement les\r\n données d’inscription au besoin. Si, après enquête, nous avons des motifs raisonnables de soupçonner\r\n que les renseignements de tout utilisateur sont non véridiques, inexacts, non actuels ou incomplets,\r\n nous pouvons suspendre ou résilier le compte de cet utilisateur et interdire toute utilisation\r\n actuelle ou future des solutions (ou toute partie de celles-ci) par cet utilisateur.\r\n
\r\n\r\nUtilisation et protection du nom d’utilisateur et du mot de passe
\r\n\r\n Chaque utilisateur recevra un nom d’utilisateur et un mot de passe à la fin du processus\r\n d’inscription des solutions et est entièrement responsable du maintien de la confidentialité de\r\n ceux-ci et entièrement responsable de toutes les activités qui en découlent. Tout nom d’utilisateur,\r\n mot de passe ou autre renseignement que vous avez choisi ou qui vous a été fourni dans le cadre de\r\n nos procédures de sécurité doit être traité comme confidentiel, et vous ne devez le divulguer à\r\n aucune autre personne ou entité. Vous devez faire preuve de prudence lorsque vous accédez à votre\r\n compte à partir d’un ordinateur public ou partagé afin que d’autres personnes ne puissent pas voir\r\n ou enregistrer votre mot de passe ou d’autres renseignements personnels. Vous comprenez et acceptez\r\n que si vous recevez un compte, votre compte vous est personnel et vous acceptez de ne pas donner à\r\n toute autre personne l’accès à ce site Web ou à des parties de celui-ci à l’aide de votre nom\r\n d’utilisateur, de votre mot de passe ou d’autres renseignements de sécurité. Vous acceptez de nous\r\n informer immédiatement de tout accès ou utilisation non autorisés de votre nom d’utilisateur ou de\r\n votre mot de passe ou de toute autre violation de la sécurité. Vous convenez également de vous\r\n assurer de la déconnexion de votre compte à la fin de chaque session. Vous êtes responsable de toute\r\n mauvaise utilisation du mot de passe ou de tout accès non autorisé. Livingston ne peut pas et ne\r\n sera pas responsable de toute perte ou de tout dommage découlant du non-respect d’un utilisateur de\r\n se conformer à cette section. Livingston ne peut pas et ne sera pas responsable de toute perte ou de\r\n tout dommage découlant des présentes ou de tout manquement d’un utilisateur à : (a) informer\r\n immédiatement Livingston de toute utilisation non autorisée de son mot de passe ou de son compte ou\r\n de toute autre violation de la sécurité, et (b) s’assurer que l’utilisateur se déconnecte de son\r\n compte à la fin de chaque session.\r\n
\r\n\r\nConduite de l’utilisateur
\r\n\r\n Comme condition d’accès et d’utilisation par l’utilisateur, vous convenez que vous ne pouvez\r\n utiliser les solutions qu’à des fins légales et conformément à la présente entente. Les normes de\r\n contenu suivantes s’appliquent à tout contenu, à tout matériel et à toute information que vous\r\n soumettez, publiez, affichez ou transmettez aux solutions. Toutes les soumissions doivent être\r\n conformes à toutes les lois, règlements et conditions de service fédérales, provinciales, locales et\r\n internationales applicables.\r\n
\r\n\r\n Sans limiter ce qui précède, vous garantissez et acceptez : \r\n- \r\n
- \r\n De ne pas utiliser les solutions, en tout ou en partie, à des fins illégales ou interdites par\r\n la présente entente;\r\n \r\n
- \r\n De ne pas utiliser les solutions d’une manière susceptible de les endommager, de les désactiver,\r\n de les surcharger ou de les entraver ou d’interférer avec l’utilisation des solutions par toute\r\n autre partie;\r\n \r\n
- \r\n De ne pas usurper l’identité de Livingston, d’un employé de Livingston, d’un autre utilisateur\r\n ou de toute autre personne ou entité (y compris, sans s’y limiter, l’utilisation des adresses\r\n courriel ou des pseudonymes associés à ce qui précède);\r\n \r\n
- \r\n De ne pas utiliser ou tenter d’utiliser le compte ou le nom d’utilisateur d’une autre personne,\r\n le mot de passe sans l’autorisation de Livingston permettant d’accéder aux solutions;\r\n \r\n
- \r\n De ne pas accéder ou tenter d’accéder à tout contenu de conception auquel vous n’êtes pas\r\n autorisé à accéder;\r\n \r\n
- \r\n De ne pas perturber ou interférer avec la sécurité du site, ou causer autrement des dommages au\r\n site ou à toute solution, matériels, ressource du système, tout compte, mot de passe, serveur ou\r\n réseau connecté au site ou accessible par le biais du site ou de tout site affilié ou lié;\r\n \r\n
- \r\n De ne pas utiliser de robot, de collecteurs ou d’autres dispositifs, processus ou moyens\r\n automatiques pour accéder aux solutions à quelque fin que ce soit, y compris la surveillance ou\r\n la copie de tout matériel sur les solutions;\r\n \r\n
- \r\n De ne pas introduire de virus, chevaux de Troie, vers, bombes logiques ou tout autre matériel\r\n malveillant ou technologiquement nuisible;\r\n \r\n
- \r\n De ne pas modifier, copier, distribuer, transmettre, afficher, exécuter, reproduire, publier,\r\n concéder sous licence, créer des œuvres dérivées, créer dans une autre page Web, utiliser sur\r\n tout autre site Web, transférer ou vendre des informations, logiciels, listes d’utilisateurs,\r\n bases de données ou autres listes, ou solutions fournies par l’intermédiaire des solutions ou\r\n obtenues par l’intermédiaire des solutions, sauf pour l’utilisation commerciale interne de\r\n l’utilisateur, conformément à la présente entente;\r\n \r\n
- \r\n Ne pas s’engager dans les pratiques de « capture d’écran », de « capture de bases de données »\r\n ou toute autre activité dans le but d’obtenir des listes d’utilisateurs ou d’autres\r\n informations;\r\n \r\n
- \r\n Ne pas obtenir ou tenter d’obtenir du matériel ou de l’information par tout moyen non\r\n intentionnellement mis à disposition ou fourni par l’intermédiaire des solutions; et\r\n \r\n
- Ne pas tenter autrement d’entraver le bon fonctionnement des solutions. \r\n
Utilisation du contenu et des données saisies
\r\n\r\n L’utilisateur, et non Livingston, est entièrement responsable de tout le contenu que l’utilisateur\r\n télécharge, publie, envoie par courriel ou autrement transmet par l’intermédiaire de Livingston ou\r\n de toutes solutions. Aucun utilisateur ne doit transmettre du contenu ou autrement mener ou\r\n participer à des activités sur Livingston et/ou à des solutions qui, de l’avis du conseiller\r\n juridique de Livingston, sont interdites par la loi dans les juridictions applicables, y compris les\r\n lois régissant le cryptage des logiciels, l’exportation de la technologie ou les utilisations\r\n permises de la propriété intellectuelle. Le contenu peut être utilisé uniquement à des fins\r\n commerciales, informatives et internes. Les droits accordés à l’utilisateur constituent une licence\r\n et non un transfert de titre.\r\n
\r\n\r\nLivingston aura le droit (mais non l’obligation) à son entière discrétion et sans préavis de :
\r\n\r\n- \r\n
- \r\n retirer ou refuser de publier sur les solutions pour quelque raison que ce soit ou pour aucune\r\n raison à notre seule discrétion;\r\n \r\n
- \r\n refuser ou supprimer tout contenu qu’il considère raisonnablement comme une violation des\r\n modalités d’utilisation ou autrement illégal;\r\n \r\n
- \r\n prendre les mesures judiciaires appropriées, y compris, sans s’y limiter, le renvoi à des\r\n organismes chargés de l’application de la loi ou à des organismes de réglementation, ou aviser\r\n la partie lésée de toute utilisation illégale ou non autorisée des solutions; et\r\n \r\n
- \r\n résilier ou suspendre votre accès à l’ensemble ou à une partie des solutions pour quelque raison\r\n que ce soit ou sans raison, y compris, sans s’y limiter, toute violation de la présente entente.\r\n \r\n
Droits de propriété intellectuelle et propriété de l’information
\r\n\r\n L’utilisateur comprend et accepte que les solutions et leur contenu entier, caractéristiques et\r\n fonctions, y compris, mais sans s’y limiter, tous les renseignements, logiciel, code, texte,\r\n présentoirs, graphiques, photographies, vidéo, audio, conception, présentation, sélection et\r\n arrangement sont la propriété de Livingston, ses concédants de licence, ou d’autres fournisseurs de\r\n ce matériel et sont protégés sous toutes leurs formes par des lois sur la propriété intellectuelle,\r\n y compris, mais sans s’y limiter, droits d’auteur, marque de commerce, brevet, secret commercial et\r\n tous les autres droits patrimoniaux.\r\n
\r\n\r\n Le nom de Livingston et tous les noms, logos, noms de produits et de services, dessins, images et\r\n slogans connexes sont des marques de commerce de Livingston ou de ses sociétés affiliées ou\r\n concédants de licence. Vous ne devez pas utiliser ces marques sans l’autorisation écrite préalable\r\n de Livingston. Les autres noms, logos, noms de produits et de services, dessins, images et slogans\r\n mentionnés ou qui apparaissent sur les solutions sont des marques de commerce de leurs propriétaires\r\n respectifs. L’utilisation de tels biens, sauf autorisation expresse, constitue une violation des\r\n droits du propriétaire et peut constituer une violation des lois fédérales ou autres, et pourrait\r\n exposer le contrevenant à une action en justice.\r\n
\r\n\r\n En acceptant la présente entente, l’utilisateur accepte que toutes les informations ou saisie de\r\n données, transmises aux solutions ou stockées dans les solutions deviennent la propriété exclusive\r\n de Livingston. Sous réserve des conditions de sa Politique de confidentialité et de ses exigences\r\n réglementaires, Livingston se réserve le droit d’utiliser ces renseignements à des fins internes\r\n comme elle le juge approprié et sans obtenir le consentement préalable de l’utilisateur. Pour savoir\r\n comment Livingston protège vos renseignements, consultez la Politique de confidentialité en ligne de\r\n Livingston. L’utilisateur renonce également à la propriété de ces renseignements et convient que ces\r\n renseignements ne peuvent être partagés qu’avec l’utilisateur, en tout ou en partie, à la seule\r\n discrétion de Livingston.\r\n
\r\n\r\nRémunération pour les solutions
\r\n\r\n L’utilisateur est tenu de payer des frais pour l’ensemble ou une partie des solutions auxquelles il\r\n a choisi de s’inscrire. L’utilisateur reconnaît que Livingston se réserve le droit de modifier les\r\n frais (ce qui comprend, sans s’y limiter, l’augmentation des prix et l’imposition de frais pour les\r\n mises à niveau ou les solutions pour lesquelles Livingston ne facture actuellement pas de frais) à\r\n tout moment, à condition, toutefois, que Livingston donne à l’utilisateur un préavis raisonnable\r\n avant d’apporter toute modification de frais. De plus, Livingston donnera également à l’utilisateur\r\n un préavis raisonnable avant toute modification des solutions qui pourrait avoir un impact négatif\r\n sur l’utilisateur. Les modalités de paiement standard sont de 30 jours à compter de la date de\r\n facturation ou comme convenu autrement par les parties par écrit. Si l’utilisateur juge que toute\r\n modification apportée aux solutions est inacceptable, il est libre d’annuler toute partie des\r\n solutions ou du compte de l’utilisateur à tout moment, mais Livingston ne remboursera aucune partie\r\n restante des frais prépayés de l’utilisateur lorsque l’utilisateur annule toute partie des solutions\r\n ou du compte de l’utilisateur.\r\n
\r\n\r\nRésiliation de l’accès aux solutions
\r\n\r\n Le compte d’un utilisateur peut être résilié pour quelque raison que ce soit, y compris, mais sans\r\n s’y limiter, ce qui suit : (a) violation des modalités de la présente entente; (b) utilisation\r\n abusive des ressources du site ou tentative d’accès non autorisé au site ou aux ressources du\r\n site; (c) utilisation des solutions d’une manière incompatible avec l’objectif prévu de la présente\r\n entente; (d) demande d’un utilisateur pour une telle résiliation; (e) exigence d’une loi, d’un\r\n règlement, d’une ordonnance d’un tribunal ou d’un organisme directeur ou; (f) la non-conformité avec\r\n les modalités de paiement.\r\n
\r\n\r\n\r\n La résiliation par Livingston de l’accès de tout utilisateur aux solutions Livingston en vertu des\r\n présentes peut être affectée sans préavis et, en cas de résiliation, Livingston peut immédiatement\r\n désactiver ou supprimer le compte de l’utilisateur ou interdire tout accès ultérieur à ces fichiers.\r\n Livingston ne sera pas responsable envers un utilisateur ou un tiers pour toute résiliation de\r\n l’accès ou du compte de cet utilisateur en vertu des présentes.\r\n
\r\n\r\nExonération de garantie
\r\n\r\n L’UTILISATEUR COMPREND ET ACCEPTE QUE L’UTILISATION DES SOLUTIONS, DE SON CONTENU ET DE TOUT SERVICE\r\n OU ÉLÉMENT TROUVÉ OU ATTEINT PAR LA SOLUTION EST À SES PROPRES RISQUES. LA SOLUTION, SON CONTENU ET\r\n TOUS LES SERVICES OU ÉLÉMENTS TROUVÉS OU ATTEINTS PAR LA SOLUTION SONT FOURNIS « TELS QUELS » ET\r\n « SELON LA DISPONIBILITÉ », SANS AUCUNE GARANTIE OU CONDITION DE QUELQUE NATURE QUE CE SOIT,\r\n EXPRESSE OU IMPLICITE, Y COMPRIS, MAIS SANS S’Y LIMITER, LES GARANTES IMPLICITES DE QUALITÉ\r\n MARCHANDE, D’ADAPTATION À UNE FIN PARTICULIÈRE, OU DE NON-VIOLATION. CE QUI PRÉCÈDE N’A AUCUNE\r\n INCIDENCE SUR LES GARANTIES QUI NE PEUVENT PAS ÊTRE EXCLUES OU LIMITÉES EN VERTU DE LA LOI\r\n APPLICABLE.\r\n
\r\n\r\n NI LIVINGSTON, NI SES FILIALES, SOCIÉTÉS AFFILIÉES, NI LEURS DIRECTEURS, DIRIGEANTS, EMPLOYÉS,\r\n AGENTS, PRESTATAIRES DE SERVICES, ENTREPRENEURS, CONCÉDANTS DE LICENCE, TITULAIRES DE LICENCE,\r\n FOURNISSEURS OU SUCCESSEURS RESPECTIFS N’ÉMETTENT AUCUNE GARANTIE, DÉCLARATION OU APPROBATION QUANT\r\n À L’EXHAUSTIVITÉ, SÉCURITÉ, FIABILITÉ, APTITUDE, EXACTITUDE, ACTUALITÉ OU DISPONIBILITÉ DE LA\r\n SOLUTION OU DE SON CONTENU. SANS LIMITER CE QUI PRÉCÈDE, NI LIVINGSTON NI SES FILIALES, LES SOCIÉTÉS\r\n AFFILIÉES OU LEURS DIRECTEURS RESPECTIFS, DIRIGEANTS, EMPLOYÉS, AGENTS, PRESTATAIRES DE SERVICES,\r\n ENTREPRENEURS, CONCÉDANTS DE LICENCE, TITULAIRES DE LICENCE, FOURNISSEURS, OU LES SUCCESSEURS\r\n RESPECTIFS DÉCLARENT OU GARANTISSENT QUE LA SOLUTION, SON CONTENU, OU TOUT SERVICE OU ÉLÉMENT TROUVÉ\r\n OU ATTEINT PAR LA SOLUTION SERAIT EXACT, FIABLE, SANS ERREUR, OU ININTERROMPUE, QUE LES DÉFAUTS\r\n SERONT CORRIGÉS, QUE NOTRE SOLUTION OU LE SERVEUR QUI LA REND DISPONIBLE NE CONTIENNENT PAS DE VIRUS\r\n OU D’AUTRES COMPOSANTS NUISIBLES.\r\n
\r\n\r\n NOUS NE POUVONS PAS GARANTIR ET NE GARANTISSONS PAS QUE LES FICHIERS OU LES DONNÉES DISPONIBLES POUR\r\n TÉLÉCHARGEMENT À PARTIR D’INTERNET OU DE LA SOLUTION SERONT EXEMPTS DE VIRUS OU D’AUTRES CODES\r\n DESTRUCTIFS. VOUS ÊTES UNIQUEMENT ET ENTIÈREMENT RESPONSABLE DE VOTRE UTILISATION DU SITE WEB ET DE\r\n VOTRE ORDINATEUR, D’INTERNET ET DE LA SÉCURITÉ DES DONNÉES. DANS TOUTE LA MESURE PRÉVUE PAR LA LOI,\r\n NOUS NE SERONS PAS RESPONSABLES DES PERTES OU DOMMAGES CAUSÉS PAR UNE ATTAQUE PAR DÉNI DE SERVICE,\r\n ATTAQUE PAR DÉNI DE SERVICE DISTRIBUÉ, SURCHARGEMENT, INONDATION, BOMBARDERIE, OU DES PANNES\r\n INFORMATIQUES, VIRUS, CHEVAUX DE TROIE, VERS, BOMBES LOGIQUES, OU D’AUTRES MATÉRIAUX\r\n TECHNOLOGIQUEMENT NOCIFS QUI PEUVENT NUIRE À VOTRE ÉQUIPEMENT INFORMATIQUE, LOGICIELS, DONNÉES, OU\r\n AUTRE MATÉRIEL EXCLUSIF EN RAISON DE VOTRE UTILISATION DE LA SOLUTION OU DE TOUT SERVICE OU ARTICLE\r\n TROUVÉ OU ATTEINT PAR LE BIAIS DU SITE WEB OU DE TÉLÉCHARGEMENT DE TOUT MATÉRIEL PUBLIÉ SUR\r\n CELUI-CI, OU SUR TOUT SITE WEB LIÉ À CELUI-CI.\r\n
\r\n\r\nLimitation de responsabilité
\r\n\r\n SAUF LORSQUE DE TELLES EXCLUSIONS SONT INTERDITES PAR LA LOI, EN AUCUN CAS LIVINGSTON ET SES\r\n FILIALES OU LEURS DIRECTEURS RESPECTIFS, DIRIGEANTS, EMPLOYÉS, AGENTS, PRESTATAIRES DE SERVICES,\r\n ENTREPRENEURS, CONCÉDANTS DE LICENCE, TITULAIRES DE LICENCE, FOURNISSEURS, OU LES SUCCESSEURS NE\r\n SERONT RESPONSABLES DE LA NÉGLIGENCE, NÉGLIGENCE GRAVE, FAUSSE REPRÉSENTATION, VIOLATION\r\n FONDAMENTALE, DES DOMMAGES DE QUELQUE NATURE QUE CE SOIT, DANS LE CADRE DE TOUTE THÉORIE JURIDIQUE,\r\n Y COMPRIS TOUS DOMMAGES-INTÉRÊTS DIRECTS, INDIRECTS, SPÉCIAUX, ACCESSOIRES, CONSÉCUTIFS, OU\r\n DOMMAGES-INTÉRÊTS PUNITIFS, Y COMPRIS, MAIS SANS S’Y LIMITER, BLESSURES CORPORELLES, DOULEUR ET\r\n SOUFFRANCE, TROUBLE ÉMOTIONNEL, PERTE DE REVENUS, PERTE DE PROFITS, PERTE D’ENTREPRISE OU ÉCONOMIES\r\n PRÉVUES, PERTE D’UTILISATION, PERTE DE BIENS, PERTE DE DONNÉES, ET QU’ILS SOIENT CAUSÉS PAR UN DÉLIT\r\n (Y COMPRIS LA NÉGLIGENCE), RUPTURE DE CONTRAT, VIOLATION DE LA VIE PRIVÉE, OU AUTRE, MÊME SI LA\r\n PARTIE A ÉTÉ CONSEILLÉE OU AVAIT EU RAISON DE SAVOIR, DÉCOULANT DE OU EN LIEN AVEC VOTRE\r\n UTILISATION, OU VOTRE INCAPACITÉ D’UTILISER, OU DE VOUS FIER À LA SOLUTION, À TOUT SITE WEB LIÉ OU À\r\n TOUT AUTRE SITE WEB TIERS, OU À TOUT CONTENU DU SITE WEB, MATÉRIAUX, PUBLICATION, OU LES\r\n RENSEIGNEMENTS QUI S’Y RAPPORTENT, MÊME SI LA PARTIE A ÉTÉ CONSEILLÉE OU AVAIT EU RAISON DE SAVOIR.\r\n
\r\n\r\n VOUS RENONCEZ À LA RESPONSABILITÉ DE LIVINGSTON ET SES FILIALES, SOCIÉTÉS AFFILIÉES ET SES\r\n DIRECTEURS, DIRIGEANTS, EMPLOYÉS, AGENTS, PRESTATAIRES DE SERVICES, ENTREPRENEURS, CONCÉDANTS DE\r\n LICENCE, TITULAIRES DE LICENCE RESPECTIFS, FOURNISSEURS ET SUCCESSEURS RESPECTIFS DE TOUTE\r\n RÉCLAMATION RÉSULTANT DE TOUTE ACTION DE LIVINGSTON ET DE L’UNE DES PARTIES CI-DESSUS RELATIVE À\r\n TOUTE ENQUÊTE DE LIVINGSTON OU DE CES PARTIES OU DES AUTORITÉS CHARGÉES DE L’APPLICATION DES LOIS.\r\n
\r\n\r\n Nous n’avons aucune obligation, ni aucune responsabilité envers toute partie de surveiller les\r\n solutions ou leur utilisation, et nous ne nous engageons pas et ne pouvons pas nous engager à\r\n examiner le matériel que vous ou d’autres utilisateurs soumettez aux solutions. Nous ne pouvons pas\r\n assurer le retrait rapide de matériel répréhensible après qu’il a été publié et nous n’avons aucune\r\n responsabilité pour toute action ou inaction concernant les transmissions, les communications ou le\r\n contenu fourni par un utilisateur ou un tiers, sous réserve des lois applicables.\r\n
\r\n\r\nIndemnisation
\r\n\r\n Dans toute la mesure permise par la loi applicable, l’utilisateur accepte de défendre, indemniser,\r\n et dégager Livingston, ses filiales, sociétés affiliées et leurs directeurs respectifs, dirigeants,\r\n employés, agents, prestataires de services, les entrepreneurs, concédants de licence, fournisseurs,\r\n les successeurs, et cessionnaires de et contre toutes réclamations, toutes responsabilités, tous\r\n dommages, tous jugements, toutes récompenses, toutes pertes, tous coûts, toutes dépenses, ou tous\r\n frais (y compris les honoraires d’avocat raisonnables) découlant de ou en rapport avec la violation\r\n par l’utilisateur des modalités de la présente entente ou s’y rapportant, ou l’utilisation de la\r\n solution, y compris, mais sans s’y limiter, les sites tiers, toute utilisation du contenu de la\r\n solution, des services et des produits autres que ceux expressément autorisés dans la présente\r\n entente.\r\n
\r\n\r\nTiers
\r\n\r\n Pour votre commodité, les solutions de Livingston peuvent fournir des liens ou des pointeurs vers\r\n des sites tiers, par exemple, à des fins de traitement des paiements. Nous ne faisons aucune\r\n représentation au sujet de tout autre site Web auquel on peut accéder à partir des solutions de\r\n Livingston. Si vous choisissez d’accéder à de tels sites, vous le faites à vos propres risques. Nous\r\n n’avons aucun contrôle sur le contenu de ces sites tiers et n’acceptons aucune responsabilité pour\r\n ces sites ou pour toute perte ou tout dommage pouvant découler de votre utilisation de ceux-ci. Vous\r\n êtes assujetti à toutes les modalités de ces sites tiers.\r\n
\r\n\r\nConfidentialité
\r\n\r\n En soumettant vos renseignements personnels et en utilisant nos solutions, vous consentez à la\r\n collecte, l’utilisation, la reproduction, l’hébergement, la transmission et la divulgation de tout\r\n contenu d’utilisateur soumis conformément à notre Politique de confidentialité, comme nous le\r\n jugeons nécessaire pour l’utilisation des solutions et la prestation de services. En utilisant nos\r\n solutions, vous consentez à l’utilisation de témoins qui permettent à un serveur de rappeler les\r\n demandes précédentes ou l’enregistrement et/ou les adresses IP pour analyser les habitudes\r\n d’utilisation du site Web. Vous pouvez configurer votre navigateur pour qu’il vous informe avant de\r\n recevoir un témoin, ce qui vous donne la possibilité de l’accepter ou non. Vous pouvez également\r\n configurer votre navigateur pour désactiver les témoins. Cependant, si vous le faites, certaines\r\n zones des solutions pourraient ne pas fonctionner adéquatement. Pour plus d’informations sur ces\r\n pratiques de collecte automatisée de renseignements, consultez{' '}\r\n \r\n https://www.livingstonintl.com/fr/a-propos-de-nous/terms-of-use-privacy/declaration-de-confidentialite/politique-de-livingston-en-matiere-de-temoins-de-connection/\r\n \r\n .\r\n
\r\n\r\nDroit applicable et choix du forum
\r\n\r\n Les solutions et la présente entente seront régies et interprétées conformément aux lois de la\r\n province de l’Ontario, à l’exception des principes de conflit de lois qui régissent l’application de\r\n toute loi autre que celle de l’Ontario. Les tribunaux de la province de l’Ontario auront compétence\r\n sur tous les différends entre les parties aux présentes découlant de la présente entente ou s’y\r\n rapportant et des accords, instruments et documents visés par les présentes. Par les présentes, les\r\n parties consentent et conviennent de se soumettre à la compétence de ces tribunaux.\r\n
\r\n\r\nEntente complète
\r\n\r\n La présente entente et notre Politique de confidentialité et notre Politique sur les témoins\r\n constituent la seule et unique entente entre l’utilisateur et Livingston concernant l’utilisation\r\n des solutions de Livingston et remplacent toutes les ententes, conventions, déclarations et\r\n garanties antérieures et contemporaines, tant par écrit qu’à l’oral, concernant ce sujet.\r\n
\r\n\r\nLangue
\r\n\r\n C’est la volonté expresse des parties que la présente convention ainsi que les documents qui s’y\r\n rattachent soient rédigés en anglais.\r\n
\r\n\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n return \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Top Party Report\r\n \r\n
\r\n - \r\n
- Top Shippers \r\n
- Top Carriers \r\n
- Top Consignees \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Top Ports Report\r\n \r\n
\r\n - \r\n
- Top Port Pairs: Load to Delivery \r\n
- Top Ports of Entry \r\n
- Top Ports of Loading \r\n
- Top Ports of Delivery \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Equipment Usage Report\r\n \r\n
\r\n - \r\n
- # of Containers by Equipment Type \r\n
{bodyBRP}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n status: state.brp.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onInitBRPReports: () => dispatch(actionCreators.initBRPReports())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BRPReportsForm);\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass EmailConfirmedForm extends Component {\r\n componentDidMount = () => {\r\n $('#overlay').show();\r\n\r\n this.props.onInitTranslations('ClientAdmin.Signup.EmailConfirmed');\r\n\r\n const requestId = this.props.location.search.substring(\r\n this.props.location.search.indexOf('=') + 1,\r\n this.props.location.search.length\r\n );\r\n\r\n this.props.onConfirmEmail(requestId, this.props.history);\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n\r\n // Show spinner + prevent user from leaving\r\n const isActive = !['Locked', 'AlreadyDone', 'InvalidRequest', 'Error'].includes(this.props.emailConfirmationStatus);\r\n\r\n if (isActive) {\r\n $('#overlay').show();\r\n } else {\r\n $('#overlay').hide();\r\n }\r\n }\r\n\r\n componentWillUnmount = () => {\r\n this.props.onResetEmailConfirmationState();\r\n };\r\n\r\n GetMessages() {\r\n let messageLvl1;\r\n let messageLvl2;\r\n let messageLvl3;\r\n let btnMessage;\r\n\r\n if (this.props.emailConfirmationStatus === 'Locked') {\r\n messageLvl1 = this.props.translations.Phrases['ConfirmationLocked_Label_Level_1'];\r\n messageLvl2 = this.props.translations.Phrases['ConfirmationLocked_Label_Level_2'];\r\n messageLvl3 = this.props.translations.Phrases['ConfirmationLocked_Label_Level_3'];\r\n btnMessage = this.props.translations.Phrases['ConfirmationLocked_BackToDashboard_Label'];\r\n } else if (this.props.emailConfirmationStatus === 'AlreadyDone') {\r\n messageLvl1 = this.props.translations.Phrases['ConfirmationDone_Label_Level_1'];\r\n messageLvl2 = this.props.translations.Phrases['ConfirmationDone_Label_Level_2'];\r\n messageLvl3 = this.props.translations.Phrases['ConfirmationDone_Label_Level_3'];\r\n btnMessage = this.props.translations.Phrases['ConfirmationDone_BackToDashboard_Label'];\r\n } else if (this.props.emailConfirmationStatus === 'InvalidRequest') {\r\n messageLvl1 = this.props.translations.Phrases['InvalidRequest_Label_Level_1'];\r\n messageLvl2 = this.props.translations.Phrases['InvalidRequest_Label_Level_2'];\r\n messageLvl3 = this.props.translations.Phrases['InvalidRequest_Label_Level_3'];\r\n btnMessage = this.props.translations.Phrases['InvalidRequest_BackToDashboard_Label'];\r\n } else {\r\n messageLvl1 = this.props.translations.Phrases['Page_Header'];\r\n messageLvl2 = this.props.translations.Phrases['Page_Sub_Header'];\r\n messageLvl3 = this.props.translations.Phrases['Page_Sub_Header_2'];\r\n btnMessage = this.props.translations.Phrases['BackToDashboard_Label'];\r\n }\r\n return { messageLvl1, messageLvl2, messageLvl3, btnMessage };\r\n }\r\n\r\n render() {\r\n let { messageLvl1, messageLvl2, messageLvl3, btnMessage } = this.GetMessages();\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n emailConfirmationStatus: state.featureSetup.model.EmailConfirmationStatus,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onConfirmEmail: (requestId, history) => dispatch(actionCreators.confirmEmail(requestId, history)),\r\n onResetEmailConfirmationState: () => dispatch(actionCreators.resetEmailConfirmationState())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EmailConfirmedForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport SubmitButton from '../../../common/SubmitButton/SubmitButton';\r\nimport Textbox from '../../../common/Textbox/Textbox';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass FeatureSetupForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('ClientAdmin.Signup.FeatureSetup');\r\n\r\n const requestId = this.props.location.search.substring(\r\n this.props.location.search.indexOf('=') + 1,\r\n this.props.location.search.length\r\n );\r\n this.props.onGetFeatureSetup(requestId, this.props.history);\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n if (this.props.model.Redirect) {\r\n this.props.history.push({\r\n pathname: '/SuccessfullSubmit',\r\n state: {\r\n backToPath: '/Dashboard',\r\n backToLabel: 'BackToDashboard_Label',\r\n phraseGroup: 'ClientAdmin.Signup.SuccessfulFeatures'\r\n }\r\n });\r\n }\r\n }\r\n\r\n /* onChangeFeatureUsername = (value) => {\r\n this.props.changeFeatureUsername(value);\r\n };*/\r\n\r\n componentWillUnmount = () => {\r\n this.props.onResetFeatureSetupState();\r\n };\r\n\r\n render() {\r\n if (this.props.model.RequestId.length > 0 && this.props.translations.PhraseGroupCode === 'ClientAdmin.Signup.FeatureSetup') {\r\n const usernameLabel = this.props.model.Feature.ParentName + ' ' + this.props.translations.Phrases['SystemUsername_Label'];\r\n const clientNumbers = this.props.model.ClientServiceNumbers.join(', ');\r\n\r\n let featureName = '';\r\n if (this.props.model.Feature != null) {\r\n featureName = this.props.model.Feature.ParentName ? this.props.model.Feature.ParentName : this.props.model.Feature.Name;\r\n }\r\n\r\n const systemName = featureName + ' ' + this.props.translations.Phrases['Page_Header'];\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {messageLvl1}
\r\n{messageLvl2}
\r\n{messageLvl3}
\r\n\r\n \r\n {btnMessage}\r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.featureSetup.model,\r\n validationMessages: state.featureSetup.validationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onGetFeatureSetup: (requestId, history) => dispatch(actionCreators.getFeatureSetup(requestId, history)),\r\n featureSetupSetValidationMessages: (validationMessages) =>\r\n dispatch(actionCreators.featureSetupSetValidationMessages(validationMessages)),\r\n onResetFeatureSetupState: () => dispatch(actionCreators.resetStateFeatureSetup())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FeatureSetupForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass IMSUserNotFoundForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('ClientAdmin.Signup.IMSUserNotFound');\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {systemName}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IMSUserNotFoundForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass StepFinishedForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('ClientAdmin.Signup.StepFinished');\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n{this.props.translations.Phrases['Page_Sub_Header']}
\r\n\r\n \r\n {this.props.translations.Phrases['BackToDashboard_Label']}\r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(StepFinishedForm);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass ModalConfirm extends Component {\r\n static defaultProps = {\r\n isOpen: false,\r\n CancelButtonText: 'Cancel',\r\n OkButtonText: 'OK'\r\n };\r\n\r\n static propTypes = {\r\n isOpen: PropTypes.bool,\r\n onRequestClose: PropTypes.func,\r\n customAction: PropTypes.func,\r\n onRequestConfirm: PropTypes.func,\r\n onUserClick: PropTypes.func,\r\n title: PropTypes.string,\r\n OkButtonText: PropTypes.string,\r\n CancelButtonText: PropTypes.string\r\n };\r\n\r\n deleteButton = () => {\r\n this.props.onUserClick();\r\n this.props.onRequestClose();\r\n };\r\n\r\n onRequestClose = () => {\r\n if (this.props.customAction !== undefined) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n{this.props.translations.Phrases['Page_Sub_Header']}
\r\n\r\n \r\n {this.props.translations.Phrases['BackToDashboard_Label']}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ModalConfirm;\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport ModalConfirm from '../../common/Modal/ModalConfirm';\r\nimport TextArea from '../../common/Textarea/Textarea';\r\nimport { setValueByPath } from '../../utils/mlp-utils';\r\n\r\nclass RejectModal extends Component {\r\n state = {\r\n isOpen: false\r\n };\r\n\r\n reject = () => {\r\n $('#overlay').show();\r\n axios\r\n .post(this.props.action, this.props.model)\r\n .then((response) => {\r\n if (response.data === 'SuccessfulSubmit') {\r\n this.props.history.push({\r\n pathname: '/SuccessfullSubmit',\r\n state: {\r\n backToPath: this.props.onSuccessfulReject.backToPath,\r\n backToLabel: this.props.onSuccessfulReject.backToLabel,\r\n phraseGroup: this.props.onSuccessfulReject.phraseGroup\r\n }\r\n });\r\n } else {\r\n //get validation messages\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.postAction(validationMessages);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({ isOpen: false });\r\n };\r\n\r\n openModal = () => {\r\n this.setState({ isOpen: true });\r\n };\r\n\r\n clearMessage = () => {\r\n this.setState({ isOpen: false });\r\n this.props.onValueChanged('');\r\n };\r\n\r\n render() {\r\n const rejectionMessageValidation =\r\n this.props.translations === undefined || this.props.ValidationMessages === undefined\r\n ? ''\r\n : this.props.translations.Phrases[this.props.ValidationMessages.RejectionMessage];\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.title}
\r\n{this.props.children}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.btnText}\r\n \r\n \r\n
\r\n \r\n {rf.RequestedFeatureName} {selected}\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(UserInfo);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\n\r\nclass MoreDetailsIcon extends Component {\r\n static defaultProps = {\r\n faIcon: 'fa-info-circle',\r\n items: [],\r\n isDangerIcon: false\r\n };\r\n\r\n static propTypes = {\r\n faIcon: PropTypes.string,\r\n items: PropTypes.array,\r\n isDangerIcon: PropTypes.bool\r\n };\r\n\r\n renderClassName(element) {\r\n switch (element) {\r\n case 'icon':\r\n let iconClassBase = `tooltips fa ${this.props.faIcon}`;\r\n return this.props.isDangerIcon ? `${iconClassBase} ${this.props.faIcon}--danger` : iconClassBase;\r\n case 'container':\r\n let containerClassBase = `tooltip-container`;\r\n return this.props.isDangerIcon ? `${containerClassBase} ${containerClassBase}--danger` : containerClassBase;\r\n default:\r\n return;\r\n }\r\n }\r\n\r\n render() {\r\n const tooltipItems = this.props.items.map((item, i) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['UserDetails_Label']}\r\n
\r\n{this.props.viewModel.User.FullName}
\r\n {this.props.viewModel.User.CompanyName}
\r\n \r\n {this.props.viewModel.User.Email} {verified}\r\n
\r\n {this.props.viewModel.User.Phone}
\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['ProductRequests_Label']}\r\n
\r\n{requestedFeatures}
\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['RequestedClientNumbers_Label']}\r\n
\r\n {this.props.viewModel.RequestedClientNumbers.join(', ')}\r\n\r\n {item.label}\r\n {item.value}\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n {tooltipItems}
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MoreDetailsIcon;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport MoreDetailsIcon from '../../../common/Icons/MoreDetailsIcon';\r\nimport Searchbox from '../../../common/Searchbox/Searchbox';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass OboSalesforceContactControl extends Component {\r\n state = {\r\n searchBoxValue: ''\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.model.ChangedProperties !== prevProps.model.ChangedProperties ||\r\n this.props.model.User.Email !== prevProps.model.User.Email\r\n ) {\r\n this.props.validateOnBehalfOf(this.props.model);\r\n }\r\n }\r\n\r\n resetUser = () => {\r\n this.props.resetUser();\r\n };\r\n\r\n onSelectSalesforceContact = (contact) => {\r\n this.props.selectedContact();\r\n this.props.selectSalesforceContact(contact);\r\n };\r\n\r\n getUserDetails = (user) => {\r\n return [\r\n { label: this.props.translations.Phrases['Email_Label'], value: user.Email },\r\n { label: this.props.translations.Phrases['Phone_Label'], value: user.Phone },\r\n { label: this.props.translations.Phrases['Account_Label'], value: user.Account },\r\n { label: this.props.translations.Phrases['ContactId_Label'], value: user.ContactId },\r\n { label: this.props.translations.Phrases['Address_Label'], value: user.Address }\r\n ];\r\n };\r\n\r\n formatResultBuilder = (i) => {\r\n const address = i.Address || '';\r\n const addressArray = address.split(',');\r\n let ContactAddress = ;\r\n if (addressArray.length > 1) {\r\n ContactAddress = (\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n searchBoxValueChanged = (val) => {\r\n this.setState({\r\n searchBoxValue: val\r\n });\r\n };\r\n\r\n render() {\r\n const userDetails = this.getUserDetails(this.props.viewModel.User);\r\n let resetButton = (\r\n \r\n {i.FullName} \r\n
\r\n \r\n
\r\n Email:
\r\n {i.Email}
\r\n \r\n
\r\n Phone:
\r\n {i.Phone}
\r\n \r\n
\r\n Account:
\r\n {i.Account}
\r\n \r\n
\r\n {ContactAddress}\r\n ContactId:
\r\n {i.SalesforceId}
\r\n \r\n \r\n {this.props.translations.Phrases['Reset_Label']}\r\n \r\n
\r\n );\r\n if (this.props.viewModel.IsOnBehalfOf) {\r\n resetButton = (\r\n \r\n \r\n {this.props.translations.Phrases['Clear_Label']}\r\n \r\n
\r\n );\r\n }\r\n const resetUser = this.props.viewModel.UserChanged ? resetButton : '';\r\n\r\n let userNameAndEmail = '';\r\n if (this.props.viewModel.User && this.props.viewModel.User.SalesforceId) {\r\n if (this.props.viewModel.IsOnBehalfOf) {\r\n userNameAndEmail = (\r\n \r\n
\r\n );\r\n } else {\r\n userNameAndEmail = (\r\n \r\n
\r\n {resetUser}\r\n \r\n {this.props.viewModel.User.FullName}\r\n
\r\n {this.props.viewModel.User.Email}
\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n {resetUser}\r\n \r\n {this.props.viewModel.User.FullName}\r\n
\r\n {this.props.viewModel.User.Email}
\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n clientServicesSearchBoxValueChanged = (val) => {\r\n this.setState({\r\n clientServicesSearchBoxValue: val\r\n });\r\n };\r\n\r\n render() {\r\n let parentNames = [];\r\n\r\n this.props.viewModel.ClientServicesByCountry.forEach((cs) => {\r\n if (\r\n this.props.viewModel.IsOnBehalfOf ||\r\n cs.CountryCode.toLowerCase() === this.props.viewModel.CoordinatorCountryCode.toLowerCase()\r\n ) {\r\n cs.ParentServices.forEach((p) => {\r\n if (parentNames.indexOf(p.Number) < 0) {\r\n parentNames.push(p.Number);\r\n }\r\n });\r\n }\r\n });\r\n\r\n const salesforceUserControl = (\r\n \r\n {i.Number}\r\n
\r\n \r\n
\r\n Coordinator:
\r\n {i.ServiceCoordinator}
\r\n \r\n \r\n
\r\n Company:
\r\n {i.Name}
\r\n \r\n
\r\n Account:
\r\n {i.AccountName}
\r\n \r\n
\r\n Status:
\r\n {i.StatusCodeName && i.StatusCodeName.length ? i.StatusCodeName : 'Active'}
\r\n \r\n
\r\n {companyAddress}\r\n Corp. Code:
\r\n {i.CorporateCodeName}
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n {userRole}
\r\n {salesforceUserControl}
\r\n \r\n {clientSearchBox}\r\n {expirationDatePicker}\r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n addClientService: (item, role) => dispatch(actionCreators.addClientService(item, role)),\r\n onExpirationDateChanged: (date) => dispatch(actionCreators.expirationDateChanged(date)),\r\n onRoleChange: (item) => dispatch(actionCreators.oboChangeUserRole(item)),\r\n oboSetValidationMessages: (validationMessages) => dispatch(actionCreators.oboSetValidationMessages(validationMessages))\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OnBehalfOfHeader);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Modal from '../../../common/Modal/Modal';\r\n\r\nclass TeamMembersModal extends Component {\r\n static defaultProps = {\r\n isOpen: false\r\n };\r\n\r\n static propTypes = {\r\n isOpen: PropTypes.bool,\r\n onTeamMembersModalClose: PropTypes.func\r\n };\r\n\r\n closeModal = () => {\r\n this.props.onTeamMembersModalClose();\r\n };\r\n\r\n render() {\r\n let teamDisplay;\r\n const team = this.props.teamMembers;\r\n if (this.props.teamMembers.length !== 0) {\r\n const members = this.props.teamMembers.Members.map((member, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n {userRole}\r\n {salesforceUserControl}\r\n {clientSearchBox}\r\n {expirationDatePicker}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {team.Name}
\r\n| Name | \r\nRole | \r\n
|---|
{teamDisplay}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases[this.props.validationMessages.AllClientServices]}\r\n \r\n \r\n {formatTranslated(this.props.validationMessages.ExistingClientServices, this.props.translations.Phrases)}\r\n \r\n {this.props.isOnBehalfOf ? '' : rejectMsgModal}\r\n
\r\n );\r\n\r\n let parentsByCountry = (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n if (\r\n this.props.clientServicesByCountry.some((x) => {\r\n return x.ParentServices.length > 0;\r\n }) &&\r\n this.props.user.Email &&\r\n this.state.currentRole !== ''\r\n ) {\r\n parentsByCountry = this.props.clientServicesByCountry.map((cs, index) => {\r\n return (\r\n \r\n
\r\n
{this.props.translations.Phrases['SelectUserAndClientNumbers_Label']}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n if (this.allClientServicesHaveAdmins() && this.allClientServicesHavePaymentAdmins()) {\r\n submit = (\r\n \r\n
\r\n {this.props.translations.Phrases['AllClientsHaveAdmins_Label']}\r\n \r\n {this.props.translations.Phrases[this.props.validationMessages.AllClientServices]}\r\n \r\n \r\n {formatTranslated(this.props.validationMessages.ExistingClientServices, this.props.translations.Phrases)}\r\n \r\n {this.props.isOnBehalfOf ? null : rejectMsgModal}\r\n
\r\n );\r\n } else {\r\n submit = (\r\n \r\n \r\n {this.props.model.User.Roles.find((role) => role.IsSelected).Value === 'CentralAdmin' &&\r\n this.props.validationMessages.ShipmentStatusMsg\r\n ? this.props.translations.Phrases[this.props.validationMessages.ShipmentStatusMsg]\r\n : this.props.translations.Phrases[this.props.validationMessages.AllClientServices]}\r\n \r\n \r\n {formatTranslated(this.props.validationMessages.ExistingClientServices, this.props.translations.Phrases)}\r\n \r\n {this.props.isOnBehalfOf ? '' : rejectMsgModal}\r\n e.preventDefault()}\r\n />\r\n
\r\n );\r\n }\r\n }\r\n\r\n const noteField =\r\n this.props.clientServicesByCountry.some((x) => {\r\n return x.ParentServices.length > 0;\r\n }) &&\r\n this.props.user.Email &&\r\n this.state.currentRole !== '' ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n validationMessages: state.onBehalfOf.validationMessages,\r\n user: state.onBehalfOf.model.User,\r\n clientServicesByCountry: state.onBehalfOf.model.ClientServicesByCountry,\r\n rejectionMessage: state.onBehalfOf.model.RejectionMessage,\r\n isOnBehalfOf: state.onBehalfOf.model.IsOnBehalfOf,\r\n teamMembers: state.onBehalfOf.model.TeamMembers,\r\n teamMembersModalVisible: state.onBehalfOf.model.TeamMembersModalVisible,\r\n model: state.onBehalfOf.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateClientServicesByCountry: () => dispatch(actionCreators.updateClientServicesByCountry()),\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onCloseTeamMembersModal: () => dispatch(actionCreators.closeTeamMembersModalOBO()),\r\n onGetOnBehalfOf: (requestId) => dispatch(actionCreators.getOnBehalfOf(requestId)),\r\n oboSetValidationMessages: (validationMessages) => dispatch(actionCreators.oboSetValidationMessages(validationMessages)),\r\n onChangeRejectMsg: (rejectMsg) => dispatch(actionCreators.changeOnBehalfOfRejectMsg(rejectMsg)),\r\n onResetStateOnBehalfOf: () => dispatch(actionCreators.resetStateOnBehalfOf()),\r\n onHandleUpdate: (value) => dispatch(actionCreators.updateNoteField(value)),\r\n onRoleChange: (item) => dispatch(actionCreators.oboChangeUserRole(item)),\r\n onGetClientStatus: (numbers) => dispatch(actionCreators.getClientStatus(numbers))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OnBehalfOfForm);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport SearchBox from '../../../common/Searchbox/Searchbox';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass ServiceCoordinatorControl extends Component {\r\n state = {\r\n searchBoxValue: ''\r\n };\r\n\r\n onSelectCoordinator = (coordinator) => {\r\n this.props.onSelectServiceCoordinator(this.props.countryIndex, coordinator);\r\n };\r\n\r\n clearCoordinator = () => {\r\n this.props.onClearServiceCoordinator(this.props.countryIndex);\r\n };\r\n\r\n searchBoxValueChanged = (val) => {\r\n this.setState({\r\n searchBoxValue: val\r\n });\r\n };\r\n\r\n render() {\r\n const selectedSC = this.props.coordinator.Coordinator;\r\n let selectedSCControl = null;\r\n\r\n if (selectedSC) {\r\n selectedSCControl = (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {noteField}\r\n
\r\n {parentsByCountry}
\r\n \r\n {noteField}\r\n
{submit}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {selectedSC.FullName}\r\n
\r\n {selectedSC.Email}
\r\n \r\n \r\n {this.props.translations.Phrases['Clear_Label']}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n getUserDetails = (user) => {\r\n return [\r\n { label: this.props.translations.Phrases['Email_Label'], value: user.Email },\r\n { label: this.props.translations.Phrases['Phone_Label'], value: user.Phone },\r\n { label: this.props.translations.Phrases['Account_Label'], value: user.Account },\r\n { label: this.props.translations.Phrases['ContactId_Label'], value: user.ContactId },\r\n { label: this.props.translations.Phrases['Address_Label'], value: user.Address }\r\n ];\r\n };\r\n\r\n render() {\r\n const vm = this.props.viewModel;\r\n const val = this.props.validationMessages;\r\n const userDetails = this.getUserDetails(vm.User);\r\n let resetButton = (\r\n \r\n {this.props.translations.Phrases['Clear_Label']}\r\n \r\n );\r\n\r\n if (vm.UserChanged) {\r\n resetButton = (\r\n \r\n {this.props.translations.Phrases['Reset_Label']}\r\n \r\n );\r\n }\r\n\r\n let userNameAndEmail = '';\r\n if (vm.User && vm.User.SalesforceId) {\r\n userNameAndEmail = (\r\n \r\n {i.FullName} \r\n
\r\n \r\n
\r\n Email:
\r\n {i.Email}
\r\n \r\n
\r\n Phone:
\r\n {i.Phone}
\r\n \r\n
\r\n Account:
\r\n {i.Account}
\r\n \r\n
\r\n {ContactAddress}\r\n ContactId:
\r\n {i.SalesforceId}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n {vm.User.Email ? \r\n {vm.User.FullName}\r\n
\r\n {vm.User.Email}
\r\n {resetButton}
: ''}\r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.verifyAccess.model,\r\n validationMessages: state.verifyAccess.ValidationMessages\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onGetVerifyAccess: (requestId) => dispatch(actionCreators.getVerifyAccess(requestId)),\r\n onVerifyAccessValidatonMessages: (validationMessages) =>\r\n dispatch(actionCreators.setVerifyAccessValidationMessages(validationMessages)),\r\n onValidateVerifyAccess: (model) => dispatch(actionCreators.validateVerifyAccess(model)),\r\n onChangeRejectMsg: (rejectMsg) => dispatch(actionCreators.changeVerifyAccessRejectMsg(rejectMsg)),\r\n onResetStateVerifyAccess: () => dispatch(actionCreators.resetStateVerifyAccess())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VerifyAccessAdminForm);\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAiCAYAAABIiGl0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAjFJREFUWEftVsFKW0EUvUqjUJJXk0C7EGohXbQIFu266yLYfIA/0O4LgsuCCy3oTzQrXQtCV4WCu35AlW6LSKWrIkQzPefmGl7yrua9mHHlgUPm3rn3nJnJm7zIqAg1+UhaeDcIFamFRP4qMbZ0fIRHstMuTwUSu962dFxgh8+w0/OeMcbM2fT4EOryFjtcCyV5qHEirSvTlHlL51CjtehhfCtAtKniNfmN8QbYcYw7Oocai5vWPjqw+sag0TCyx9pHxzd5Mxmq8s8z8Mha9lh7cQSZfmBDHvcPz8Qja62tTyMX8IA81e+0LosaOw/UdUTfF9NYUg1oMc5ACxL5AJN5hBOaq8meilTlBHPPEa8PGlxH1moPei3eoyYwQQ/1gqdel1TTH/DrVay5RH6xOJ27iSqMnr4cNKndi3ndUFTG6trpwkGi6dTLexxWSy966hmg+NArikF6qSmBM9/0imKQXmarO172imKQXl3TOSkh2PeKYpBe9OTDtesVxCQ9ecyfMMj88McivejZPW6++gpcmVFJD73DaYTHMos79t1rGAepTQ+z6wd/1HEUn8d59Hq01MzzwsBfmRWs8MwTKkJqhBl5Z7L5EJ7IHFb60xPMQ/ZSw+SKAQ/DkSeah9jtsckUA0xfuoKJXOTJab4iL0wuP2D8HuQfvAOsfgufq/o+rcrrjAFyOseabu2B9kLD5G4PiL3KGFdkwabjgSb3xvfGUYBr08B1ueyZYsycTeeEyH90wEhrN3rVjQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAhCAYAAABEM4KbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADqSURBVFhHY2QIWvqfgULw4EgblEUbwASlBzUYHo7MijCDsgYO4HWkp5Mmw9RQFTA9kACrIyN89Bn+r41i2JZtCOaDaBAfJD4QAKsjV2y5yNCy5xmUBwEgPkh8IADeIggUemuufWMI0eJiYAxeBhXFBCB1tAQ402RCoBGYDq3dAKZh/IEAOB15/el7eOiB6GtP3oPZAwFwOvLkqftQFgScOo3KpyfA6cjBBIaEIxkfiGlT3MCgNRiNbmqBUUdSC4w6klqA8T8QQNmDFoxGN7XAqCOpBYZG7h5tYFAJjDqSWmDUkdQCQ8CRDAwAPOo6dm9NpM4AAAAASUVORK5CYIJIstCycUCNkAQ3MGjbOKCGM/E0MKhhPLXMGBJpctSRIyq6WTZceEktD9PEHGADw340TVIraEdDckSFJIucIMddavmYFuZwsjGdAACMZkj2MtXf6gAAAABJRU5ErkJggg==\"","const aux = (props) => props.children;\r\n\r\nexport default aux;\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport Aux from '../../core/_aux/_aux';\r\nimport InputBase from '../Inputbase/Inputbase';\r\n\r\nclass CustomDropDown extends Component {\r\n state = { dropDownVisible: false };\r\n areaRef = React.createRef();\r\n\r\n static defaultProps = {\r\n name: '',\r\n defaultOptionText: 'Select an option',\r\n valueField: 'Value',\r\n textField: 'Text',\r\n customArrow: 'fa fa-caret-down arrow',\r\n onlyCustomAction: false\r\n };\r\n\r\n static propTypes = {\r\n name: PropTypes.string,\r\n defaultOptionText: PropTypes.string,\r\n valueField: PropTypes.string,\r\n textField: PropTypes.string,\r\n customArrow: PropTypes.string,\r\n label: PropTypes.string,\r\n onlyCustomAction: PropTypes.bool,\r\n options: PropTypes.array,\r\n disabled: PropTypes.bool,\r\n customAction: PropTypes.func,\r\n onItemChanged: PropTypes.func\r\n };\r\n\r\n updateState = (event) => {\r\n const oldIndex = this.props.options.findIndex((element) => element.IsSelected === true);\r\n const newIndex = this.props.options.findIndex((element) => element[this.props.textField] === event.target.textContent);\r\n\r\n if (!this.props.onlyCustomAction) {\r\n this.props.onItemChanged(newIndex, oldIndex, this.props.name);\r\n }\r\n\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n\r\n this.closeDropDown();\r\n };\r\n\r\n toggleDropDown = () => {\r\n if (this.props.disabled) return false;\r\n\r\n if (this.state.dropDownVisible) {\r\n this.closeDropDown();\r\n } else {\r\n this.openDropDown();\r\n }\r\n };\r\n\r\n openDropDown = () => {\r\n this.setState({ dropDownVisible: true });\r\n };\r\n\r\n closeDropDown = () => {\r\n this.setState({ dropDownVisible: false });\r\n };\r\n\r\n handleClick = (event) => {\r\n if (this.areaRef.current !== undefined && !this.areaRef.current.contains(event.target)) {\r\n this.closeDropDown();\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n window.addEventListener('click', this.handleClick);\r\n };\r\n\r\n componentWillUnmount = () => {\r\n window.removeEventListener('click', this.handleClick);\r\n };\r\n\r\n render() {\r\n let selectedValue = '';\r\n\r\n if (this.props.options && this.props.options.length > 0 && this.props.textField) {\r\n let selectedOptions = this.props.options.find((o) => o.IsSelected === true);\r\n if (selectedOptions) {\r\n selectedValue = selectedOptions[this.props.textField];\r\n }\r\n }\r\n const options = this.props.options\r\n ? this.props.options.map((option) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n {coordinators}\r\n \r\n\r\n
\r\n
\r\n this.updateState(event)}>\r\n {option[this.props.textField]}\r\n
\r\n );\r\n })\r\n : '';\r\n\r\n return (\r\n \r\n
\r\n \r\n {selectedValue}\r\n \r\n
\r\n {options}
\r\n \r\n })
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ToggleIcon;\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport Checked from '../../assets/images/checkbox-checked.png';\r\nimport Unchecked from '../../assets/images/checkbox-empty.png';\r\nimport ToggleIcon from './ToggleIcon';\r\n\r\nclass CheckIcon extends Component {\r\n static propTypes = {\r\n isChecked: PropTypes.bool\r\n };\r\n\r\n render() {\r\n return \r\n
\r\n );\r\n });\r\n\r\n return {displayText}
\r\n this.props.onClientServiceSelect(!cs.IsSelected, cs, false)}>\r\n this.props.onClientServiceSelect(!cs.IsSelected, cs, false)}\r\n className='checkbox-none'\r\n />\r\n
\r\n {rows}
;\r\n };\r\n}\r\nexport default ChooserGridRowDetails;\r\n","import React, { Component } from 'react';\r\nimport CheckIcon from '../Icons/CheckIcon';\r\nimport ExpandIcon from '../Icons/ExpandIcon';\r\nimport ChooserGridRowDetails from './ChooserGridRowDetails';\r\n\r\nclass ChooserGridRow extends Component {\r\n state = {\r\n showDetails: false\r\n };\r\n\r\n toggleDetails = (e) => {\r\n this.setState({ showDetails: !this.state.showDetails });\r\n };\r\n\r\n showDetailsIconClass = () => {\r\n const elementClass = ['fa', 'fa-lg'];\r\n if (this.state.showDetails) {\r\n elementClass.push('fa-minus-square-o');\r\n } else {\r\n elementClass.push('fa-plus-square-o');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n selectGroup = (cs, isChecked) => {\r\n this.props.onClientServiceSelect(!isChecked, cs, true);\r\n };\r\n\r\n render() {\r\n const rowDetails = this.state.showDetails ? \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ChooserGridRow;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { groupBy } from '../../utils/mlp-utils';\r\nimport ChooserGridRow from './ChooserGridRow';\r\n\r\nclass ChooserGrid extends Component {\r\n selectAll = (isSelected) => {\r\n this.props.onToggleSelect(isSelected);\r\n };\r\n render() {\r\n const selectedCount = this.props.data.filter((c) => c.IsSelected).length;\r\n const totalCountText = `${selectedCount}/${this.props.data.length} ${this.props.translations.Phrases['Clients_Selected_Label']}`;\r\n const groupingAttribute = this.props.groupingAttribute;\r\n\r\n const groupedClientServicesObject = groupBy(this.props.data, groupingAttribute);\r\n const groupedClientServices = Object.values(groupedClientServicesObject);\r\n\r\n const rows = groupedClientServices.map((val, index) => {\r\n return (\r\n \r\n
\r\n {rowDetails}\r\n \r\n {\r\n \r\n \r\n
\r\n \r\n {displayText}\r\n
\r\n \r\n {\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\nexport default connect(mapStateToProps)(ChooserGrid);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass ModalClientPicker extends Component {\r\n state = {\r\n isOpen: this.props.isOpen\r\n };\r\n\r\n static defaultProps = {\r\n isOpen: false,\r\n CancelButtonText: 'Cancel',\r\n OkButtonText: 'OK'\r\n };\r\n static propTypes = {\r\n isOpen: PropTypes.bool.isRequired,\r\n onRequestConfirm: PropTypes.func,\r\n CancelButtonText: PropTypes.string,\r\n OkButtonText: PropTypes.string,\r\n customAction: PropTypes.func\r\n };\r\n\r\n onRequestClose = () => {\r\n if (this.props.customAction !== undefined) {\r\n this.props.customAction();\r\n }\r\n };\r\n render() {\r\n return (\r\n \r\n
\r\n {rows}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {totalCountText}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ModalClientPicker;\r\n","import $ from 'jquery';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport { getCountryFromSelectedServices, getSelectedClientServices } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport TextBox from '../Textbox/Textbox';\r\nimport ChooserGrid from './ChooserGrid';\r\nimport ModalClientPicker from './ModalClientPicker';\r\n\r\nclass ChooserContent extends Component {\r\n state = {\r\n searchText: '',\r\n enableOk: true,\r\n isModelChanged: false\r\n };\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n if (!state.data && props.data.Countries && props.data.Countries.length > 0) {\r\n return {\r\n searchText: '',\r\n data: { ...props.data }\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n componentDidMount = () => {\r\n this.handleSearch = this.debounce((query) => {\r\n this.getServices(query);\r\n }, 500);\r\n };\r\n\r\n debounce = (func, wait = 100) => {\r\n let timeout;\r\n return (...args) => {\r\n clearTimeout(timeout);\r\n timeout = setTimeout(() => {\r\n func.apply(this, args);\r\n }, wait);\r\n };\r\n };\r\n\r\n getServices = (query) => {\r\n const model = this.state.data;\r\n const country = getCountryFromSelectedServices(this.state.data.Countries);\r\n const selected = model.ClientServices.filter((item) => {\r\n return item.IsSelected;\r\n });\r\n\r\n $('#client-chooser-loader').show();\r\n axios\r\n .post(dashboard.DASHBOARD_SEARCH_EDM_CLIENT_SERVICES_URL, null, { params: { numberOrName: query, countryCode: country.Code } })\r\n .then((response) => {\r\n if (this.state.searchText === '') {\r\n return;\r\n }\r\n\r\n let resultingServices = response.data.filter((item) => {\r\n return selected.find((s) => s.FullNumber === item.FullNumber) === undefined;\r\n });\r\n\r\n const clientServices = resultingServices.concat(selected);\r\n\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n ClientServices: clientServices\r\n }\r\n }));\r\n })\r\n .finally(() => {\r\n $('#client-chooser-loader').hide();\r\n });\r\n };\r\n\r\n search = (value) => {\r\n if (this.props.data.ServicesLimitReached && value.length >= 4) {\r\n this.handleSearch(value);\r\n }\r\n\r\n if (value === '') {\r\n this.resetSearch();\r\n return;\r\n }\r\n\r\n this.setState({ searchText: value });\r\n };\r\n\r\n resetSearch = () => {\r\n if (this.state.data.ServicesLimitReached) {\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n ClientServices: this.state.data.ClientServices ?? []\r\n },\r\n searchText: '',\r\n isModelChanged: false\r\n }));\r\n } else {\r\n this.setState({ searchText: '', isModelChanged: false });\r\n }\r\n };\r\n\r\n chooseCountry = (newIndex, oldIndex) => {\r\n if (newIndex !== oldIndex) {\r\n const value = this.state.data.Countries.map((c, index) => {\r\n if (index === oldIndex) {\r\n c = { ...c, IsSelected: false };\r\n } else if (index === newIndex) {\r\n c = { ...c, IsSelected: true };\r\n }\r\n return c;\r\n });\r\n\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n Countries: value\r\n },\r\n isModelChanged: true\r\n }));\r\n }\r\n };\r\n\r\n toggleAll = (isSelected) => {\r\n const model = this.state.data;\r\n const country = this.state.data.Countries.find((c) => {\r\n return c.IsSelected;\r\n });\r\n const countryServices = model.ClientServices.filter((cs) => {\r\n return cs.CountryCode === country.Code;\r\n });\r\n\r\n if (isSelected && countryServices.length > model.MaxSelectedServicesPerCountry) {\r\n toastr.error(this.props.translations.Phrases['MaxServicesSelectedError_Label'], model.MaxSelectedServicesPerCountry);\r\n return;\r\n }\r\n\r\n if (countryServices.length > 0) {\r\n const mapedCS = countryServices.map((cs) => {\r\n if (this.filterBySearchText(cs, this.state.searchText)) {\r\n cs = {\r\n ...cs,\r\n IsSelected: isSelected\r\n };\r\n }\r\n return cs;\r\n });\r\n\r\n const servicesOfNonSelectedCountries = model.ClientServices.filter((cs) => {\r\n return cs.CountryCode !== country.Code;\r\n });\r\n\r\n servicesOfNonSelectedCountries.map((s) => mapedCS.push(s))\r\n\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n ClientServices: mapedCS\r\n },\r\n isModelChanged: true\r\n }));\r\n }\r\n };\r\n\r\n toggleClientService = (isSelected, clientService, toggleGroupFlag) => {\r\n const model = this.state.data;\r\n const country = this.state.data.Countries.find((c) => {\r\n return c.IsSelected;\r\n });\r\n\r\n if (isSelected && getSelectedClientServices(model).length >= model.MaxSelectedServicesPerCountry) {\r\n toastr.error(this.props.translations.Phrases['MaxServicesSelectedError_Label'], model.MaxSelectedServicesPerCountry);\r\n return;\r\n }\r\n\r\n const servicesToToggle = model.ClientServices.map((cs) => {\r\n if (\r\n cs.CountryCode === country.Code &&\r\n cs.Number === clientService.Number &&\r\n (toggleGroupFlag || cs.FullNumber === clientService.FullNumber)\r\n ) {\r\n cs = {\r\n ...cs,\r\n IsSelected: isSelected\r\n };\r\n }\r\n return cs;\r\n });\r\n\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n ClientServices: servicesToToggle\r\n },\r\n isModelChanged: true\r\n }));\r\n };\r\n\r\n confirmChoice = () => {\r\n let model = this.state.data;\r\n const services = model.ServicesLimitReached ? model.ClientServices.filter((cs) => cs.IsSelected) : model.ClientServices;\r\n model.ClientServices = services;\r\n if (this.state.isModelChanged) {\r\n this.saveClientNumberSelection(model);\r\n } else {\r\n this.cancelChoice();\r\n }\r\n };\r\n\r\n saveClientNumberSelection = (model) => {\r\n $('#client-chooser-loader').show();\r\n axios\r\n .post(dashboard.DASHBOARD_SAVE_CLIENTSERVICESELECTION_URL, model)\r\n .then(() => {\r\n this.props.onRequestConfirm(model);\r\n })\r\n .catch((error) => {\r\n if (error.toString() === '') {\r\n toastr.error(this.props.translations.Phrases['Client_Selection_Save_Session_Expired_Label']);\r\n toastr.clear();\r\n // toastr.error('Session is timed out, please log in again.'); //TODO - Change to error label for next iteration(uncomment line above, delete this line)\r\n } else {\r\n toastr.error(this.props.translations.Phrases['Client_Selection_Save_Error_Label']);\r\n }\r\n })\r\n .finally(() => {\r\n $('#client-chooser-loader').hide();\r\n this.cancelChoice();\r\n });\r\n };\r\n\r\n cancelChoice = () => {\r\n this.resetSearch();\r\n this.props.closeModal();\r\n };\r\n\r\n filterClientServices = () => {\r\n const searchTxt = this.state.searchText;\r\n const selectedCountry = this.state.data.Countries ? this.state.data.Countries.find((c) => c.IsSelected) : '';\r\n\r\n const clientServices = this.state.data.ClientServices\r\n ? this.state.data.ClientServices.filter(\r\n (cs) => cs.CountryCode === selectedCountry.Code && (!searchTxt || this.filterBySearchText(cs, searchTxt))\r\n )\r\n : '';\r\n\r\n return clientServices;\r\n };\r\n\r\n filterBySearchText = (cs, matchPattern) => {\r\n if (matchPattern === undefined || matchPattern === '') return true;\r\n return (\r\n cs.FullNumber.includes(matchPattern) ||\r\n cs.Name.toLowerCase().includes(matchPattern.toLowerCase()) ||\r\n cs.IsSelected.toString().toLowerCase().includes('true')\r\n );\r\n };\r\n\r\n render() {\r\n if (!this.state.data || !this.state.data.Countries || this.state.data.Countries.length === 0) return null;\r\n const countryServices = this.filterClientServices();\r\n const servicesLimitReached = this.props.data.ServicesLimitReached;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.children}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\nexport default connect(mapStateToProps)(ChooserContent);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport IconCa from '../../assets/images/ca-icon.png';\r\nimport IconUs from '../../assets/images/us-icon.png';\r\nimport { clientChooser as Constants } from '../../constants/mlp-constants';\r\nimport ChooserContent from './ChooserContent';\r\n\r\nclass ChooserControl extends Component {\r\n state = {\r\n chooserIsOpen: false\r\n };\r\n\r\n updateClientServiceSelection = (data) => {\r\n this.props.onConfirm(data);\r\n };\r\n\r\n closeChooser = () => {\r\n this.setState({ chooserIsOpen: false });\r\n };\r\n\r\n openChooser = () => {\r\n if (this.props.data.Countries && this.props.data.Countries.length > 0) {\r\n this.setState({ chooserIsOpen: true });\r\n }\r\n };\r\n\r\n chooseCountryIcon = () => {\r\n if (!this.props.data.Countries || this.props.data.Countries.length <= 0) return '';\r\n const country = this.props.data.Countries.find((c) => c.IsSelected);\r\n\r\n switch (country.Code) {\r\n case Constants.COUNTRY_CODE_US:\r\n return IconUs;\r\n case Constants.COUNTRY_CODE_CA:\r\n return IconCa;\r\n default:\r\n return '';\r\n }\r\n };\r\n\r\n getDisplayText = () => {\r\n if (!this.props.data.Countries || this.props.data.Countries.length <= 0) return this.props.translations.Phrases['No_Clients_Label'];\r\n const country = this.props.data.Countries ? this.props.data.Countries.find((c) => c.IsSelected === true) : '';\r\n const countryServices = this.props.data.ClientServices\r\n ? this.props.data.ClientServices.filter((cs) => cs.CountryCode === country.Code)\r\n : '';\r\n const selectedCount = countryServices ? countryServices.filter((cs) => cs.IsSelected === true).length : 0;\r\n const countCountryServices = countryServices ? countryServices.length : '';\r\n return selectedCount + '/' + countCountryServices + ' ' + this.props.translations.Phrases['Clients_Selected_Label'];\r\n };\r\n render() {\r\n const chooserContent = (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\nexport default connect(mapStateToProps)(ChooserControl);\r\n","import { Component, React } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport styles from './WidgetContent.module.css';\r\n\r\nclass WidgetContent extends Component {\r\n widgetIframeRef = React.createRef();\r\n\r\n openInNewWindow = (url) => {\r\n window.open(url);\r\n };\r\n\r\n onIframeLoad = () => {\r\n // used to prevent page scroll caused by focusing on iframe inputs when content is loaded\r\n // initial iframe display should be set to none\r\n // iframe needs a ref so the DOM element can be retrieved\r\n // set iframe display to block once it's content has loaded\r\n this.widgetIframeRef.current.getDOMNode().style.display = 'block';\r\n };\r\n componentWillUpdate = (nextProps, nextState) => {\r\n // force display none on each re-render, React will not update it automatically\r\n // only do this if widget params changed, meaning the frame needs to be reloaded\r\n\r\n if (this.props.widgetParams !== nextProps.widgetParams) {\r\n this.widgetIframeRef.current.getDOMNode().style.display = 'none';\r\n }\r\n };\r\n\r\n render() {\r\n const widget = this.props.data;\r\n let content = [];\r\n const widgetUrl = widget.Url + this.props.widgetParams;\r\n const alternateWidgetUrl = widget.PopOutUrl + this.props.widgetParams;\r\n\r\n let reportLink = ;\r\n let reportURL = ;\r\n switch (widget.RenderType) {\r\n case dashboard.RENDER_TYPE_TAB:\r\n reportLink = (\r\n \r\n {chooserIcon}\r\n {chooserDisplayText}\r\n
\r\n {this.state.chooserIsOpen && chooserContent}\r\n \r\n \r\n
\r\n );\r\n break;\r\n case dashboard.RENDER_TYPE_LINK:\r\n reportURL = '/Reports/Reports/GetReport?widgetID=' + widget.Id;\r\n reportLink = (\r\n \r\n \r\n {' '}\r\n \r\n
\r\n );\r\n break;\r\n case dashboard.RENDER_WIDGET_ONLY:\r\n reportURL = ;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n content = (\r\n \r\n {content}\r\n {reportLink}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetContent);\r\n","import $ from 'jquery';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { connect } from 'react-redux';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\nimport styles from './WidgetContentPortal.module.css';\r\n\r\nclass WidgetContentPortal extends Component {\r\n expandTooltipRef = React.createRef();\r\n\r\n constructor(props) {\r\n super(props);\r\n this.divRef = React.createRef();\r\n }\r\n\r\n componentDidMount = () => {\r\n $(ReactDOM.findDOMNode(this.expandTooltipRef.current)).tooltip({\r\n title: formatTranslated('ViewReport', this.props.translations.Phrases),\r\n placement: 'top'\r\n });\r\n this.updateWidgetHeights();\r\n };\r\n\r\n componentDidUpdate() {\r\n this.updateWidgetHeights();\r\n }\r\n\r\n updateWidgetHeights = () => {\r\n if (this.divRef.current) {\r\n this.divRef.current.style.height = this.props.style.height + 'px';\r\n this.divRef.current.style.width = this.props.style.width + 'px';\r\n }\r\n };\r\n\r\n openFullReport = (widgetDivId) => {\r\n const widgetPlacement = this.props.model.WidgetPlacementViewModels.find((vm) => vm.Widget.WidgetMapping === widgetDivId);\r\n\r\n let alternateWidgetUrl = widgetPlacement.Widget.PopOutUrl + this.createWidgetParams();\r\n const openFullScreen = widgetPlacement.Widget.RenderType === dashboard.RENDER_TYPE_TAB;\r\n if (!openFullScreen) {\r\n alternateWidgetUrl = dashboard.FULL_REPORT_URL + widgetPlacement.Widget.Id;\r\n }\r\n\r\n window.open(alternateWidgetUrl);\r\n };\r\n\r\n createWidgetParams = () => {\r\n const clientNumbers = this.props.model.ClientServiceSelection.ClientServices.filter((item) => {\r\n return item.IsSelected;\r\n });\r\n let parameters = dashboard.WIDGET_CLIENT_NUMBER_PARAM;\r\n if (clientNumbers.length === 0) {\r\n parameters = '';\r\n } else {\r\n const clientNumberParams = clientNumbers.map((clientNumber, i) => {\r\n return clientNumber.FullNumber;\r\n });\r\n parameters += clientNumberParams.join(';');\r\n }\r\n return parameters;\r\n };\r\n\r\n render() {\r\n const widget = this.props.data;\r\n const selectedClientIds = this.props.clientids;\r\n\r\n let reportLink = ;\r\n\r\n switch (widget.RenderType) {\r\n case dashboard.RENDER_TYPE_TAB:\r\n case dashboard.RENDER_TYPE_LINK:\r\n reportLink = (\r\n \r\n
\r\n {reportLink}
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.dashboard.model,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetContentPortal);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport WidgetContent from './WidgetContent';\r\nimport WidgetContentPortal from './WidgetContentPortal';\r\n\r\nclass Widget extends Component {\r\n handleMoveWidget = () => {\r\n // mlp.dashboard.dispatchers.dashboardDispatcher.emit('handleMoveWidget', [this.propssvg.data]);\r\n //looks like this is not used. Double check when you are able to test\r\n };\r\n\r\n render() {\r\n const vm = this.props.data;\r\n const widgHeight = vm.Widget.Height * this.props.rowHeight + (vm.Widget.Height - 1) * dashboard.WIDGET_SPACING;\r\n const widgWidth = vm.Widget.Width * this.props.colWidth + (vm.Widget.Width - 1) * dashboard.WIDGET_SPACING;\r\n const clientIds = this.props.clientNumbers;\r\n\r\n const divStyle = {\r\n width: widgWidth,\r\n height: widgHeight\r\n };\r\n\r\n const divStyleDef = {\r\n width: widgWidth + dashboard.WIDGET_SPACING / 2,\r\n height: widgHeight + dashboard.WIDGET_SPACING,\r\n marginLeft: dashboard.WIDGET_SPACING / 2\r\n };\r\n\r\n let content = ;\r\n if (this.props.data.Widget.ContentType === dashboard.CONTENT_TYPE_IFRAME) {\r\n content = (\r\n \r\n
\r\n );\r\n } else {\r\n const selectedIds = [];\r\n clientIds.forEach((x, i) => {\r\n if (x.IsSelected === true) {\r\n selectedIds.push(x.Number + x.Caption);\r\n }\r\n });\r\n content = (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DashboardArea;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CheckIcon from '../../common/Icons/CheckIcon';\r\n\r\nclass WidgetSelectorGridRow extends Component {\r\n selectWidget = (wg) => {\r\n this.props.onWidgetSelect(wg);\r\n };\r\n\r\n render() {\r\n const wg = this.props.data;\r\n const displayText = wg.Widget.Name;\r\n return (\r\n settings content
\r\n\r\n
\r\n \r\n
\r\n - \r\n {widgets}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetSelectorGridRow);\r\n","import { Component, React } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport WidgetSelectorGridRow from './WidgetSelectorGridRow';\r\n\r\nclass WidgetSelectorGridSection extends Component {\r\n render() {\r\n let rows = this.props.widgets.map((val) => {\r\n return \r\n
\r\n this.selectWidget(wg)}>\r\n \r\n this.selectWidget(wg)} className='checkbox-none' />\r\n
\r\n \r\n {displayText}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetSelectorGridSection);\r\n","import { Component, React } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport WidgetSelectorGridSection from './WidgetSelectorGridSection';\r\n\r\nclass WidgetSelectorGrid extends Component {\r\n selectAll = (isSelected) => {\r\n this.props.onToggleSelect(isSelected);\r\n };\r\n\r\n compare = (a, b) => {\r\n if (a.Widget.Name < b.Widget.Name) return -1;\r\n if (a.Widget.Name > b.Widget.Name) return 1;\r\n return 0;\r\n };\r\n\r\n render() {\r\n const sectionName = 'Customs Brokerage';\r\n const customsBrokerage = this.props.data ? (\r\n \r\n
\r\n {this.props.title}
\r\n{rows}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetSelectorGrid);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\nimport WidgetSelectorGrid from './WidgetSelectorGrid';\r\n\r\nclass WidgetSelectorModal extends Component {\r\n static propTypes = {\r\n isOpen: PropTypes.bool\r\n };\r\n\r\n static defaultProps = {\r\n isOpen: false,\r\n CancelButtonText: 'Cancel',\r\n OkButtonText: 'OK'\r\n };\r\n\r\n render() {\r\n const modalTitle = formatTranslated('Widget_Selector_Title_Label', this.props.translations.Phrases);\r\n const modalHeaderText = formatTranslated('Widget_Selector_Header_Text', this.props.translations.Phrases).split('.');\r\n let widgetData;\r\n\r\n if (this.props.data !== undefined && Array.isArray(this.props.data)) {\r\n widgetData = this.props.data.filter((item) => {\r\n return item.CountryCode === this.props.countryCode;\r\n });\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n {customsBrokerage}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetSelectorModal);\r\n","import produce from 'immer';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\nimport WidgetSelectorModal from './WidgetSelectorModal';\r\n\r\nclass WidgetSelectorContent extends Component {\r\n state = {\r\n searchText: '',\r\n enableOk: true,\r\n data: []\r\n };\r\n\r\n cancelChoice = () => {\r\n var initialState = JSON.parse(JSON.stringify(this.props.data));\r\n this.setState({ data: initialState });\r\n this.props.closeModal();\r\n };\r\n\r\n confirmChoice = () => {\r\n this.saveWidgetSelection(this.state.data);\r\n this.props.onRequestConfirm(this.state.data);\r\n };\r\n\r\n componentDidUpdate = () => {\r\n if (this.state.data.length === 0 && this.props.data.length > 0) {\r\n const data = JSON.parse(JSON.stringify(this.props.data));\r\n this.setState({ data: data });\r\n }\r\n };\r\n\r\n saveWidgetSelection = (model) => {\r\n axios.post(dashboard.DASHBOARD_SAVE_WIDGETSELECTION_URL, model).catch((error) => {\r\n if (error.toString() === '') {\r\n toastr.error(formatTranslated('Widget_Selection_Session_TimeOut_Label', this.props.translations.Phrases));\r\n } else {\r\n toastr.error(formatTranslated('Widget_Selection_Save_Error_Label', this.props.translations.Phrases));\r\n }\r\n });\r\n };\r\n\r\n toggleWidget = (widget) => {\r\n let newData = produce(this.state.data, (draft) => {\r\n let wg = draft.find((w) => w.Widget.Id === widget.Widget.Id);\r\n if (wg.Visible === false) {\r\n wg.SortOrder = 0;\r\n }\r\n wg.Visible = !wg.Visible;\r\n //if widget is visible set sort order +1\r\n if (wg.Visible === true) {\r\n draft.forEach((w) => {\r\n if (w.CountryCode === this.props.countryCode) {\r\n w.SortOrder = w.SortOrder + 1;\r\n }\r\n });\r\n }\r\n });\r\n this.setState({ data: newData });\r\n };\r\n\r\n toggleAll = (isSelected) => {\r\n let newData = produce(this.state.data, (draft) => {\r\n if (draft) {\r\n draft.forEach((wg) => {\r\n if (wg.CountryCode === this.props.countryCode) {\r\n wg.Visible = isSelected;\r\n }\r\n });\r\n }\r\n });\r\n this.setState({ data: newData });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {modalTitle}
\r\n\r\n {modalHeaderText[0]}.
\r\n {modalHeaderText[1]}.\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WidgetSelectorContent);\r\n","import { Component, React } from 'react';\r\nimport WidgetSelectorContent from './WidgetSelectorContent';\r\n\r\nclass WidgetSelector extends Component {\r\n state = {\r\n widgetSelectorIsOpen: false\r\n };\r\n\r\n openWidgetSelector = () => {\r\n this.setState({ widgetSelectorIsOpen: true });\r\n };\r\n\r\n closeWidgetSelector = () => {\r\n this.setState({ widgetSelectorIsOpen: false });\r\n };\r\n\r\n updateWidgetSelection = (data) => {\r\n this.props.onConfirm(data);\r\n this.closeWidgetSelector();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.dashboard.model,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitDashboard: () => dispatch(actionCreators.initDashboard()),\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onUpdateClientService: (data) => dispatch(actionCreators.updateDashboardClientService(data)),\r\n onUpdateSelectedWidgets: (data) => dispatch(actionCreators.updateDashboardWidgets(data)),\r\n onUpdateWidgetSortOrder: (data) => dispatch(actionCreators.updateWidgetSortOrder(data)),\r\n onResetStateDashboard: () => dispatch(actionCreators.resetStateDashboard()),\r\n onResetMenu: () => dispatch(actionCreators.initMenu())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DashboardForm));\r\n","import $ from 'jquery';\r\nimport 'jquery-ui/ui/widgets/sortable';\r\nimport queryString from 'query-string';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport axios, { cancelRequests } from '../../axios-mlp';\r\nimport ChooserControl from '../../common/ClientChooser/ChooserControl';\r\nimport { dashboard } from '../../constants/mlp-constants';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport { getCountryFromSelectedServices, getSelectedClientServices } from '../../utils/mlp-utils';\r\nimport DashboardArea from './DashboardArea';\r\nimport WidgetSelector from './WidgetSelector';\r\n\r\nconst d3 = require('d3');\r\nconst createReactClass = require('create-react-class');\r\nwindow.createReactClass = createReactClass;\r\nwindow.React = React;\r\nwindow.axios = axios;\r\nwindow.ReactDOM = ReactDOM;\r\nwindow.d3 = d3;\r\nwindow.$ = $;\r\n\r\nclass DashboardFormCopy extends Component {\r\n componentDidMount() {\r\n if (this.props.location.search) {\r\n let params = queryString.parse(this.props.location.search);\r\n if (params.key) {\r\n localStorage.setItem('key', params.key);\r\n }\r\n }\r\n const keyVal = localStorage.getItem('key');\r\n if (keyVal) {\r\n this.downloadReport(keyVal);\r\n } else {\r\n this.props.onInitDashboard();\r\n }\r\n this.props.onInitTranslations('Dashboard.Dashboard.Index');\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n\r\n if (this.props.model.WidgetPlacementViewModels && this.props.translations.PhraseGroupCode === 'Dashboard.Dashboard.Index') {\r\n $('#sortable').sortable({\r\n opacity: 0.6,\r\n items: '.ui-state-default',\r\n cancel: '#ShipmentByCountry_svg',\r\n scroll: true,\r\n stop: () => {\r\n let items = Array.prototype.slice.call(document.getElementById('sortable').children);\r\n let widgetPlacementID = 0;\r\n let modelCopy = JSON.parse(JSON.stringify(this.props.model));\r\n\r\n items.forEach((item, i) => {\r\n widgetPlacementID = item.id;\r\n modelCopy.WidgetPlacementViewModels.forEach((element) => {\r\n if (element.WidgetPlacementID === widgetPlacementID) {\r\n element.SortOrder = i + 1;\r\n }\r\n });\r\n });\r\n\r\n axios.post(dashboard.DASHBOARD_SAVEWIDGETSORTORDER_URL, modelCopy);\r\n }\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onResetStateDashboard();\r\n this.props.onUpdateClientService([]);\r\n cancelRequests();\r\n }\r\n\r\n downloadReport = (keyValue) => {\r\n $('#overlay').show();\r\n let params = new URLSearchParams();\r\n params.append('key', keyValue);\r\n axios\r\n .post('/Dashboard/DownloadReport', null, { params: params })\r\n .then((response) => {\r\n const fileName = keyValue + '.xlsx';\r\n const a = document.createElement('a');\r\n document.body.appendChild(a);\r\n a.style.cssText = 'display: none';\r\n a.download = fileName;\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n //IE support\r\n const fileData = [response.data];\r\n const blobObject = new Blob(fileData);\r\n $(a).on(() => {\r\n window.navigator.msSaveOrOpenBlob(blobObject, fileName);\r\n });\r\n a.click();\r\n } else {\r\n const blob = this.b64toBlob(response.data, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'),\r\n url = window.URL.createObjectURL(blob);\r\n a.href = url;\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n if (a.remove) {\r\n a.remove();\r\n }\r\n localStorage.removeItem('key');\r\n })\r\n .catch((error) => {\r\n if (error.response && error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n b64toBlob = (b64Data, contentType = '', sliceSize = 512) => {\r\n const byteCharacters = atob(b64Data);\r\n const byteArrays = [];\r\n\r\n for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {\r\n const slice = byteCharacters.slice(offset, offset + sliceSize);\r\n\r\n const byteNumbers = new Array(slice.length);\r\n for (let i = 0; i < slice.length; i++) {\r\n byteNumbers[i] = slice.charCodeAt(i);\r\n }\r\n\r\n const byteArray = new Uint8Array(byteNumbers);\r\n byteArrays.push(byteArray);\r\n }\r\n\r\n const blob = new Blob(byteArrays, { type: contentType });\r\n return blob;\r\n };\r\n\r\n updateSelectedServices = (data) => {\r\n this.props.onUpdateClientService(data);\r\n };\r\n\r\n updateSelectedWidgets = (data) => {\r\n this.props.onUpdateSelectedWidgets(data);\r\n };\r\n\r\n getSelectedServices = (clientServiceSelectionModel) => {\r\n let selectedClientServices = [];\r\n\r\n if (clientServiceSelectionModel) {\r\n selectedClientServices = getSelectedClientServices(clientServiceSelectionModel);\r\n }\r\n\r\n const clientServices = selectedClientServices.map((item) => {\r\n return item.FullNumber;\r\n });\r\n\r\n if (window.widgetTotalShipments && window.widgetTotalShipments.loadWidgetData) {\r\n window.widgetTotalShipments.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetShipmentsByMOT && window.widgetShipmentsByMOT.loadWidgetData) {\r\n window.widgetShipmentsByMOT.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetShipmentsInProgress && window.widgetShipmentsInProgress.loadWidgetData) {\r\n window.widgetShipmentsInProgress.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetVendorsByShipmentValue && window.widgetVendorsByShipmentValue.loadWidgetData) {\r\n window.widgetVendorsByShipmentValue.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetTopCustomsOffices && window.widgetTopCustomsOffices.loadWidgetData) {\r\n window.widgetTopCustomsOffices.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetMapOfShipments && window.widgetMapOfShipments.loadWidgetData) {\r\n window.widgetMapOfShipments.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetDutyPaid && window.widgetDutyPaid.loadWidgetData) {\r\n window.widgetDutyPaid.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetTopHS && window.widgetTopHS.loadWidgetData) {\r\n window.widgetTopHS.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetTopPartsByValue && window.widgetTopPartsByValue.loadWidgetData) {\r\n window.widgetTopPartsByValue.loadWidgetData(clientServices);\r\n }\r\n\r\n if (window.widgetFDAStatus && window.widgetFDAStatus.loadWidgetData) {\r\n window.widgetFDAStatus.loadWidgetData(clientServices);\r\n }\r\n\r\n return selectedClientServices;\r\n };\r\n\r\n createDashboardArea = () => {\r\n const clientNumberValues = this.getSelectedServices(this.props.model.ClientServiceSelection);\r\n const country = getCountryFromSelectedServices(this.props.model.ClientServiceSelection.Countries);\r\n\r\n $('[id^=\"WIDGETSCRIPT_\"]').remove();\r\n\r\n this.props.model.WidgetPlacementViewModels.forEach((model, iterator) => {\r\n let script = document.createElement('script');\r\n script.setAttribute('id', 'WIDGETSCRIPT_' + model.Widget.Id);\r\n script.src = model.Widget.ScriptLocation.replace('/mlp-widgets-v2/', '/mlp-widgets-refactor/');\r\n //Above line specifies s3 location. New widget development is stored in lii-mlp/dev/mlp-widgets-refactor/widget-name.js\r\n script.type = 'text/javascript';\r\n document.getElementsByTagName('body')[0].appendChild(script);\r\n });\r\n\r\n const countryCode = country ? country.Code : '';\r\n const hasCountryLayout = this.props.model.WidgetPlacementViewModels.some((item) => {\r\n return item.CountryCode === countryCode;\r\n });\r\n\r\n const countryCodeValue = hasCountryLayout ? countryCode : '';\r\n\r\n let filteredWidgets = this.props.model.WidgetPlacementViewModels.filter((item) => {\r\n return item.CountryCode === countryCodeValue && item.Visible === true;\r\n });\r\n\r\n filteredWidgets.sort((a, b) => a.SortOrder - b.SortOrder);\r\n let dashboardArea = ;\r\n if (this.props.model.ClientServiceSelection !== undefined) {\r\n if (!$.isEmptyObject(this.props.model.User)) {\r\n dashboardArea = (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['Dashboard_Label']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {dashboardArea}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n model: state.dashboardCopy.model,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitDashboard: () => dispatch(actionCreators.initDashboardCopy()),\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onUpdateClientService: (data) => dispatch(actionCreators.updateDashboardClientServiceCopy(data)),\r\n onUpdateSelectedWidgets: (data) => dispatch(actionCreators.updateDashboardWidgetsCopy(data)),\r\n onUpdateWidgetSortOrder: (data) => dispatch(actionCreators.updateWidgetSortOrderCopy(data)),\r\n onResetStateDashboard: () => dispatch(actionCreators.resetStateDashboardCopy())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DashboardFormCopy));\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass BasicError extends Component {\r\n componentDidMount() {\r\n $('#overlay').show();\r\n this.props.onInitTranslations('Error.BasicError');\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n $('#overlay').hide();\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.translations.PhraseGroupCode === 'Error.BasicError') {\r\n const header = this.props.translations.Phrases['Page_Header'];\r\n const text = this.props.translations.Phrases['Text_BasicError'];\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['Dashboard_Label']}
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n
\r\n \r\n
\r\n \r\n
\r\n {dashboardArea}
\r\n \r\n \r\n
\r\n {header}\r\n \r\n {text}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {header}\r\n \r\n {text}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Livingston \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LivingstonForm);\r\n","import { Component } from 'react';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\n\r\nclass DownloadFailure extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DownloadFailure;\r\n","import { Component } from 'react';\r\nimport { imaging as Constants } from '../../../constants/mlp-constants';\r\nimport { formatTranslated, printPage } from '../../../utils/mlp-utils';\r\n\r\nclass DownloadSuccess extends Component {\r\n render() {\r\n let print = '';\r\n if (this.props.packageType === Constants.PACKAGE_TYPE_MERGE) {\r\n print = (\r\n \r\n );\r\n }\r\n return (\r\n \r\n
\r\n {formatTranslated('Download_Failed_Label', this.props.translations.Phrases)}
\r\n\r\n
\r\n \r\n {formatTranslated('Requested_Images_Not_Available_Label', this.props.translations.Phrases)}\r\n
\r\n
\r\n {this.props.errorMsg}\r\n
\r\n \r\n
\r\n {this.props.errorMsg}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DownloadSuccess;\r\n","import { formatTranslated } from '../../../utils/mlp-utils';\r\n\r\nconst Waiting = (props) => {\r\n return (\r\n \r\n
\r\n {formatTranslated('Download_Completed_Label', this.props.translations.Phrases)}
\r\n\r\n
\r\n \r\n {formatTranslated('Download_Requested_Images_Label', this.props.translations.Phrases)}\r\n
\r\n
\r\n {formatTranslated('Download_Requested_Images_Button', this.props.translations.Phrases)}\r\n
\r\n
\r\n {print}\r\n
\r\n \r\n
\r\n {formatTranslated('Download_Requested_Images_Button', this.props.translations.Phrases)}\r\n
\r\n
\r\n {print}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Waiting;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../../axios-mlp';\r\nimport { imaging as Constants } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\nimport DownloadFailure from './DownloadFailure';\r\nimport DownloadSuccess from './DownloadSuccess';\r\nimport Waiting from './Waiting';\r\n\r\nclass DownloadLobby extends Component {\r\n state = { model: {}, checkerID: null };\r\n\r\n componentDidMount() {\r\n this.props.onInitTranslations('Imaging.Imaging.DownloadLobby');\r\n const packageId = this.props.location.search.substring(\r\n this.props.location.search.indexOf('=') + 1,\r\n this.props.location.search.length\r\n );\r\n if (!packageId) {\r\n this.setState({ model: JSON.parse(this.props.data) });\r\n }\r\n\r\n this.checkStatus(packageId);\r\n }\r\n\r\n checkStatus = (packageId) => {\r\n if (this.state.checkerID !== null) return;\r\n if (this.state.model.PackageId) {\r\n packageId = this.state.model.PackageId;\r\n }\r\n const checkerID = window.setInterval(() => {\r\n if (this.state.model && packageId) {\r\n this.getData(packageId, checkerID);\r\n }\r\n }, 5000);\r\n\r\n this.setState({ checkerID: checkerID });\r\n };\r\n\r\n getData = (packageId, checkerID) => {\r\n let config = {\r\n params: {\r\n packageId: packageId\r\n },\r\n headers: { 'Cache-Control': 'no-store' }\r\n };\r\n axios\r\n .get('/Imaging/DownloadLobby', config)\r\n .then((response) => {\r\n const data = JSON.parse(response.data);\r\n if (response.error) {\r\n toastr.error(response.error);\r\n }\r\n if (\r\n checkerID !== null &&\r\n (data.ImagingPackageStatusTypeID === Constants.imagingPackageStatusType.Completed ||\r\n data.ImagingPackageStatusTypeID === Constants.imagingPackageStatusType.Cancelled ||\r\n data.ImagingPackageStatusTypeID === Constants.imagingPackageStatusType.FaultTerminated ||\r\n data.ImagingPackageStatusTypeID === Constants.imagingPackageStatusType.OverLimit ||\r\n data.ImagingPackageStatusTypeID === Constants.imagingPackageStatusType.IncorrectPassword)\r\n ) {\r\n window.clearInterval(checkerID);\r\n this.setState({ model: { ...data } });\r\n }\r\n })\r\n .catch((error) => {\r\n toastr.error(formatTranslated('Unexpected_Error_Label', this.props.translations.Phrases));\r\n window.clearInterval(checkerID);\r\n });\r\n };\r\n\r\n chooseDownloadComponent = () => {\r\n const packageModel = this.state.model;\r\n if (packageModel.ImagingPackageStatusTypeID !== undefined) {\r\n switch (packageModel.ImagingPackageStatusTypeID) {\r\n case Constants.imagingPackageStatusType.New:\r\n case Constants.imagingPackageStatusType.InProgess:\r\n case Constants.imagingPackageStatusType.Submitted:\r\n return \r\n
\r\n {formatTranslated('Processing_Label', props.translations.Phrases)}
\r\n\r\n
\r\n {formatTranslated('Waiting_For_Download_Label', props.translations.Phrases)}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DownloadLobby);\r\n","export const loadModelFromStorage = (formModelName, location, prevPaths) => {\r\n formModelName = formModelName + 'Model';\r\n\r\n const locationState = location.state;\r\n if (locationState != null) {\r\n if (prevPaths.includes(locationState.prevPath)) {\r\n const lsModel = localStorage.getItem(formModelName);\r\n if (lsModel != null) {\r\n const model = JSON.parse(lsModel);\r\n return model;\r\n } else return null;\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexport const saveModelToStorage = (formModelName, model) => {\r\n formModelName = formModelName + 'Model';\r\n localStorage.setItem(formModelName, JSON.stringify(model));\r\n};\r\n\r\nexport const removeModelFromStorage = (formModelName) => {\r\n formModelName = formModelName + 'Model';\r\n localStorage.removeItem(formModelName);\r\n};\r\n","import { Component } from 'react';\r\nimport { sortBy } from '../../../utils/mlp-utils';\r\n\r\nclass SearchGridRowMoreDetails extends Component {\r\n static defaultProps = {\r\n visibilitySetting: 'isVisibleOnGridDetails',\r\n orderSetting: 'gridDetailsOrder',\r\n columnsPerRow: 4\r\n };\r\n\r\n getColumns = (metadata, columnsPerRow) => {\r\n return sortBy(\r\n metadata.filter((item) => item[this.props.visibilitySetting]),\r\n this.props.orderSetting\r\n ).map((item) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.chooseDownloadComponent()}
\r\n \r\n
\r\n );\r\n });\r\n };\r\n\r\n getDisplayData = (entry, columnsPerRow) => {\r\n const columns = this.getColumns(entry['metadata'], columnsPerRow);\r\n\r\n let result = [];\r\n for (let i = 0; i < columns.length; i += columnsPerRow) {\r\n result.push(\r\n {item.label}
\r\n {item.value}
\r\n \r\n {columns.slice(i, columnsPerRow + i)}\r\n
\r\n );\r\n }\r\n\r\n return result;\r\n };\r\n\r\n render() {\r\n return {this.getDisplayData(this.props.entry, this.props.columnsPerRow)}
;\r\n }\r\n}\r\nexport default SearchGridRowMoreDetails;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { imageDetailsPath, storageModelName } from '../../../constants/mlp-constants';\r\nimport { removeModelFromStorage } from '../../../utils/modelStorage';\r\nimport SearchGridRowMoreDetails from '../ViewImages/SearchGridRowMoreDetails';\r\n\r\nclass DetailsEntry extends Component {\r\n detailPages = [\r\n imageDetailsPath.VIEWIMAGE_SEARCHSHIPMENTDETAIL,\r\n imageDetailsPath.DOCUMENTCOMPARE_VIEW,\r\n imageDetailsPath.DOCUMENT_VIEW,\r\n imageDetailsPath.DOWNLOAD_AND_PRINT\r\n ];\r\n\r\n componentWillUnmount() {\r\n if (this.props.history.location.pathname !== '/Imaging' && !this.detailPages.includes(this.props.history.location.pathname)) {\r\n removeModelFromStorage(storageModelName.VIEWIMAGE);\r\n }\r\n }\r\n\r\n getSelectedEntry = (entries) => {\r\n if (!entries.some((x) => x.isSelected)) {\r\n return entries[0];\r\n }\r\n\r\n return entries.find((x) => x.isSelected);\r\n };\r\n\r\n render() {\r\n const selectedEntry = this.getSelectedEntry(this.props.viewModel);\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n viewModel: state.imagingDetails.model.ViewModel\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DetailsEntry);\r\n","import $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\n\r\nclass ImagingDropDown extends Component {\r\n static defaultProps = {\r\n large: false,\r\n transparent: false\r\n };\r\n\r\n static propTypes = {\r\n name: PropTypes.string,\r\n valueField: PropTypes.string,\r\n options: PropTypes.array,\r\n large: PropTypes.bool,\r\n transparent: PropTypes.bool,\r\n onItemChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n selectTooltipRef = React.createRef();\r\n\r\n componentDidMount() {\r\n this.props.onInitTranslations('Imaging.Imaging.SearchResultDetails');\r\n }\r\n componentDidUpdate(prevProps) {\r\n const oldPropTranslation = formatTranslated('SelectViewMore', this.props.translations.Phrases);\r\n const currentPropTranslation = formatTranslated('SelectViewMore', prevProps.translations.Phrases);\r\n if (!oldPropTranslation.includes('Untranslated')) {\r\n $(ReactDOM.findDOMNode(this.selectTooltipRef.current)).tooltip({\r\n title: oldPropTranslation,\r\n placement: 'top'\r\n });\r\n }\r\n if (!currentPropTranslation.includes('Untranslated')) {\r\n $(ReactDOM.findDOMNode(this.selectTooltipRef.current)).tooltip({\r\n title: currentPropTranslation,\r\n placement: 'top'\r\n });\r\n }\r\n }\r\n\r\n updateSelection(value) {\r\n const oldIndex = this.props.options.findIndex((element) => element.isSelected === true);\r\n const newIndex = this.props.options.findIndex((element) => element[this.props.valueField] === value);\r\n\r\n this.props.onItemChanged(newIndex, oldIndex, value, this.props.name);\r\n\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n }\r\n\r\n getButtonClass() {\r\n let classes = [];\r\n classes.push('button');\r\n if (this.props.large) {\r\n classes.push('large');\r\n }\r\n if (this.props.transparent) {\r\n classes.push('transparent');\r\n }\r\n return classes.join(' ');\r\n }\r\n\r\n getButtonLayout(options, selectedElement) {\r\n if (options && options.length > 1) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n {selectedElement}
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let selectedValue = '';\r\n let selectedLabel = '';\r\n\r\n const selectedItem = this.props.options && this.props.options.find((o) => o.isSelected);\r\n if (selectedItem) {\r\n const selectedTitleAttr = selectedItem.metadata.find((md) => md.isTitleAttribute);\r\n selectedValue = selectedTitleAttr.value;\r\n selectedLabel = selectedTitleAttr.label;\r\n }\r\n\r\n const options =\r\n this.props.options &&\r\n this.props.options.map((item, i) => {\r\n const titleAttr = item.metadata.find((md) => md.isTitleAttribute);\r\n let title = '';\r\n if (titleAttr) {\r\n title = titleAttr.value;\r\n }\r\n\r\n const optionItem = item.isSelected ? (\r\n \r\n ) : (\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n {selectedElement}
\r\n \r\n \r\n
\r\n \r\n {selectedLabel}\r\n {selectedValue}\r\n
\r\n );\r\n\r\n let button = this.getButtonLayout(options, selectedElement);\r\n\r\n return (\r\n \r\n {button}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ImagingDropDown);\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport toastr from 'toastr';\r\nimport axios from '../../../axios-mlp';\r\nimport ImagingDropDown from './ImagingDropdown';\r\nimport styles from './PreviewDocument.module.css';\r\n\r\nclass PreviewDocument extends Component {\r\n static defaultProps = {\r\n includeEntrySelection: false\r\n };\r\n\r\n state = { documentUrl: '' };\r\n\r\n componentDidMount() {\r\n const selectedDocument = this.getSelectedDocument();\r\n if (selectedDocument) {\r\n this.getPublicUrl(selectedDocument);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n (this.props.data && this.props.data !== prevProps.data) ||\r\n (this.props.entryData && this.props.entryData !== prevProps.entryData)\r\n ) {\r\n const selectedDocument = this.getSelectedDocument();\r\n this.getPublicUrl(selectedDocument);\r\n }\r\n }\r\n\r\n getPublicUrl = (document) => {\r\n $('#overlay').show();\r\n if (document.publicDocumentUrl === undefined) {\r\n const postUrl = '/Imaging/' + this.props.getPublicDocUrl + '/?url=' + document.documentUrl;\r\n axios\r\n .post(postUrl)\r\n .then((response) => {\r\n this.setState({ documentUrl: response.data.result });\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n }\r\n };\r\n\r\n getSelectedEntry = () => {\r\n if (this.props.entryData) {\r\n const selectedEntry = this.props.entryData.find((x) => x.isSelected);\r\n return selectedEntry;\r\n } else {\r\n return undefined;\r\n }\r\n };\r\n\r\n getSelectedDocument = () => {\r\n const selectedEntry = this.getSelectedEntry();\r\n let selectedDocument;\r\n if (selectedEntry) {\r\n selectedDocument = selectedEntry.documents.find((x) => x.isSelected);\r\n } else {\r\n selectedDocument = this.props.data.find((x) => x.isSelected);\r\n }\r\n return selectedDocument;\r\n };\r\n\r\n getDocumentSelectSection = () => {\r\n const groupId = this.props.data[0].parentGroupId.toString();\r\n return (\r\n - {options}
\r\n
\r\n );\r\n };\r\n\r\n getEntrySelectSection = () => {\r\n const selectedEntry = this.props.entryData.find((x) => x.isSelected);\r\n\r\n const groupId = selectedEntry.documents[0].parentGroupId.toString();\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n render() {\r\n // const root = window.location.protocol + '//' + document.location.host;\r\n const publicUrl = this.state.documentUrl;\r\n // const viewerUrl = root + '/Static/PDFViewer/web/viewer.html?file=';\r\n // const fileUrl = encodeURIComponent(webAPIbaseURL + '/Imaging/PrintPage/?' + publicUrl);\r\n\r\n var dropdownSection = this.props.includeEntrySelection ? this.getEntrySelectSection() : this.getDocumentSelectSection();\r\n\r\n return (\r\n \r\n {dropdownSection}\r\n {publicUrl && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(PreviewDocument);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { imageDetailsPath, Side, storageModelName } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { removeModelFromStorage } from '../../../utils/modelStorage';\r\nimport PreviewDocument from './PreviewDocument';\r\n\r\nclass DocumentCompareView extends Component {\r\n detailPages = [\r\n imageDetailsPath.VIEWIMAGE_SEARCHSHIPMENTDETAIL,\r\n imageDetailsPath.DOCUMENTCOMPARE_VIEW,\r\n imageDetailsPath.DOCUMENT_VIEW,\r\n imageDetailsPath.DOWNLOAD_AND_PRINT\r\n ];\r\n\r\n componentDidMount() {\r\n const entryIndexLeft = this.getSelectedEntryIndex(this.props.entriesToCompareLeft);\r\n const entryIndexRight = this.getSelectedEntryIndex(this.props.entriesToCompareRight);\r\n const selectedDocumentLeft = this.props.entriesToCompareLeft[entryIndexLeft].documents.find((x) => x.isSelected);\r\n const selectedDocumentRight = this.props.entriesToCompareRight[entryIndexRight].documents.find((x) => x.isSelected);\r\n if (!selectedDocumentLeft) {\r\n this.props.selectDocument(0, -1, entryIndexLeft, Side.LEFT);\r\n }\r\n if (!selectedDocumentRight) {\r\n this.props.selectDocument(0, -1, entryIndexRight, Side.RIGHT);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.history.location.pathname !== '/Imaging' && !this.detailPages.includes(this.props.history.location.pathname)) {\r\n removeModelFromStorage(storageModelName.VIEWIMAGE);\r\n }\r\n }\r\n\r\n getSelectedEntryIndex = (entries) => {\r\n const selectedEntryIndex = entries.findIndex((x) => x.isSelected);\r\n return selectedEntryIndex;\r\n };\r\n\r\n selectDocumentLeft = (newIndex, oldIndex, event, name) => {\r\n const entryIndex = this.props.entriesToCompareLeft.findIndex((x) => x.groupId.toString() === name);\r\n this.props.selectDocument(newIndex, oldIndex, entryIndex, Side.LEFT);\r\n };\r\n\r\n selectDocumentRight = (newIndex, oldIndex, event, name) => {\r\n const entryIndex = this.props.entriesToCompareRight.findIndex((x) => x.groupId.toString() === name);\r\n this.props.selectDocument(newIndex, oldIndex, entryIndex, Side.RIGHT);\r\n };\r\n\r\n selectEntryLeft = (newIndex, oldIndex, event, name) => {\r\n this.props.selectEntry(newIndex, oldIndex, Side.LEFT);\r\n };\r\n\r\n selectEntryRight = (newIndex, oldIndex, event, name) => {\r\n this.props.selectEntry(newIndex, oldIndex, Side.RIGHT);\r\n };\r\n\r\n render() {\r\n if (\r\n (this.props.entriesToCompareLeft && this.props.entriesToCompareLeft.length === 0) ||\r\n (this.props.entriesToCompareRight && this.props.entriesToCompareRight.length === 0)\r\n ) {\r\n return ;\r\n }\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n entriesToCompareLeft: state.imagingDetails.model.EntriesToCompareLeft,\r\n entriesToCompareRight: state.imagingDetails.model.EntriesToCompareRight\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n selectEntry: (newIndex, oldIndex, side) => dispatch(actions.selectEntry(newIndex, oldIndex, side)),\r\n selectDocument: (newIndex, oldIndex, entryIndex, side) => dispatch(actions.selectDocument(newIndex, oldIndex, entryIndex, side))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DocumentCompareView);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { imageDetailsPath, storageModelName } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { removeModelFromStorage } from '../../../utils/modelStorage';\r\nimport PreviewDocument from './PreviewDocument';\r\n\r\nclass DocumentView extends Component {\r\n detailPages = [\r\n imageDetailsPath.VIEWIMAGE_SEARCHSHIPMENTDETAIL,\r\n imageDetailsPath.DOCUMENTCOMPARE_VIEW,\r\n imageDetailsPath.DOCUMENT_VIEW,\r\n imageDetailsPath.DOWNLOAD_AND_PRINT\r\n ];\r\n\r\n componentDidMount() {\r\n const selectedDocument = this.getSelectedDocument();\r\n if (!selectedDocument) {\r\n const entryIndex = this.props.viewModel.findIndex((x) => x.isSelected);\r\n if (entryIndex) {\r\n this.props.selectDocument(0, -1, entryIndex);\r\n } else {\r\n this.props.selectDocument(0, -1, 0);\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.history.location.pathname !== '/Imaging' && !this.detailPages.includes(this.props.history.location.pathname)) {\r\n removeModelFromStorage(storageModelName.VIEWIMAGE);\r\n }\r\n }\r\n\r\n getSelectedEntry = () => {\r\n let selectedEntry = this.props.viewModel.find((x) => x.isSelected);\r\n if (!selectedEntry) {\r\n selectedEntry = this.props.viewModel[0];\r\n }\r\n return selectedEntry;\r\n };\r\n\r\n getSelectedDocument = () => {\r\n const selectedEntry = this.getSelectedEntry();\r\n if (selectedEntry) {\r\n const selectedDocument = selectedEntry.documents.find((x) => x.isSelected);\r\n return selectedDocument;\r\n } else {\r\n return undefined;\r\n }\r\n };\r\n\r\n selectDocument = (newIndex, oldIndex, event, name) => {\r\n const entryIndex = this.props.viewModel.findIndex((x) => x.groupId.toString() === name);\r\n this.props.selectDocument(newIndex, oldIndex, entryIndex);\r\n };\r\n\r\n render() {\r\n const selectedEntry = this.getSelectedEntry();\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n viewModel: state.imagingDetails.model.ViewModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n selectDocument: (newIndex, oldIndex, entryIndex) => dispatch(actions.selectDocument(newIndex, oldIndex, entryIndex))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DocumentView);\r\n","import dayjs from 'dayjs';\r\nimport utc from 'dayjs/plugin/utc';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CustomDropDown from '../../../common/CustomDropDown/CustomDropDown';\r\nimport { imageDetailsPath, storageModelName } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated, pluck, sortBy, sortByFunc, sortByOrders } from '../../../utils/mlp-utils';\r\nimport { removeModelFromStorage } from '../../../utils/modelStorage';\r\nimport styles from './DownloadAndPrint.module.css';\r\n\r\ndayjs.extend(utc);\r\n\r\nclass DownloadAndPrint extends Component {\r\n detailPages = [\r\n imageDetailsPath.VIEWIMAGE_SEARCHSHIPMENTDETAIL,\r\n imageDetailsPath.DOCUMENTCOMPARE_VIEW,\r\n imageDetailsPath.DOCUMENT_VIEW,\r\n imageDetailsPath.DOWNLOAD_AND_PRINT\r\n ];\r\n\r\n state = {\r\n sortLevelOne: 'ASC',\r\n sortLevelTwo: 'DESC',\r\n groupFilesInZip: false,\r\n downloadZip: false,\r\n sortOrderDrowpdownOne: [],\r\n sortOrderDrowpdownTwo: []\r\n };\r\n\r\n componentDidMount() {\r\n // when comes from Details or Documents or Compare tabs\r\n if (this.props.translations.PhraseGroupCode === 'Imaging.Imaging.SearchResultDetails') {\r\n this.createOrderDropDowns();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.history.location.pathname !== '/Imaging' && !this.detailPages.includes(this.props.history.location.pathname)) {\r\n removeModelFromStorage(storageModelName.VIEWIMAGE);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n // when comes from ViewImages page\r\n if (this.props.translations.PhraseGroupCode !== prevProps.translations.PhraseGroupCode) {\r\n this.createOrderDropDowns();\r\n }\r\n }\r\n\r\n createOrderDropDowns = () => {\r\n let sortLevelOne = this.props.levelOneSortOptions.find((e) => e.IsSelected) || this.props.levelOneSortOptions[0];\r\n let sortLevelTwo = this.props.levelTwoSortOptions.find((e) => e.IsSelected) || this.props.levelTwoSortOptions[0];\r\n\r\n const sortOrderOne = sortLevelOne.Direction !== 'ASC' && sortLevelOne.Direction !== 'DESC' ? 'ASC' : sortLevelOne.Direction;\r\n\r\n const sortOrderTwo = sortLevelTwo.Direction !== 'ASC' && sortLevelTwo.Direction !== 'DESC' ? 'DESC' : sortLevelTwo.Direction;\r\n\r\n let sortOrderDrowpdownOne = [\r\n {\r\n Text: formatTranslated('ASC', this.props.translations.Phrases),\r\n Order: 'ASC',\r\n IsSelected: sortOrderOne === 'ASC'\r\n },\r\n {\r\n Text: formatTranslated('DESC', this.props.translations.Phrases),\r\n Order: 'DESC',\r\n IsSelected: sortOrderOne === 'DESC'\r\n }\r\n ];\r\n let sortOrderDrowpdownTwo = [\r\n {\r\n Text: formatTranslated('ASC', this.props.translations.Phrases),\r\n Order: 'ASC',\r\n IsSelected: sortOrderTwo === 'ASC'\r\n },\r\n {\r\n Text: formatTranslated('DESC', this.props.translations.Phrases),\r\n Order: 'DESC',\r\n IsSelected: sortOrderTwo === 'DESC'\r\n }\r\n ];\r\n\r\n this.setState({\r\n sortLevelOne: sortOrderOne,\r\n sortLevelTwo: sortOrderTwo,\r\n sortOrderDrowpdownOne: sortOrderDrowpdownOne,\r\n sortOrderDrowpdownTwo: sortOrderDrowpdownTwo\r\n });\r\n };\r\n\r\n getDocumentGroupingOptionsForLevel = (documents, level) => {\r\n let metadata = documents[0].metadata;\r\n let result = metadata\r\n .filter((e) => e.isPackageSortable)\r\n .map((item) => {\r\n return {\r\n Text: item.label,\r\n Attribute: item.attribute,\r\n IsSelected: item.packageSortLevel === level,\r\n Level: item.packageSortLevel,\r\n Direction: item.packageSortDirection,\r\n IsHidden: false\r\n };\r\n });\r\n return result;\r\n };\r\n\r\n activeTab(type) {\r\n this.setState({ activeTab: type });\r\n }\r\n\r\n selectLevelOneSortOption = (newIndex, oldIndex) => {\r\n this.props.sortOptionSelect(newIndex, oldIndex, 1);\r\n };\r\n\r\n selectLevelTwoSortOption = (newIndex, oldIndex) => {\r\n this.props.sortOptionSelect(newIndex, oldIndex, 2);\r\n };\r\n\r\n toggleGroupCheckbox = () => {\r\n this.setState((prevState) => {\r\n return { groupFilesInZip: !prevState.groupFilesInZip };\r\n });\r\n };\r\n\r\n getNavClassMerge = () => {\r\n let elementClass = ['imaging-nav-item'];\r\n if (!this.state.downloadZip) {\r\n elementClass.push('selected');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n getNavClassZip = () => {\r\n let elementClass = ['imaging-nav-item'];\r\n if (this.state.downloadZip) {\r\n elementClass.push('selected');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n selectMergeOption = () => {\r\n this.setState({\r\n downloadZip: false\r\n });\r\n };\r\n\r\n selectZipOption = () => {\r\n this.setState({\r\n downloadZip: true,\r\n sortLevelOne: 'ASC'\r\n });\r\n };\r\n\r\n selectSortOrderDropdown = (newIndex, oldIndex, name) => {\r\n let newOrder = '';\r\n let sortOrderDrowpdown = null;\r\n if (name === 'sortLevelOne') {\r\n sortOrderDrowpdown = this.state.sortOrderDrowpdownOne;\r\n } else if (name === 'sortLevelTwo') {\r\n sortOrderDrowpdown = this.state.sortOrderDrowpdownTwo;\r\n } else {\r\n return;\r\n }\r\n\r\n if (newIndex !== oldIndex) {\r\n const value = sortOrderDrowpdown.map((x, index) => {\r\n if (index === oldIndex) {\r\n x = { ...x, IsSelected: false };\r\n } else if (index === newIndex) {\r\n x = { ...x, IsSelected: true };\r\n newOrder = x.Order;\r\n }\r\n return x;\r\n });\r\n\r\n if (name === 'sortLevelOne') {\r\n this.setState({ sortLevelOne: newOrder, sortOrderDrowpdownOne: value });\r\n } else {\r\n this.setState({ sortLevelTwo: newOrder, sortOrderDrowpdownTwo: value });\r\n }\r\n }\r\n };\r\n\r\n getMergeSection = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n getZipSection = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {!this.state.downloadZip ? (\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.groupFilesInZip || !this.state.downloadZip ? (\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n );\r\n };\r\n\r\n sortNotSet = () => {\r\n return (\r\n this.props.levelOneSortOptions === undefined ||\r\n this.props.levelOneSortOptions.length === 0 ||\r\n this.props.levelOneSortOptions === undefined ||\r\n this.props.levelOneSortOptions.length === 0\r\n );\r\n };\r\n\r\n printDocument = () => {\r\n this.props.onDownloadDocument(true, this.getSortedDocuments());\r\n };\r\n\r\n donwloadDocument = () => {\r\n const sortColumnOne = this.props.levelOneSortOptions.find((x) => x['IsSelected']).Attribute;\r\n this.props.onDownloadDocument(false, this.getSortedDocuments(), this.state.downloadZip, this.state.groupFilesInZip, sortColumnOne);\r\n };\r\n\r\n getSortedDocuments = () => {\r\n const sortDirOne = this.state.sortLevelOne;\r\n const sortDirTwo = this.state.sortLevelTwo;\r\n\r\n const sortColumnOne = this.props.levelOneSortOptions.find((e) => e.IsSelected).Attribute;\r\n const sortColumnTwo = this.props.levelTwoSortOptions.find((e) => e.IsSelected).Attribute;\r\n\r\n let sortOrders = [sortDirOne, sortDirTwo];\r\n let sortColumns = [sortColumnOne, sortColumnTwo];\r\n\r\n let sortOptions = sortBy(\r\n this.props.levelOneSortOptions.filter((x) => {\r\n return x.Level > 0;\r\n }),\r\n 'Level'\r\n );\r\n sortOptions.forEach((y) => {\r\n if (sortColumns.indexOf(y.Attribute) < 0) {\r\n sortColumns.push(y.Attribute);\r\n sortOrders.push(y.Direction);\r\n }\r\n });\r\n\r\n let docsToSort = this.props.FlatDocumentModel.map((x) => {\r\n let result = {\r\n doc: x\r\n };\r\n\r\n sortColumns.forEach((y) => {\r\n let col = x.metadata.find((e) => e.attribute === y);\r\n if (col) {\r\n // always use originalValue for sorting\r\n result[y] = col.originalValue;\r\n\r\n // we have to sort by local date in ISO format (originalValue) because it sorts as a string\r\n if (col.dataType === 'DateTime') {\r\n const localDate = dayjs.utc(col.originalValue).local().format('YYYY-MM-DD');\r\n result[y + '_original'] = col.originalValue;\r\n result[y] = localDate;\r\n }\r\n } else {\r\n result[y] = undefined;\r\n }\r\n });\r\n return result;\r\n });\r\n\r\n const sorted = sortByOrders(docsToSort, sortColumns, sortOrders);\r\n return pluck(sorted, 'doc');\r\n };\r\n\r\n getDocumentRows = (sortedDocuments) => {\r\n let sortColumnOne = this.props.levelOneSortOptions.find((e) => e.IsSelected);\r\n let sortColumnTwo = this.props.levelTwoSortOptions.find((e) => e.IsSelected);\r\n let isZipAndGroup = this.state.groupFilesInZip && this.state.downloadZip;\r\n let previousGroupValue = '';\r\n\r\n return (\r\n sortedDocuments &&\r\n sortedDocuments.map((doc) => {\r\n let sorted = [\r\n doc.metadata && doc.metadata.find((e) => e.attribute === sortColumnOne.Attribute),\r\n doc.metadata && doc.metadata.find((e) => e.attribute === sortColumnTwo.Attribute)\r\n ];\r\n\r\n const filteredMetadata = doc.metadata.filter((a) => {\r\n return a.isPackageSortable && a.attribute !== sortColumnOne.Attribute && a.attribute !== sortColumnTwo.Attribute;\r\n });\r\n\r\n sortByFunc(filteredMetadata, (m) => {\r\n return m.detailsScreenOrder > 0 ? m.detailsScreenOrder : 10 + m.gridOrder;\r\n }).forEach((a) => {\r\n sorted.push(a);\r\n });\r\n\r\n const groupValue = sorted[0].value;\r\n\r\n let tds = sorted.map((attr, index) => {\r\n let sortOrderIndex = attr.attribute.indexOf('SortOrder');\r\n let value = attr.value;\r\n if (sortOrderIndex > 0) {\r\n let attrNoSort = attr.attribute.substring(0, sortOrderIndex);\r\n value = doc.metadata.find((e) => e.attribute === attrNoSort).value;\r\n }\r\n\r\n let style = isZipAndGroup && previousGroupValue !== groupValue ? styles.border_top_1_black : null;\r\n\r\n return (\r\n \r\n
\r\n {this.getMergeSection()}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n };\r\n\r\n render() {\r\n if (this.sortNotSet()) {\r\n return ;\r\n }\r\n let docGrid = !this.state.downloadZip || this.state.groupFilesInZip ? this.getDocumentsGrid() : null;\r\n return (\r\n {formatTranslated('Documents_Downloaded_In_Order_Label', this.props.translations.Phrases)}
\r\n| {h} | ;\r\n })}\r\n
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n levelOneSortOptions: state.imagingDetails.model.LevelOneSortOptions,\r\n levelTwoSortOptions: state.imagingDetails.model.LevelTwoSortOptions,\r\n sortedDocuments: state.imagingDetails.model.SortedDocuments,\r\n FlatDocumentModel: state.imagingDetails.model.FlatDocumentModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onDownloadDocument: (print, sortedDocuments, downloadZip, groupFilesInZip, groupByColumn) =>\r\n dispatch(actions.downloadDocument(print, sortedDocuments, downloadZip, groupFilesInZip, groupByColumn)),\r\n sortOptionSelect: (newIndex, oldIndex, level) => dispatch(actions.sortOptionSelect(newIndex, oldIndex, level))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DownloadAndPrint);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { NavLink, Route } from 'react-router-dom';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\nimport DetailsEntry from './DetailsEntry';\r\nimport DocumentCompareView from './DocumentCompareView';\r\nimport DocumentView from './DocumentView';\r\nimport DownloadAndPrint from './DownloadAndPrint';\r\nimport ImagingDropdown from './ImagingDropdown';\r\n\r\nclass DetailsHeader extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {docGrid}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {formatTranslated('Single_Merged_PDF_Label', this.props.translations.Phrases)}\r\n
\r\n \r\n
\r\n \r\n {formatTranslated('ZIP_File_Label', this.props.translations.Phrases)}\r\n
\r\n \r\n
\r\n \r\n {!this.state.downloadZip ? this.getMergeSection() : this.getZipSection()}\r\n
\r\n \r\n {docGrid}\r\n
\r\n {!this.state.downloadZip ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatTranslated('Entry_Details_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatTranslated('Documents_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatTranslated('Compare_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatTranslated('Download_And_Print_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n viewModel: state.imagingDetails.model.ViewModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSelectEntry: (newIndex, oldIndex, value) => dispatch(actions.selectEntry(newIndex, oldIndex, value))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DetailsHeader);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\nimport DetailsHeader from './DetailsHeader';\r\n\r\nclass SearchResultDetails extends Component {\r\n componentDidMount() {\r\n this.props.onInitTranslations('Imaging.Imaging.SearchResultDetails');\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onClearImageDetailsState();\r\n }\r\n\r\n render() {\r\n return (\r\n {this.props.children}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onClearImageDetailsState: () => dispatch(actions.resetImageDetailsState())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchResultDetails);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport InputBase from '../Inputbase/Inputbase';\r\n\r\nclass CheckboxFilter extends Component {\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggle = () => {\r\n let val = this.props.filterControl.Value;\r\n const filterIndex = this.props.filterControl.FilterIndex;\r\n if (!val) {\r\n val = 'Y';\r\n } else if (val.toUpperCase() === 'Y') {\r\n val = 'N';\r\n } else if (val.toUpperCase() === 'N') {\r\n val = '';\r\n }\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n this.props.onValueChanged(val, name);\r\n\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n let text = formatTranslated('Select_Label', this.props.translations.Phrases);\r\n if (filterControl.Value && filterControl.Value.toUpperCase() === 'Y') {\r\n text = formatTranslated('Yes_Label', this.props.translations.Phrases);\r\n } else if (filterControl.Value && filterControl.Value.toUpperCase() === 'N') {\r\n text = formatTranslated('No_Label', this.props.translations.Phrases);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {formatTranslated('Page_Header', this.props.translations.Phrases)}
\r\n\r\n \r\n \r\n {formatTranslated('Back_To_Image_Search', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.toggle()}>\r\n {text}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(CheckboxFilter);\r\n","import dayjs from 'dayjs';\r\nimport PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport DatePickerModal from '../DateTimePicker/DatePickerModal';\r\n\r\nclass DatePickerFilter extends Component {\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n onDateChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n customFormat = (x) => {\r\n const filterControl = this.props.filterControl;\r\n const isUtc = filterControl.Attribute === '_imageDate';\r\n return isUtc ? dayjs(x).utc().startOf('day').toDate().toISOString() : dayjs(x).startOf('day').format('YYYY-MM-DD');\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n const name = 'Filters.' + filterIndex + '.RangeStart';\r\n\r\n filterControl.Options.forEach((e) => {\r\n e.IsHidden = !isVisible(e, this.props.searchTypeCode);\r\n });\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DatePickerFilter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CheckBox from '../CheckBox/CheckBox';\r\n\r\nclass DocTypeFilter extends Component {\r\n state = {\r\n seeMoreDocTypes: '',\r\n hidden: false\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n onValueChanged: PropTypes.func,\r\n onSelectAll: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n selectAll = (select) => {\r\n this.props.onSelectAll(select, this.props.filterControl.FilterIndex);\r\n\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n toggleMoreDocTypes = () => {\r\n this.setState((prevState) => {\r\n return { seeMoreDocTypes: !prevState.seeMoreDocTypes };\r\n });\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n let seeMore = null;\r\n if (filterControl.Options.length > 5) {\r\n if (!this.state.seeMoreDocTypes) {\r\n seeMore = (\r\n \r\n {formatTranslated('SeeMore_Label', this.props.translations.Phrases)} +\r\n
\r\n );\r\n } else {\r\n seeMore = (\r\n \r\n {formatTranslated('SeeLess_Label', this.props.translations.Phrases)} -\r\n
\r\n );\r\n }\r\n }\r\n const checkboxes = filterControl.Options.map((f, index) => {\r\n const name = 'Filters.' + filterIndex + '.Options.' + index + '.IsSelected';\r\n return (\r\n \r\n
\r\n );\r\n });\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DocTypeFilter);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport TextBox from './../../common/Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass MainSearchFilter extends Component {\r\n state = {\r\n allOptions: []\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*',\r\n filterButtonVisible: false,\r\n filtersVisible: false\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n filterButtonVisible: PropTypes.bool,\r\n filtersVisible: PropTypes.bool,\r\n customAction: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n onOptionSelect: PropTypes.func,\r\n onToggleSection: PropTypes.func\r\n };\r\n\r\n componentDidMount() {\r\n this.initAllOptions();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.filterControl.Options !== this.props.filterControl.Options) {\r\n this.initAllOptions();\r\n }\r\n }\r\n\r\n initAllOptions = () => {\r\n const allOptions = [\r\n {\r\n Value: 'All Types',\r\n Name: 'All Types',\r\n TranslatedName: formatTranslated('AllTypes_Label', this.props.translations.Phrases),\r\n IsSelected: false\r\n }\r\n ];\r\n\r\n this.props.filterControl.Options.forEach((x) => {\r\n allOptions.push(x);\r\n });\r\n\r\n if (this.props.filterControl.Options.every((e) => !e.IsSelected)) {\r\n allOptions[0].IsSelected = true;\r\n }\r\n\r\n this.setState({ allOptions: allOptions });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex - 1, oldIndex - 1, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex - 1];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n if (filterControl.Value && filterControl.Value.length >= 3) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n handleSearchChange = (value) => {\r\n if (value.length >= 3 || value.length === 0) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const buttonText = this.props.filtersVisible\r\n ? formatTranslated('FilterHide_Label', this.props.translations.Phrases)\r\n : formatTranslated('FilterShow_Label', this.props.translations.Phrases);\r\n const filterButton = (\r\n \r\n );\r\n const customDropDown = (\r\n \r\n
\r\n {formatTranslated('DocTypes_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n this.selectAll(true)}>\r\n {formatTranslated('SelectAll_Label', this.props.translations.Phrases)}\r\n \r\n this.selectAll(false)}>\r\n {formatTranslated('SelectNone_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n {checkboxes}\r\n {seeMore}\r\n \r\n
\r\n
\r\n );\r\n const searchBox = (\r\n \r\n
\r\n );\r\n let mainContent = (\r\n \r\n {customDropDown}\r\n {searchBox}\r\n
\r\n );\r\n if (this.props.filterButtonVisible) {\r\n mainContent = (\r\n \r\n {filterButton}\r\n {searchBox}\r\n
\r\n );\r\n }\r\n return {mainContent}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(MainSearchFilter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CheckBox from '../CheckBox/CheckBox';\r\n\r\nclass MotFilter extends Component{\r\n\r\n state = {\r\n seeMoreOptions:false\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func,\r\n onResetSelection: PropTypes.func\r\n };\r\n\r\n handleChecked = (value, name)=>{\r\n const splittedName = name.split('.');\r\n const filterIndex = splittedName[1];\r\n const optionIndex = splittedName[3];\r\n this.props.onValueChanged(value, filterIndex, optionIndex);\r\n }\r\n\r\n renderCheckboxes=()=>{\r\n const {filterControl} = this.props;\r\n const {FilterIndex} = filterControl;\r\n let checkboxes = [];\r\n\r\n checkboxes = filterControl.Options.map((option,index)=>{\r\n const name = 'Filters.' + FilterIndex + '.Options.' + index + '.IsSelected';\r\n return (\r\n \r\n
);\r\n });\r\n //Shows only 4 checkboxes if \"seeMoreOptions\" is false\r\n if(this.state.seeMoreOptions){\r\n return checkboxes;\r\n }\r\n else{\r\n return checkboxes.filter((ckbx, index)=>index < 4);\r\n }\r\n };\r\n\r\n selectAll = (value)=>{\r\n this.props.onSelectAll(value,this.props.filterControl.FilterIndex);\r\n\r\n if(this.props.customAction)\r\n this.props.customAction();\r\n };\r\n\r\n handleSeeMoreOptions = ()=>{\r\n const currVal = this.state.seeMoreOptions;\r\n this.setState({seeMoreOptions : !currVal});\r\n };\r\n\r\n renderSeeMore = ()=>{\r\n const seeMore = this.state.seeMoreOptions;\r\n const label = seeMore ? \"SeeLess_Label\" : \"SeeMore_Label\";\r\n return (\r\n
\r\n \r\n {`${formatTranslated(label,this.props.translations.Phrases)} ${seeMore ? \"-\" : \"+\"}`}\r\n
); \r\n };\r\n\r\n renderHeader = ()=>{\r\n return (\r\n
);\r\n }\r\n\r\n render(){\r\n const {Phrases} = this.props.translations;\r\n const {filterControl} = this.props;\r\n const {searchTypeCode} = this.props;\r\n\r\n if(!isVisible(filterControl,searchTypeCode)){\r\n return null;\r\n }\r\n return (\r\n {formatTranslated(\"USMOT\",this.props.translations.Phrases)}\r\n
\r\n \r\n {this.renderHeader()}\r\n
);\r\n };\r\n}\r\n\r\nconst mapStateToProps = (state)=>{\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\n\r\nexport default connect(mapStateToProps)(MotFilter);","import dayjs from 'dayjs';\r\nimport PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport DatePickerModal from '../DateTimePicker/DatePickerModal';\r\nimport { formatTranslated, isVisible } from './../../utils/mlp-utils';\r\n\r\nclass PrimaryDateFilter extends Component {\r\n state = { hidden: false };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n setDate = (hours) => {\r\n const nameStart = 'Filters.' + this.props.filterControl.FilterIndex + '.RangeStart';\r\n const nameEnd = 'Filters.' + this.props.filterControl.FilterIndex + '.RangeEnd';\r\n const isUtc = this.props.filterControl.Attribute === '_imageDate';\r\n const start = dayjs().startOf('day').subtract(hours, 'hours');\r\n const startString = isUtc ? start.add(24, 'hours').toISOString() : start.format('YYYY-MM-DD');\r\n const end = dayjs().endOf('day');\r\n const endString = isUtc ? end.toDate().toISOString() : end.format('YYYY-MM-DDTHH:mm:ss');\r\n this.props.onValueChanged(startString, nameStart);\r\n this.props.onValueChanged(endString, nameEnd);\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n clearDates = () => {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n if (filterControl.RangeStart || filterControl.RangeEnd) {\r\n if (filterControl.RangeStart) {\r\n const nameStart = 'Filters.' + filterIndex + '.RangeStart';\r\n this.props.onValueChanged(undefined, nameStart);\r\n }\r\n if (filterControl.RangeEnd) {\r\n const nameEnd = 'Filters.' + filterIndex + '.RangeEnd';\r\n this.props.onValueChanged(undefined, nameEnd);\r\n }\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n }\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n const isUtc = selectedItem.Value === '_folderDate' || filterControl.Attribute === '_imageDate';\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n if (filterControl.RangeStart || filterControl.RangeEnd) {\r\n if (filterControl.RangeStart) {\r\n const start = dayjs(filterControl.RangeStart).startOf('day');\r\n const startString = isUtc ? start.toISOString() : start.format('YYYY-MM-DD');\r\n this.props.onValueChanged(startString, nameFilter + '.RangeStart');\r\n }\r\n if (filterControl.RangeEnd) {\r\n const end = dayjs(filterControl.RangeEnd).endOf('day');\r\n const endString = isUtc ? end.toDate().toISOString() : end.format('YYYY-MM-DDTHH:mm:ss');\r\n this.props.onValueChanged(endString, nameFilter + '.RangeEnd');\r\n }\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n const isUtc = filterControl.Attribute === '_imageDate';\r\n return (\r\n \r\n {this.selectAll(true)}}\r\n > \r\n {formatTranslated(\"SelectAll_Label\",Phrases)}\r\n \r\n {this.selectAll(false)}}> \r\n {formatTranslated(\"SelectNone_Label\",Phrases)}\r\n \r\n
\r\n \r\n {this.renderCheckboxes()}\r\n
\r\n {this.renderSeeMore()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PrimaryDateFilter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport TextBox from '../Textbox/Textbox';\r\n\r\nclass TextFilter extends Component {\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n state = { valueIsValid: true, numType: '' };\r\n\r\n onValueChanged = (value, name) => {\r\n this.props.onValueChanged(value, name);\r\n const filterControl = this.props.filterControl,\r\n filterControlAttributeDataType = filterControl.AttributeDataType,\r\n filterControlValue = value,\r\n selectedSearchType = this.props.selectedSearchType,\r\n decReSnippet = '^(-?\\\\d*\\\\.?\\\\d*$)$',\r\n intReSnippet = '^(-?\\\\d*$)$',\r\n decAttrs = ['Decimal', 'Double'],\r\n intAttrs = ['Integer', 'Long'];\r\n\r\n if (selectedSearchType && selectedSearchType.ImageTypeGroupName === 'Imaging') {\r\n let valueIsValid = true;\r\n let numType = '';\r\n if (\r\n filterControlValue &&\r\n filterControlValue.length > 0 &&\r\n (decAttrs.indexOf(filterControlAttributeDataType) > -1 || intAttrs.indexOf(filterControlAttributeDataType) > -1)\r\n ) {\r\n let regExp;\r\n if (decAttrs.indexOf(filterControlAttributeDataType) > -1) {\r\n regExp = new RegExp(decReSnippet);\r\n numType = 'Decimal';\r\n } else {\r\n regExp = new RegExp(intReSnippet);\r\n numType = 'Integer';\r\n }\r\n valueIsValid = regExp.test(filterControlValue) ? true : false;\r\n }\r\n this.setState({ valueIsValid: valueIsValid, numType: numType });\r\n this.props.onValidate(name, valueIsValid);\r\n const otherInvalidFilters = this.props.invalidTextFilters.filter((x) => x !== name);\r\n if (valueIsValid && otherInvalidFilters.length === 0) {\r\n this.props.customAction();\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl,\r\n filterIndex = filterControl.FilterIndex,\r\n filterControlValue = filterControl.Value,\r\n filterControlName = filterControl.Name;\r\n const customFunc = this.props.selectedSearchType.ImageTypeGroupName === 'Imaging' ? undefined : this.props.customAction;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n const valMsg = this.state.valueIsValid\r\n ? ''\r\n : formatTranslated('Invalid_' + this.state.numType + '_Value', this.props.translations.Phrases);\r\n\r\n return (\r\n \r\n
\r\n {formatTranslated('Date_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {\r\n return isUtc\r\n ? dayjs(x).utc().startOf('day').toDate().toISOString()\r\n : dayjs(x).startOf('day').format('YYYY-MM-DD');\r\n }}\r\n customAction={this.props.customAction}\r\n />\r\n {\r\n return isUtc\r\n ? dayjs(x).utc().endOf('day').toDate().toISOString()\r\n : dayjs(x).endOf('day').format('YYYY-MM-DDTHH:mm:ss');\r\n }}\r\n customAction={this.props.customAction}\r\n />\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.setDate(24 * 30)}>\r\n {formatTranslated('Last30Days_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n this.setDate(24 * 7)}>\r\n {formatTranslated('Last7Days_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n this.setDate(24 * 2)}>\r\n {formatTranslated('Last2Days_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n \r\n {formatTranslated('Clear_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TextFilter);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from '../../store/actions/imaging/imaging';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport Dropdown from '../Dropdown/Dropdown';\r\n\r\nclass YearFilter extends Component {\r\n state = { hidden: false };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onValueChanged: PropTypes.func,\r\n setDropdownYears: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n componentDidMount() {\r\n const year = new Date().getFullYear() + 1;\r\n let allOptions = [\r\n {\r\n Text: formatTranslated('Select_Label', this.props.translations.Phrases),\r\n Value: '',\r\n IsSelected: !this.props.filterControl.Value\r\n }\r\n ];\r\n for (let i = year; i > year - 51; i--) {\r\n allOptions.push({\r\n Text: i,\r\n Value: i.toString(),\r\n IsSelected: false\r\n });\r\n }\r\n\r\n if (this.props.filterControl.Options.every((e) => !e.IsSelected)) {\r\n allOptions[0].IsSelected = true;\r\n }\r\n\r\n this.props.onSetDropdownYears(allOptions);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.filterControl.Options !== prevProps.filterControl.Options) {\r\n const selectedItem = this.props.filterControl.Options.find((x) => {\r\n return x.IsSelected;\r\n });\r\n\r\n const name = 'Filters.' + this.props.filterControl.FilterIndex + '.Value';\r\n if (selectedItem) {\r\n this.props.onValueChanged(selectedItem.Value, name);\r\n }\r\n }\r\n }\r\n\r\n filterOptionSelect = (newIndex, oldIndex, value, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n this.props.onValueChanged(value, name);\r\n this.props.customAction();\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSetDropdownYears: (years) => dispatch(actions.setDropdownYears(years))\r\n };\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(YearFilter);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\n\r\nclass GridPaging extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {formatTranslated(filterControl.Attribute, this.props.translations.Phrases)}\r\n
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n this.props.onLoadImages()}>\r\n {formatTranslated('LoadMore_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLoadImages: () => dispatch(actions.loadImages())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GridPaging);\r\n","import dayjs from 'dayjs';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { sortBy } from '../../../utils/mlp-utils';\r\n\r\nclass SearchGridRowDetailsDocumentGrid extends Component {\r\n getRowData = (document) => {\r\n const data = [];\r\n document['metadata'].forEach((x) => {\r\n if (x.isVisibleOnGrid) {\r\n data.push({ ...x });\r\n }\r\n });\r\n return sortBy(data, 'gridOrder').map((item, i) => {\r\n if (item.dataType === 'DateTime') {\r\n item.value = dayjs(item.originalValue).utc().startOf('day').format('MM/DD/YYYY');\r\n }\r\n\r\n return \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n selectDocs: (checked, groupIndex, docIndex) => dispatch(actions.selectImageDocs(checked, groupIndex, docIndex))\r\n };\r\n};\r\nexport default connect(null, mapDispatchToProps)(SearchGridRowDetailsDocumentGrid);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\nimport SearchGridRowDetailsDocumentGrid from './SearchGridRowDetailsDocumentGrid';\r\nimport SearchGridRowMoreDetails from './SearchGridRowMoreDetails';\r\n\r\nclass SearchGridRowDetails extends Component {\r\n state = {\r\n showDetails: false,\r\n showDocuments: true\r\n };\r\n\r\n selectDocuments = () => {\r\n this.setState({\r\n showDetails: false,\r\n showDocuments: true\r\n });\r\n };\r\n\r\n selectDetails = () => {\r\n this.setState({\r\n showDetails: true,\r\n showDocuments: false\r\n });\r\n };\r\n\r\n selectDocumentsClass = () => {\r\n let elementClass = ['imaging-nav-item'];\r\n if (this.state.showDocuments) {\r\n elementClass.push('selected');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n selectDetailsClass = () => {\r\n let elementClass = ['imaging-nav-item'];\r\n if (this.state.showDetails) {\r\n elementClass.push('selected');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n render() {\r\n const selection = this.state.showDocuments ? (\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n {headers}\r\n \r\n |
|---|
\r\n
\r\n ) : null;\r\n\r\n return (\r\n \r\n {formatTranslated('MoreDetails_Label', this.props.translations.Phrases)}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(SearchGridRowDetails);\r\n","import $ from 'jquery';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated, sortBy } from '../../../utils/mlp-utils';\r\nimport SearchGridRowDetails from './SearchGridRowDetails';\r\n\r\nclass SearchGridRow extends Component {\r\n state = {\r\n showDetails: false\r\n };\r\n\r\n expandTooltipRef = React.createRef();\r\n downloadTooltipRef = React.createRef();\r\n\r\n componentDidMount() {\r\n $(ReactDOM.findDOMNode(this.expandTooltipRef.current)).tooltip({\r\n title: formatTranslated('Expand', this.props.translations.Phrases),\r\n placement: 'top'\r\n });\r\n $(ReactDOM.findDOMNode(this.downloadTooltipRef.current)).tooltip({\r\n title: formatTranslated('Download', this.props.translations.Phrases),\r\n placement: 'top'\r\n });\r\n }\r\n\r\n toggleDetails = () => {\r\n this.setState((prevState) => {\r\n return { showDetails: !prevState.showDetails };\r\n });\r\n };\r\n\r\n showDetailsIconClass = () => {\r\n let elementClass = ['fa', 'fa-lg'];\r\n if (this.state.showDetails) {\r\n elementClass.push('fa-minus-square-o');\r\n } else {\r\n elementClass.push('fa-plus-square-o');\r\n }\r\n return elementClass.join(' ');\r\n };\r\n\r\n selectAll = (e) => {\r\n this.props.selectDocs(e.target.checked, this.props.groupIndex, -1);\r\n };\r\n\r\n render() {\r\n const rowDetails = this.state.showDetails ? \r\n
\r\n \r\n
\r\n {moreDetails}\r\n \r\n {formatTranslated('Documents_Label', this.props.translations.Phrases)}\r\n
\r\n {selection}
\r\n \r\n {content}\r\n
\r\n );\r\n });\r\n\r\n let selectedRowClass = '';\r\n\r\n if (this.props.entry.isSelected) {\r\n selectedRowClass = 'row mlp-table-row selected-row';\r\n } else {\r\n selectedRowClass = 'row mlp-table-row';\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n gridModel: state.imaging.model.GridModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n selectDocs: (checked, groupIndex, docIndex) => dispatch(actions.selectImageDocs(checked, groupIndex, docIndex)),\r\n onViewDetails: (data, entries, history) => dispatch(actions.viewDetails(data, entries, history))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchGridRow));\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated, pluck, sortBy } from '../../../utils/mlp-utils';\r\nimport SearchGridRow from './SearchGridRow';\r\n\r\nclass SearchGrid extends Component {\r\n componentDidMount() {\r\n //TODO: Check using of stick_in_parent function (from sticky-kit) in React project\r\n // $('.fixed-header-container').stick_in_parent();\r\n }\r\n\r\n selectAll = (e) => {\r\n this.props.onSelectDocs(e.target.checked, -1, -1);\r\n };\r\n\r\n anySelected = () => {\r\n return this.props.entries.some((entry) => entry.isSelected === true);\r\n };\r\n\r\n render() {\r\n const allSelected = this.props.entries.every((entry) => entry.isSelected === true);\r\n const headers = pluck(\r\n sortBy(\r\n this.props.entries[0]['metadata'].filter((attribute) => attribute.isVisibleOnGrid === true),\r\n 'gridOrder'\r\n ),\r\n 'label'\r\n );\r\n const width = 85 / headers.length;\r\n const rows = this.props.entries.map((entry, i) => {\r\n return \r\n
\r\n {rowDetails}\r\n \r\n \r\n this.selectAll(e)}\r\n checked={this.props.entry.isSelected}\r\n />\r\n \r\n
\r\n {rowData}\r\n \r\n actions.downloadDocuments(false, this.props.groupIndex, '*', this.props.gridModel, e)}>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.props.onViewDetails({ index: -1, pageRoute: '/DocumentView' }, this.props.entries, this.props.history)\r\n }\r\n >\r\n {formatTranslated('View_Label', this.props.translations.Phrases)}\r\n \r\n \r\n this.props.onViewDetails({ index: -1, pageRoute: '/DocumentCompareView' }, this.props.entries, this.props.history)\r\n }\r\n >\r\n {formatTranslated('Compare_Label', this.props.translations.Phrases)}\r\n \r\n \r\n this.props.onViewDetails({ index: -1, pageRoute: '/DownloadAndPrint' }, this.props.entries, this.props.history)\r\n }\r\n >\r\n \r\n \r\n {formatTranslated('PrintSelected_Label', this.props.translations.Phrases)}\r\n \r\n \r\n \r\n this.props.onViewDetails({ index: -1, pageRoute: '/DownloadAndPrint' }, this.props.entries, this.props.history)\r\n }\r\n >\r\n \r\n \r\n {formatTranslated('DownloadSelected_Label', this.props.translations.Phrases)}\r\n \r\n \r\n
\r\n ) : (\r\n ''\r\n );\r\n\r\n let selectedMessage = null;\r\n const noOfselectedDocs = pluck(this.props.entries, 'documents')\r\n .flat()\r\n .filter((x) => x.isSelected === true).length;\r\n let selectedLimitReached = false;\r\n\r\n if (noOfselectedDocs && noOfselectedDocs < this.props.maxSelectedDocuments) {\r\n selectedMessage = (\r\n {formatTranslated('NumberOfSelectedDocuments_Label', this.props.translations.Phrases, noOfselectedDocs)}
\r\n );\r\n } else if (noOfselectedDocs >= this.props.maxSelectedDocuments) {\r\n selectedLimitReached = true;\r\n selectedMessage = (\r\n\r\n {formatTranslated('SelectedDocumentsLimit_Label', this.props.translations.Phrases, this.props.maxSelectedDocuments)}\r\n
\r\n );\r\n }\r\n\r\n const outerHeader = this.anySelected() ? (\r\n\r\n
\r\n ) : (\r\n ''\r\n );\r\n\r\n const headerRows = headers.map((item, i) => {\r\n return (\r\n {selectedMessage}
\r\n {gridActionButtons}\r\n \r\n {item}\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSelectDocs: (checked, groupIndex, docIndex) => dispatch(actions.selectImageDocs(checked, groupIndex, docIndex)),\r\n onViewDetails: (data, entries, history) => dispatch(actions.viewDetails(data, entries, history))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchGrid));\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Dropdown from '../../../common/Dropdown/Dropdown';\r\nimport Textbox from '../../../common/Textbox/Textbox';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\nimport GridPaging from './GridPaging';\r\nimport SearchGrid from './SearchGrid';\r\n\r\nclass SearchGridContainer extends Component {\r\n modelNotSet = () => {\r\n return this.props.gridModel === null || this.props.gridModel === undefined || this.props.gridModel.length === 0;\r\n };\r\n\r\n render() {\r\n if (this.modelNotSet()) {\r\n return (\r\n \r\n {outerHeader}\r\n
\r\n \r\n
\r\n \r\n \r\n this.selectAll(e)}\r\n checked={allSelected}\r\n />\r\n \r\n
\r\n {headerRows}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {rows}
\r\n \r\n
\r\n );\r\n }\r\n\r\n let groupBy = null;\r\n\r\n if (this.props.groupByOptions.length > 1) {\r\n groupBy = (\r\n \r\n \r\n
\r\n {formatTranslated('NoResults_Label', this.props.translations.Phrases)}
\r\n\r\n
\r\n );\r\n } else if (this.props.groupByOptions.length === 1) {\r\n groupBy = (\r\n \r\n
\r\n \r\n {formatTranslated('GroupBy_Label', this.props.translations.Phrases)}\r\n
\r\n \r\n
\r\n \r\n {formatTranslated('GroupBy_Label', this.props.translations.Phrases)}\r\n
\r\n );\r\n }\r\n\r\n let paging = null;\r\n if (this.props.showPaging) {\r\n paging = \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSelectGroupByOption: (newIndex, oldIndex) => dispatch(actions.selectGroupByOption(newIndex, oldIndex))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchGridContainer);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated } from '../../../utils/mlp-utils';\r\n\r\nclass SearchHeader extends Component {\r\n render() {\r\n const searchTypeComponents = this.props.searchTypes.map((e) => {\r\n let className = 'imaging-nav-item';\r\n\r\n if (e.IsSelected) {\r\n className += ' selected';\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {groupBy}\r\n Search Results
\r\n\r\n {formatTranslated('Showing_Label', this.props.translations.Phrases)}{' '}\r\n {this.props.totalLoadedResults.toLocaleString()}{' '}\r\n {formatTranslated('ShowingSeparator_Label', this.props.translations.Phrases)}{' '}\r\n {this.props.totalResults.toLocaleString()} {formatTranslated('Results_Label', this.props.translations.Phrases)}{' '}\r\n {entryNumber}\r\n
\r\n\r\n
\r\n {paging}
\r\n this.props.onSelectSearchType(this.props.searchTypes, e.Code)}>\r\n
\r\n );\r\n });\r\n\r\n return \r\n {formatTranslated(e.Code, this.props.translations.Phrases)}\r\n
\r\n {searchTypeComponents}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSelectSearchType: (searchTypes, code) => {\r\n const currentSearchType = searchTypes.find((type) => type.IsSelected === true);\r\n if (currentSearchType.Code !== code) {\r\n dispatch(actions.selectSearchType(code));\r\n dispatch(actions.clearImageFilters());\r\n }\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchHeader);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport ChooserControl from '../../../common/ClientChooser/ChooserControl';\r\nimport CheckboxFilter from '../../../common/Filters/CheckboxFilter';\r\nimport DatePickerFilter from '../../../common/Filters/DatePickerFilter';\r\nimport DocTypeFilter from '../../../common/Filters/DocTypeFilter';\r\nimport MainSearchFilter from '../../../common/Filters/MainSearchFilter';\r\nimport MotFilter from '../../../common/Filters/MotFilter';\r\nimport PrimaryDateFilter from '../../../common/Filters/PrimaryDateFilter';\r\nimport TextFilter from '../../../common/Filters/TextFilter';\r\nimport YearFilter from '../../../common/Filters/YearFilter';\r\nimport { filters as Constants, imageDetailsPath, storageModelName } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { formatTranslated, getSearchTypesBySelectedServices, pluck } from '../../../utils/mlp-utils';\r\nimport { loadModelFromStorage, removeModelFromStorage, saveModelToStorage } from '../../../utils/modelStorage';\r\nimport SearchGridContainer from './SearchGridContainer';\r\nimport SearchHeader from './SearchHeader';\r\n\r\nclass IndexForm extends Component {\r\n state = {\r\n moreFiltersVisible: false,\r\n invalidTextFilters: []\r\n };\r\n\r\n postDelayTimer = null;\r\n detailPages = [\r\n imageDetailsPath.VIEWIMAGE_SEARCHSHIPMENTDETAIL,\r\n imageDetailsPath.DOCUMENTCOMPARE_VIEW,\r\n imageDetailsPath.DOCUMENT_VIEW,\r\n imageDetailsPath.DOWNLOAD_AND_PRINT\r\n ];\r\n\r\n selectedPids = [];\r\n\r\n componentDidMount() {\r\n this.props.onInitTranslations('Imaging.Imaging.Index');\r\n const localImageStatePlusSelectedItems = loadModelFromStorage(storageModelName.VIEWIMAGE, this.props.location, this.detailPages);\r\n\r\n if (localImageStatePlusSelectedItems != null) {\r\n if (localImageStatePlusSelectedItems.selectedPids != null) {\r\n this.selectedPids = localImageStatePlusSelectedItems.selectedPids;\r\n }\r\n this.props.onSetImageModel(localImageStatePlusSelectedItems.stateModel);\r\n this.onFilterImagesWithDelay();\r\n } else {\r\n this.props.onInitViewImages();\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n if (this.props.shouldInitModel) {\r\n this.props.onInitModel(this.props.translations);\r\n }\r\n if (this.props.shouldSubmitImageSearch) {\r\n this.props.onSubmitImageSearch(this.props.model);\r\n }\r\n if (this.props.shouldUpdateGridModel) {\r\n this.props.onUpdateGridModel(this.props.model, this.props.translations, this.selectedPids);\r\n this.selectedPids = [];\r\n }\r\n }\r\n\r\n getSelectedPidsFromSearchGrid() {\r\n let allSelectedPids = [];\r\n\r\n const selectedGroupings = this.props.model.GridModel.filter((gridGrouping) => gridGrouping.isSelected === true);\r\n\r\n selectedGroupings.forEach((x) => {\r\n const selectedItems = x.documents.filter((gridGrouping) => gridGrouping.isSelected === true);\r\n const selectedPids = pluck(selectedItems, 'pid');\r\n allSelectedPids = allSelectedPids.concat(selectedPids);\r\n });\r\n\r\n return allSelectedPids;\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.detailPages.includes(this.props.history.location.pathname)) {\r\n this.selectedPids = this.getSelectedPidsFromSearchGrid();\r\n\r\n let imageStateModel = { ...this.props.model };\r\n imageStateModel.SearchResults = [];\r\n imageStateModel.GridModel = [];\r\n\r\n const stateModel = {\r\n model: imageStateModel,\r\n shouldInitModel: this.props.shouldInitModel,\r\n shouldSubmitImageSearch: this.props.shouldSubmitImageSearch,\r\n shouldUpdateGridModel: this.props.shouldUpdateGridModel,\r\n type: this.props.type\r\n };\r\n\r\n const statePlusSelectedPids = {\r\n stateModel: stateModel,\r\n selectedPids: this.selectedPids\r\n };\r\n\r\n saveModelToStorage(storageModelName.VIEWIMAGE, statePlusSelectedPids);\r\n } else {\r\n removeModelFromStorage(storageModelName.VIEWIMAGE);\r\n }\r\n this.props.onDropRequests([]);\r\n this.props.onClearImageState();\r\n }\r\n\r\n toggleMoreFilters = () => {\r\n this.setState((prevState) => {\r\n return { moreFiltersVisible: !prevState.moreFiltersVisible };\r\n });\r\n };\r\n\r\n getHeaderContent = (searchFilters) => {\r\n const availableSearchTypes = getSearchTypesBySelectedServices(this.props.model);\r\n if (availableSearchTypes === undefined || availableSearchTypes.length <= 0) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n There are no selected clients
\r\n\r\n
\r\n );\r\n };\r\n\r\n getInitialMainContent = () => {\r\n const availableSearchTypes = getSearchTypesBySelectedServices(this.props.model);\r\n if (availableSearchTypes === undefined || availableSearchTypes.length <= 0) {\r\n return <>;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n onFilterImagesWithDelay = () => {\r\n clearTimeout(this.postDelayTimer);\r\n this.postDelayTimer = setTimeout(() => {\r\n this.props.filterImages();\r\n }, 700);\r\n };\r\n\r\n onFilterImages = () => {\r\n if (this.state.invalidTextFilters.length === 0) {\r\n this.props.filterImages();\r\n }\r\n };\r\n\r\n setIsTextFiltersValid = (name, valueIsValid) => {\r\n let invalidTextFilters = [...this.state.invalidTextFilters];\r\n if (valueIsValid) {\r\n invalidTextFilters = invalidTextFilters.filter((x) => x !== name);\r\n } else {\r\n if (invalidTextFilters.indexOf(name) === -1) {\r\n invalidTextFilters.push(name);\r\n }\r\n }\r\n this.setState({ invalidTextFilters: invalidTextFilters });\r\n };\r\n\r\n render() {\r\n if (this.props.model.SearchResults && this.props.translations.PhraseGroupCode === 'Imaging.Imaging.Index') {\r\n let searchFilters = {};\r\n searchFilters[Constants.SEARCH_SECTION_MAIN] = [];\r\n searchFilters[Constants.SEARCH_SECTION_DATE] = [];\r\n searchFilters[Constants.SEARCH_SECTION_DOC_TYPE] = [];\r\n searchFilters[Constants.SEARCH_SECTION_OTHER] = [];\r\n\r\n const searchTypesForCurrentCountry = getSearchTypesBySelectedServices(this.props.model);\r\n let mainContent = this.getInitialMainContent();\r\n const selectedSearchType = this.props.model.SearchTypes.find((type) => type.IsSelected === true);\r\n const pageTitle = formatTranslated('Imaging_PageHeader', this.props.translations.Phrases).split(' ');\r\n\r\n if (selectedSearchType !== undefined) {\r\n this.props.model.Filters.forEach((f, i) => {\r\n let component;\r\n switch (f.ControlName) {\r\n case 'YearFilter':\r\n component = (\r\n \r\n
\r\n Please select a search type
\r\n\r\n
\r\n );\r\n break;\r\n case 'TextFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'YesNoFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'DatePickerFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'MainSearchFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'PrimaryDateFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'DocTypeFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n case 'MotFilter':\r\n component = (\r\n \r\n
\r\n );\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n if (searchFilters[f.Level] && component) {\r\n searchFilters[f.Level].push(component);\r\n }\r\n });\r\n\r\n const label = this.state.moreFiltersVisible\r\n ? formatTranslated('LessFilters_Label', this.props.translations.Phrases) + ' -'\r\n : formatTranslated('MoreFilters_Label', this.props.translations.Phrases) + ' +';\r\n const moreFilters = (\r\n \r\n
\r\n );\r\n if (searchTypesForCurrentCountry !== undefined && searchTypesForCurrentCountry.length > 0) {\r\n mainContent = (\r\n \r\n
\r\n \r\n {label}\r\n
\r\n\r\n {searchFilters[Constants.SEARCH_SECTION_OTHER]}\r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {searchFilters[Constants.SEARCH_SECTION_DATE]}\r\n {searchFilters[Constants.SEARCH_SECTION_DOC_TYPE]}\r\n {moreFilters || ''}\r\n
\r\n \r\n
\r\n \r\n {formatTranslated('Filter_Label', this.props.translations.Phrases)}\r\n
\r\n\r\n this.props.onClearFilters()}>\r\n {formatTranslated('Clear_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n\r\n {searchFilters[Constants.SEARCH_SECTION_DATE]}\r\n {searchFilters[Constants.SEARCH_SECTION_DOC_TYPE]}\r\n {moreFilters || ''}\r\n
\r\n
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.imaging.model,\r\n shouldInitModel: state.imaging.shouldInitModel,\r\n shouldSubmitImageSearch: state.imaging.shouldSubmitImageSearch,\r\n shouldUpdateGridModel: state.imaging.shouldUpdateGridModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitViewImages: (translations) => dispatch(actions.initViewImages(translations)),\r\n onDropRequests: () => dispatch(actions.dropRequests()),\r\n onInitModel: (translations) => dispatch(actions.initImageModel(translations)),\r\n onSubmitImageSearch: (model) => dispatch(actions.submitImageSearch(model)),\r\n onUpdateGridModel: (model, translations, selectedPids) => dispatch(actions.updateGridModel(model, translations, selectedPids)),\r\n onClearFilters: () => dispatch(actions.clearImageFilters()),\r\n onUpdateClientServices: (data) => dispatch(actions.updateImageClientServices(data)),\r\n onFilterOptionSelect: (newIndex, oldIndex, name) => dispatch(actions.imageFilterOptionSelect(newIndex, oldIndex, name)),\r\n onFilterValueChange: (value, name) => {\r\n const splittedName = name.split('.');\r\n dispatch(actions.imageFilterValueChange(splittedName[2], value, splittedName[1]));\r\n },\r\n onDocTypeFilterValueChange: (value, name) => {\r\n const splittedName = name.split('.');\r\n dispatch(actions.imageDocTypeFilterValueChange(splittedName[2], value, splittedName[1], splittedName[4], splittedName[3]));\r\n },\r\n onDocTypeFilterSelectAll: (value, filterIndex) => {\r\n dispatch(actions.imageDocTypeFilterSelectAll(value, filterIndex));\r\n },\r\n filterImages: () => dispatch(actions.filterImages()),\r\n onSetImageModel: (model) => dispatch(actions.setImageModel(model)),\r\n onClearImageState: () => dispatch(actions.resetImageState()),\r\n onMotFilterValueChange: (value, filterIndex, optionIndex) => {\r\n dispatch(actions.imageMotFilterValueChange(value, filterIndex, optionIndex));\r\n },\r\n onMotFilterSelectAll: (value, filterIndex) => {\r\n dispatch(actions.motFilterSelectAll(value, filterIndex));\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IndexForm);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass DeleteNoticeModal extends Component {\r\n render() {\r\n const modalTitle = this.props.translations.Phrases['Notices_Delete_Title_Label'];\r\n const NoticesTitle = this.props.data == null ? '' : this.props.data.Title;\r\n const NoticesDeleteText = this.props.translations.Phrases['Notices_Delete_Text'];\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {pageTitle[0]} \r\n {pageTitle[1]}\r\n
\r\n\r\n
\r\n \r\n
\r\n {this.getHeaderContent(searchFilters)}
\r\n \r\n
\r\n \r\n
\r\n \r\n {mainContent || ''}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n data: state.notices.selectedNotice,\r\n index: state.notices.selectedIndex,\r\n isOpen: state.notices.isDeleteModalOpen,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onCloseDeleteNoticeModal: () => dispatch(actionCreators.closeDeleteNoticeModal()),\r\n onDeleteNotice: (notice, index, successMessage) => {\r\n dispatch(actionCreators.deleteNotice(notice, index, successMessage));\r\n dispatch(actionCreators.closeDeleteNoticeModal());\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteNoticeModal);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass AmPmComponent extends Component {\r\n static propTypes = {\r\n name: PropTypes.string,\r\n value: PropTypes.string,\r\n onAmPmChanged: PropTypes.func\r\n };\r\n\r\n setAmPm = (val) => {\r\n this.props.onAmPmChanged(val);\r\n };\r\n\r\n render() {\r\n let amPm = this.props.value;\r\n const altAmPm = this.props.value === 'AM' ? 'PM' : 'AM';\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {modalTitle}
\r\n\r\n this.props.onCloseDeleteNoticeModal()}>\r\n
\r\n \r\n
\r\n \r\n
\r\n {NoticesTitle}
\r\n {NoticesDeleteText}
\r\n \r\n
\r\n \r\n
\r\n \r\n this.props.onCloseDeleteNoticeModal()}\r\n >\r\n {this.props.translations.Phrases['ManageNotices_Cancel']}\r\n \r\n \r\n this.props.onDeleteNotice(\r\n this.props.data,\r\n this.props.index,\r\n this.props.translations.Phrases['NoticeDeleted_Msg']\r\n )\r\n }\r\n >\r\n {this.props.translations.Phrases['ManageNotices_Delete']}\r\n \r\n
\r\n \r\n \r\n {amPm}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AmPmComponent;\r\n","import dayjs from 'dayjs';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport toastr from 'toastr';\r\nimport InputBase from '../Inputbase/Inputbase';\r\nimport Modal from '../Modal/Modal';\r\nimport Calendar from './Calendar';\r\n\r\nclass DateComponent extends Component {\r\n static propTypes = {\r\n name: PropTypes.string,\r\n value: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n dateLabel: PropTypes.string,\r\n valMsg: PropTypes.string,\r\n onDateChanged: PropTypes.func\r\n };\r\n\r\n inputElementRef = React.createRef();\r\n\r\n state = { isCalendarOpen: false };\r\n\r\n openCalendarModal = () => {\r\n this.setState({ isCalendarOpen: true });\r\n };\r\n\r\n closeCalendarModal = () => {\r\n this.setState({ isCalendarOpen: false });\r\n };\r\n\r\n createCalendarModal = () => {\r\n const DATEFORMAT = this.props.translations.Phrases['Date_Format'];\r\n const linkText = this.props.translations.Phrases['Select_Date_Label'];\r\n const calendarModal = (\r\n - this.setAmPm(altAmPm)}>\r\n
- {altAmPm} \r\n
\r\n {\r\n return dayjs(x).startOf('day').format(DATEFORMAT);\r\n }}\r\n customAction={() => this.closeCalendarModal()}\r\n selectedDate={this.props.value}\r\n onDateChanged={this.props.onDateChanged}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n {calendar}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DateComponent);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport toastr from 'toastr';\r\nimport InputBase from '../Inputbase/Inputbase';\r\n\r\nclass TimeComponent extends Component {\r\n static propTypes = {\r\n name: PropTypes.string,\r\n value: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n timeLabel: PropTypes.string,\r\n valMsg: PropTypes.string,\r\n onTimeChanged: PropTypes.func\r\n };\r\n\r\n inputElementRef = React.createRef();\r\n\r\n onSelect = (time) => {\r\n this.props.onTimeChanged(time);\r\n };\r\n\r\n handleChange = (e) => {\r\n this.props.onTimeChanged(e.target.value);\r\n };\r\n\r\n validateFormat = (e) => {\r\n const isValid = /^(0[0-9]|1[0-2]):([0-5][0-9])?$/.test(e.target.value);\r\n\r\n if (isValid && e.target.value < '13:00') {\r\n this.props.onTimeChanged(e.target.value);\r\n } else {\r\n this.props.onTimeChanged('');\r\n if (e.target.value !== '') {\r\n let validationFailedMessage = this.props.translations.Phrases['Notices_StartTimeFormatErr'];\r\n if (this.props.name.split('.')[2] === 'EffectiveTimePartTo') {\r\n validationFailedMessage = this.props.translations.Phrases['Notices_EndTimeFormatErr'];\r\n }\r\n toastr.error(validationFailedMessage);\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n let time = '';\r\n\r\n if (this.props.value) {\r\n time = this.props.value;\r\n }\r\n let timeArray = [];\r\n for (let i = 0; i < 12; i++) {\r\n for (let j = 0; j < 4; j++) {\r\n timeArray.push((i === 0 ? '12' : i) + ':' + (j === 0 ? '00' : 15 * j));\r\n }\r\n }\r\n const timeList = timeArray.map((item, i) => {\r\n return (\r\n \r\n this.handleChange(event)}\r\n onBlur={(event) => this.validateFormat(event)}\r\n />\r\n
\r\n \r\n this.openCalendarModal()}\r\n >\r\n {icon}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TimeComponent);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport AmPmComponent from './AmPmComponent';\r\nimport DateComponent from './DateComponent';\r\nimport TimeComponent from './TimeComponent';\r\n\r\nclass DateTimePicker extends Component {\r\n static propTypes = {\r\n date: PropTypes.string,\r\n time: PropTypes.string,\r\n amPm: PropTypes.string,\r\n dateLabel: PropTypes.string,\r\n timeLabel: PropTypes.string,\r\n datePlaceholder: PropTypes.string,\r\n timePlaceholder: PropTypes.string,\r\n dateName: PropTypes.string,\r\n timeName: PropTypes.string,\r\n amPmName: PropTypes.string,\r\n dateValMsg: PropTypes.string,\r\n timeValMsg: PropTypes.string,\r\n onDateChanged: PropTypes.func,\r\n onTimeChanged: PropTypes.func,\r\n onAmPmChanged: PropTypes.func\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n this.handleChange(event)}\r\n onBlur={(event) => this.validateFormat(event)}\r\n />\r\n
\r\n \r\n \r\n {icon}\r\n \r\n
\r\n - \r\n {timeList}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DateTimePicker;\r\n","import DOMPurify from 'dompurify';\r\nimport $ from 'jquery';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { DefaultEditor } from 'react-simple-wysiwyg';\r\nimport toastr from 'toastr';\r\nimport DateTimePicker from '../../common/DateTimePicker/DateTimePicker';\r\nimport Dropdown from '../../common/Dropdown/Dropdown';\r\nimport TextBox from '../../common/Textbox/Textbox';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport { formatDate } from '../../utils/dateFormater';\r\nimport { isNullOrWhitespace } from '../../utils/mlp-utils';\r\n\r\nclass ManageNoticesArea extends Component {\r\n componentWillUnmount = () => {\r\n // this.props.onCloseManageNoticesArea();\r\n };\r\n\r\n onChangeEditorContent = (e) => {\r\n this.props.onChangeContent(e.target.value);\r\n };\r\n\r\n //This is where the notice data is being validated\r\n saveNotice = (selectedNotice) => {\r\n $('#overlay').show();\r\n const sanitizedContent = DOMPurify.sanitize(selectedNotice.Content);\r\n\r\n const dateFrom = formatDate(\r\n selectedNotice.EffectiveDatePartFrom,\r\n selectedNotice.EffectiveTimePartFrom,\r\n selectedNotice.EffectiveTimePartFromAmPm\r\n );\r\n\r\n const dateTo = formatDate(\r\n selectedNotice.EffectiveDatePartTo,\r\n selectedNotice.EffectiveTimePartTo,\r\n selectedNotice.EffectiveTimePartToAmPm\r\n );\r\n\r\n if (this.validateNotice(selectedNotice, dateFrom, dateTo)) {\r\n let notice = { ...selectedNotice };\r\n notice.ServiceProvider = this.props.serviceProviders.find((sp) => sp.Text === notice.ServiceProvider).Value;\r\n notice.EffectiveDateFrom = dateFrom;\r\n notice.EffectiveDateTo = dateTo;\r\n notice.Content = sanitizedContent;\r\n this.props.onNoticeSave(notice, this.props.translations.Phrases['NoticeSaved_Msg']);\r\n }\r\n };\r\n\r\n validateNotice = (notice, dateFrom, dateTo) => {\r\n let validationFailedMessage = '';\r\n //Check for null dates and times\r\n validationFailedMessage += this.validateDateRequired(\r\n notice.EffectiveDatePartFrom,\r\n notice.EffectiveTimePartFrom,\r\n this.props.translations.Phrases['Notices_Start']\r\n );\r\n validationFailedMessage += this.validateDateRequired(\r\n notice.EffectiveDatePartTo,\r\n notice.EffectiveTimePartTo,\r\n this.props.translations.Phrases['Notices_End']\r\n );\r\n\r\n var currentDate = new Date();\r\n\r\n if (dateTo < currentDate) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_EndDateValidationMsg'];\r\n }\r\n\r\n if (dateFrom < currentDate) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_StartDateValidationMsg'];\r\n }\r\n\r\n //Check service provider\r\n if (isNullOrWhitespace(notice.ServiceProvider) || notice.ServiceProvider === 'Select application') {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_RequiredApplication'];\r\n }\r\n\r\n //Check for date from greater than Date To\r\n if (dateFrom > dateTo) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_StartEndDateValidationMsg'];\r\n }\r\n\r\n //Check for null content and title\r\n if (isNullOrWhitespace(notice.Content)) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_RequiredBodyText'];\r\n }\r\n\r\n if (isNullOrWhitespace(notice.Title)) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_RequiredTitle'];\r\n }\r\n\r\n //Check for null notice type\r\n if (isNullOrWhitespace(notice.NoticeType) || notice.NoticeType === 'Select notice type') {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_RequiredNoticeType'];\r\n }\r\n\r\n //Start date and time can not be same as end date and time\r\n if (\r\n notice.EffectiveDatePartFrom === notice.EffectiveDatePartTo &&\r\n notice.EffectiveTimePartFrom === notice.EffectiveTimePartTo &&\r\n notice.EffectiveTimePartFromAmPm === notice.EffectiveTimePartToAmPm\r\n ) {\r\n validationFailedMessage += this.props.translations.Phrases['Notices_StartEndDateErrMsg'];\r\n }\r\n\r\n if (!isNullOrWhitespace(validationFailedMessage)) {\r\n toastr.options.timeOut = 10000;\r\n toastr.error(validationFailedMessage);\r\n $('#overlay').hide();\r\n toastr.options.timeOut = 5000;\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n validateDateRequired = (datePart, timePart, startEnd) => {\r\n let validationFailedMessage = '';\r\n if (!datePart) {\r\n validationFailedMessage += startEnd + this.props.translations.Phrases['Notices_RequiredDate'];\r\n }\r\n if (!timePart) {\r\n validationFailedMessage += startEnd + this.props.translations.Phrases['Notices_RequiredTime'];\r\n }\r\n return validationFailedMessage;\r\n };\r\n\r\n renderEndDate() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n getMainTitle() {\r\n return this.props.action === 'edit'\r\n ? this.props.translations.Phrases['ManageNotices_EditNoticeTitle']\r\n : this.props.translations.Phrases['ManageNotices_CreateNotice'];\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.getMainTitle()}
\r\n {this.renderStartDate()}
\r\n {this.renderEndDate()}
\r\n \r\n
\r\n {this.renderServiceProviderDropdown()}
\r\n {this.renderNoticeTypeDropdown()}
\r\n \r\n
\r\n {this.renderLanguageDropdown()}
\r\n \r\n
\r\n {this.renderNoticeTitle()}
\r\n \r\n
\r\n {this.renderNoticeContent()}
\r\n {this.renderButtonArea()}
\r\n ');\r\n } else {\r\n text = '';\r\n }\r\n return text;\r\n };\r\n\r\n setDisplayData = () => {\r\n const newData = {\r\n NoticesTitle: '',\r\n NoticesContent: '',\r\n StartDate: '',\r\n EndDate: '',\r\n StartTime: '',\r\n EndTime: '',\r\n StartTimeAmPm: '',\r\n EndTimeAmPm: '',\r\n ServiceProvider: '',\r\n NoticeType: '',\r\n Language: ''\r\n };\r\n\r\n if (this.props.data) {\r\n const { data } = this.props;\r\n const DATEFORMAT = this.props.translations.Phrases['Date_Format'];\r\n newData.NoticesTitle = data.Title;\r\n newData.NoticesContent = this.formatContent(data.Content);\r\n newData.StartDate = dayjs(data.EffectiveDatePartFrom).isValid() ? dayjs(data.EffectiveDatePartFrom).format(DATEFORMAT) : '';\r\n newData.EndDate = dayjs(data.EffectiveDatePartTo).isValid() ? dayjs(data.EffectiveDatePartTo).format(DATEFORMAT) : '';\r\n newData.StartTime = data.EffectiveTimePartFrom;\r\n newData.EndTime = data.EffectiveTimePartTo;\r\n newData.StartTimeAmPm = data.EffectiveTimePartFromAmPm;\r\n newData.EndTimeAmPm = data.EffectiveTimePartToAmPm;\r\n newData.ServiceProvider = data.ServiceProvider ?? 'Central';\r\n newData.NoticeType = data.NoticeType;\r\n newData.Language = data.Language;\r\n }\r\n\r\n return newData;\r\n };\r\n\r\n handleCloseModal = () => {\r\n this.props.onCloseNoticePreview();\r\n };\r\n\r\n render() {\r\n const data = this.setDisplayData();\r\n\r\n return (\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n data: state.notices.selectedNotice,\r\n isOpen: state.notices.isNoticePreviewOpen,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onCloseNoticePreview: () => dispatch(actionCreators.closeNoticePreview())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NoticeContentPreview);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport styles from './NoticesTableRow.module.css';\r\n\r\nclass NoticesTableRow extends Component {\r\n handleEditNotice = () => {\r\n this.props.onEditNotice(this.props.data, this.props.index);\r\n };\r\n\r\n handleOpenNoticePreview = () => {\r\n this.props.onOpenNoticePreview(this.props.data);\r\n };\r\n\r\n handleDeleteNotice = () => {\r\n this.props.onOpenDeleteNoticeModal(this.props.data, this.props.index);\r\n };\r\n\r\n renderNoticeOptions() {\r\n const noticeOptions = (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['Notices_Preview_Title_Label']}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.NoticesTitle}
\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['ManageNotices_TableHeader_StartDate']}\r\n
\r\n \r\n {this.props.translations.Phrases['ManageNotices_TableHeader_EndDate']}\r\n
\r\n \r\n {this.props.translations.Phrases['ManageNotices_TableHeader_Application']}\r\n
\r\n \r\n {this.props.translations.Phrases['ManageNotices_TableHeader_NoticeType']}\r\n
\r\n \r\n {this.props.translations.Phrases['ManageNotices_TableHeader_Language']}\r\n
\r\n {/* Break */}\r\n \r\n {data.StartDate} {data.StartTime} {data.StartTimeAmPm}\r\n
\r\n \r\n {data.EndDate} {data.EndTime} {data.EndTimeAmPm}\r\n
\r\n {data.ServiceProvider}
\r\n {data.NoticeType}
\r\n {data.Language}
\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 return noticeOptions;\r\n }\r\n\r\n decideNoticeClassName() {\r\n //Format Dates for active notices check for green highlight\r\n const todayDate = new Date();\r\n const startDate = new Date(this.props.data.EffectiveDateFrom);\r\n const endDate = new Date(this.props.data.EffectiveDateTo);\r\n let isActive = '';\r\n\r\n //Check active notices to be highlighted\r\n if (startDate <= todayDate && endDate >= todayDate) {\r\n isActive = 'active-notice';\r\n }\r\n\r\n return isActive;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n notices: state.notices.model.NoticesList,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(NoticesTableArea);\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport ReactGA from 'react-ga';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport DeleteNoticeModal from './DeleteNoticeModal';\r\nimport ManageNoticesArea from './ManageNoticesArea';\r\nimport NoticeContentPreview from './NoticeContentPreview';\r\nimport NoticesTableArea from './NoticesTableArea';\r\n\r\nclass ManageNotices extends Component {\r\n state = {\r\n shouldOpenPreviewModal: false,\r\n shouldOpenDeleteModal: false\r\n };\r\n\r\n decideOnFormDisplay = () => {\r\n const getRandomNum = () => Math.ceil(Math.random() * 1000);\r\n const displayData = [];\r\n let key = '';\r\n\r\n //Display preview modal\r\n key = `NoticePreviewModal__${getRandomNum()}`;\r\n\r\n displayData.push(\r\n
\r\n \r\n \r\n {this.renderTableHeader()}\r\n {this.renderTableBody()}\r\n
\r\n
\r\n {this.props.translations.Phrases['Notices_NoNoticesMessage']}
\r\n );\r\n\r\n return (\r\n \r\n {tableArea}\r\n
\r\n );\r\n }\r\n\r\n displayNoticeManagementArea(key) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onInitManageNotices();\r\n this.props.onInitTranslations('Notices.Notices.ManageNotices');\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onResetNoticesState();\r\n }\r\n\r\n exportNotices = () => {\r\n if (this.props.notices.length > 0) {\r\n $('#overlay').show();\r\n axios\r\n .post('/Notices/ExportNotices', this.props.notices)\r\n .then((response) => {\r\n ReactGA.event({\r\n category: 'Outbound Link',\r\n action: 'click',\r\n label: 'Export Notices'\r\n });\r\n const filename = 'Notices.csv';\r\n const a = document.createElement('a');\r\n document.body.appendChild(a);\r\n a.style.cssText = 'display: none';\r\n a.download = filename;\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n //IE support\r\n var fileData = [response.data];\r\n var blobObject = new Blob(fileData);\r\n $(a).on(() => {\r\n window.navigator.msSaveOrOpenBlob(blobObject, filename);\r\n });\r\n a.click();\r\n } else {\r\n const blob = new Blob(['\\ufeff', response.data], { type: 'octet/stream' });\r\n const url = window.URL.createObjectURL(blob);\r\n a.href = url;\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n if (a.remove) {\r\n a.remove();\r\n }\r\n })\r\n .catch((error) => {\r\n toastr.error(this.props.translations.Phrases['Download_Doc_Error_Label']);\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n } else {\r\n toastr.warning(this.props.translations.Phrases['NoNotices_Msg']);\r\n }\r\n };\r\n\r\n render() {\r\n if (this.props.notices && this.props.translations.PhraseGroupCode === 'Notices.Notices.ManageNotices') {\r\n const pageTitle = this.props.translations.Phrases['Page_Title']\r\n ? this.props.translations.Phrases['Page_Title'].split(' ')\r\n : ['', ''];\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n notices: state.notices.model.NoticesList,\r\n manageNoticesAreaVisible: state.notices.manageNoticesAreaVisible,\r\n translations: state.translations.model,\r\n isNoticePreviewOpen: state.notices.isNoticePreviewOpen,\r\n isDeleteModalOpen: state.notices.isDeleteModalOpen\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitManageNotices: () => dispatch(actionCreators.initManageNotices()),\r\n onNoticeAdd: (notices) => {\r\n let newNotice = {\r\n Id: '',\r\n LookupKey: '',\r\n ServiceProvider: '',\r\n NoticeType: null,\r\n Language: 'en',\r\n Title: '',\r\n Content: '',\r\n EffectiveDateFrom: '',\r\n EffectiveDateTo: '',\r\n EffectiveDatePartFrom: '',\r\n EffectiveDatePartTo: '',\r\n EffectiveTimePartFrom: '',\r\n EffectiveTimePartTo: '',\r\n EffectiveTimePartFromAmPm: 'PM',\r\n EffectiveTimePartToAmPm: 'PM',\r\n IsDeleted: false,\r\n CreatedBy: '',\r\n CreatedDate: '',\r\n ModifiedBy: '',\r\n ModifiedDate: ''\r\n };\r\n newNotice.Id = notices.length + 1;\r\n dispatch(actionCreators.addNotice(newNotice, 0));\r\n },\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onResetNoticesState: () => dispatch(actionCreators.resetNoticesState())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ManageNotices);\r\n","import DOMPurify from 'dompurify';\r\nimport React from 'react';\r\n\r\nconst Notice = (props) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {pageTitle[0]}\r\n \r\n \r\n {pageTitle[1]}\r\n
\r\n\r\n
\r\n \r\n this.props.onNoticeAdd(this.props.notices)}>\r\n {this.props.translations.Phrases['AddNotice_Label']}\r\n \r\n this.exportNotices()}>\r\n {this.props.translations.Phrases['Export_Label']}\r\n \r\n
\r\n \r\n {this.decideOnFormDisplay()}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Notice;\r\n","import React from 'react';\r\nimport Notice from './Notice';\r\n\r\nconst NoticesArea = (props) => {\r\n return (\r\n \r\n
\r\n \r\n {props.notice.EffectiveDatePartFrom} {props.notice.EffectiveTimePartFrom}\r\n {props.notice.EffectiveTimePartFromAmPm}\r\n
\r\n {props.notice.Title}
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NoticesArea;\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { userPermission } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport NoticesArea from './NoticesArea';\r\n\r\nclass NoticesForm extends Component {\r\n componentDidMount() {\r\n this.props.onInitNotices();\r\n this.props.onInitTranslations('Notices.Notices.Index');\r\n this.props.updateUnreadNotices();\r\n this.props.onInitUserPermission(userPermission.CENTRALDASHBOARD_ACCESS);\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onResetNoticesState();\r\n }\r\n\r\n createNoticesArea() {\r\n this.props.notices.slice().sort((a, b) => {\r\n return new Date(b.EffectiveDateFrom) - new Date(a.EffectiveDateFrom);\r\n });\r\n\r\n let noticesArea =\r\n this.props.notices.length > 0 ? (\r\n \r\n {props.notices.map((notice) => {\r\n return
\r\n \r\n
\r\n );\r\n return noticesArea;\r\n }\r\n\r\n dashboardBreadcrumb = () => {\r\n if (this.props.user.hasCentralPermission) {\r\n return (\r\n \r\n {this.props.translations.Phrases['Notices_NavLevel1']}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n {this.props.translations.Phrases['Notices_NavLevel1']}\r\n \r\n );\r\n }\r\n };\r\n\r\n render() {\r\n if (this.props.notices && this.props.translations.PhraseGroupCode === 'Notices.Notices.Index') {\r\n let noticesArea = this.createNoticesArea();\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['Notices_NoNoticesMessage']}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n notices: state.notices.model.NoticesList,\r\n translations: state.translations.model,\r\n user: state.user.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitNotices: () => dispatch(actions.initNotices()),\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n updateUnreadNotices: () => dispatch(actions.updateUnreadNotices()),\r\n onInitUserPermission: (permissionName) => dispatch(actions.initUserPermission(permissionName)),\r\n onResetNoticesState: () => dispatch(actions.resetNoticesState())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NoticesForm);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport Textbox from '../Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass LocationFIlter extends Component {\r\n state = {\r\n hidden: false\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n if (filterControl.Value && filterControl.Value.length >= 1) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n\r\n const customDropDown = (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['Page_Title']}
\r\n\r\n
\r\n {noticesArea}
\r\n \r\n
\r\n );\r\n\r\n const searchBox = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(LocationFIlter);\r\n","import produce from 'immer';\r\nimport $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport Textbox from '../Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass MeasuresFilter extends Component {\r\n state = {\r\n hidden: false,\r\n rangeStart: false,\r\n rangeStartDdl: [\r\n { Key: 'Equal', Value: 'Equal to', DataType: 'Text', IsSelected: true },\r\n { Key: 'RangeStart', Value: 'Greater than', DataType: 'Text', IsSelected: false }\r\n ],\r\n rangeEndDdl: [{ Key: 'RangeEnd', Value: 'Less than', DataType: 'Text', IsSelected: true }]\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n onRangeStartOptionSelect = (newIndex, oldIndex) => {\r\n const rangeStartDdl = produce(this.state.rangeStartDdl, (draft) => {\r\n if (oldIndex !== -1) {\r\n draft[oldIndex].IsSelected = false;\r\n }\r\n draft[newIndex].IsSelected = true;\r\n });\r\n this.setState({ rangeStartDdl: rangeStartDdl });\r\n this.setOperator(rangeStartDdl);\r\n };\r\n\r\n setOperator = (options) => {\r\n const selectedItem = options.find((item) => item.IsSelected);\r\n this.setState({ rangeStart: selectedItem.Key === 'RangeStart' });\r\n };\r\n\r\n onRangeEndOptionSelect = (newIndex, oldIndex) => {\r\n const rangeEndDdl = produce(this.state.rangeEndDdl, (draft) => {\r\n if (oldIndex !== -1) {\r\n draft[oldIndex].IsSelected = false;\r\n }\r\n draft[newIndex].IsSelected = true;\r\n });\r\n this.setState({ rangeEndDdl: rangeEndDdl });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n };\r\n\r\n handleSearchChange = (value, name) => {\r\n const regex = '^(0|[1-9][0-9]{0,2}(?:(,[0-9]{3})*|[0-9]*))(.[0-9]+){0,1}$';\r\n const regExp = new RegExp(regex);\r\n const valueIsValid = !value || regExp.test(value) ? true : false;\r\n\r\n if (valueIsValid) {\r\n //handle equal to case\r\n if (name.indexOf('Start') > 0) {\r\n const nameEnd = name.replace('Start', 'End');\r\n if ($(\"input[name='\" + nameEnd + \"']\")[0] === undefined) {\r\n this.props.onValueChanged(value, nameEnd);\r\n }\r\n }\r\n if (this.props.customAction) {\r\n this.props.customAction();\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const nameStart = 'Filters.' + filterIndex + '.RangeStart';\r\n const nameEnd = 'Filters.' + filterIndex + '.RangeEnd';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n\r\n const rangeStartDropDown = (\r\n \r\n
\r\n {formatTranslated('Location_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {customDropDown}\r\n {searchBox}\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n\r\n const rangeEndDropDown = (\r\n \r\n
\r\n );\r\n\r\n const searchBox = (\r\n \r\n
\r\n );\r\n\r\n const searchBoxLessThan = (\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n const customDropDown = (\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n let mainContent;\r\n if (this.state.rangeStart) {\r\n mainContent = (\r\n \r\n {customDropDown}\r\n {rangeStartDropDown}\r\n {searchBox}\r\n {rangeEndDropDown}\r\n {searchBoxLessThan}\r\n
\r\n );\r\n } else {\r\n mainContent = (\r\n \r\n {customDropDown}\r\n {rangeStartDropDown}\r\n {searchBox}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(MeasuresFilter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport Textbox from '../Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass MultipleWildcardFIlter extends Component {\r\n state = {\r\n hidden: false\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n if (filterControl.Value && filterControl.Value.length >= 3) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n handleSearchChange = (value) => {\r\n if (value.length >= 3 || value.length === 0) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n\r\n const customDropDown = (\r\n \r\n
\r\n {formatTranslated('Measures_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {mainContent}\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n\r\n const searchBox = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(MultipleWildcardFIlter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport Textbox from '../Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass PartiesFilter extends Component {\r\n state = {\r\n hidden: false\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n if (filterControl.Value && filterControl.Value.length >= 1) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n\r\n const customDropDown = (\r\n \r\n
\r\n {formatTranslated('RefNumber_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {customDropDown}\r\n {searchBox}\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n\r\n const searchBox = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PartiesFilter);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated, isVisible } from '../../utils/mlp-utils';\r\nimport CustomDropDown from '../CustomDropDown/CustomDropDown';\r\nimport Textbox from '../Textbox/Textbox';\r\nimport { filters as Constants } from './../../constants/mlp-constants';\r\n\r\nclass PartsFilter extends Component {\r\n state = {\r\n hidden: false\r\n };\r\n\r\n static defaultProps = {\r\n countryCodes: ['CA', 'US'],\r\n searchTypeCode: '*'\r\n };\r\n\r\n static propTypes = {\r\n countryCodes: PropTypes.arrayOf(PropTypes.string),\r\n searchTypeCode: PropTypes.string,\r\n filterControl: PropTypes.object,\r\n onOptionSelect: PropTypes.func,\r\n onValueChanged: PropTypes.func,\r\n customAction: PropTypes.func\r\n };\r\n\r\n toggleSection = () => {\r\n this.setState((prevState) => {\r\n return { hidden: !prevState.hidden };\r\n });\r\n };\r\n\r\n filterOptionSelect = (newIndex, oldIndex, name) => {\r\n this.props.onOptionSelect(newIndex, oldIndex, name);\r\n\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const selectedItem = filterControl.Options[newIndex];\r\n\r\n const nameFilter = 'Filters.' + filterIndex;\r\n\r\n if (!selectedItem) {\r\n this.props.onValueChanged('string', nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(Constants.ALL_TYPES, nameFilter + '.Attribute');\r\n } else {\r\n this.props.onValueChanged(selectedItem.DataType, nameFilter + '.AttributeDataType');\r\n this.props.onValueChanged(selectedItem.Value, nameFilter + '.Attribute');\r\n }\r\n if (filterControl.Value && filterControl.Value.length >= 1) {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n handleSearchChange = (value) => {\r\n const filterControl = this.props.filterControl;\r\n const selectedItem = filterControl.Options.find((x) => x.IsSelected);\r\n\r\n if (selectedItem.TranslatedName === 'HTS Number') {\r\n const regex = '^[0-9]*$';\r\n const regExp = new RegExp(regex);\r\n const valueIsValid = !value || regExp.test(value) ? true : false;\r\n if (valueIsValid) {\r\n this.props.customAction();\r\n }\r\n } else {\r\n this.props.customAction();\r\n }\r\n };\r\n\r\n render() {\r\n const filterControl = this.props.filterControl;\r\n const filterIndex = filterControl.FilterIndex;\r\n const name = 'Filters.' + filterIndex + '.Value';\r\n\r\n if (!isVisible(filterControl, this.props.searchTypeCode)) {\r\n return null;\r\n }\r\n\r\n const close = this.state.hidden\r\n ? formatTranslated('Show_Label', this.props.translations.Phrases)\r\n : formatTranslated('Hide_Label', this.props.translations.Phrases);\r\n\r\n const customDropDown = (\r\n \r\n
\r\n {formatTranslated('Parties_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {customDropDown}\r\n {searchBox}\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n\r\n const searchBox = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PartsFilter);\r\n","import {\r\n GridColumnMenuFilter,\r\n GridColumnMenuItem,\r\n GridColumnMenuItemContent,\r\n GridColumnMenuItemGroup,\r\n GridColumnMenuSort\r\n} from '@progress/kendo-react-grid';\r\nimport React, { Component } from 'react';\r\n\r\nclass CustomColumnMenu extends Component {\r\n state = {\r\n columns: this.props.columns,\r\n columnsExpanded: this.props.columnsExpanded ?? false,\r\n filterExpanded: false\r\n };\r\n\r\n onToggleColumn = (id) => {\r\n this.props.onToggleColumn(id);\r\n };\r\n\r\n onFilterExpandChange = (value) => {\r\n this.setState({\r\n filterExpanded: value,\r\n columnsExpanded: value ? false : this.state.columnsExpanded\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {formatTranslated('Parts_Label', this.props.translations.Phrases)}
\r\n\r\n \r\n {close}\r\n \r\n
\r\n \r\n {customDropDown}\r\n {searchBox}\r\n
\r\n
\r\n \r\n
\r\n {this.props.column.field !== 'Status' ? \r\n \r\n \r\n \r\n {this.props.column.field !== 'Status' ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CustomColumnMenu;\r\n","import { Grid, GridColumn, GridDetailRow } from '@progress/kendo-react-grid';\r\nimport { TabStrip, TabStripTab } from '@progress/kendo-react-layout';\r\nimport dayjs from 'dayjs';\r\nimport $ from 'jquery';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport { imaging as Constants } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\n\r\nclass DetailComponent extends GridDetailRow {\r\n handleSelect = (e) => {\r\n this.props.selectDetailTab(this.props.dataItem._entryNumber, e.selected);\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.dataItem.expanded) {\r\n if (!this.props.dataItem.details.images) {\r\n this.getShipmentImages(this.props.dataItem._entryNumber);\r\n }\r\n }\r\n }\r\n\r\n getShipmentImages = (entryNumber) => {\r\n $('#grid-loader').show();\r\n axios\r\n .get('/SearchShipment/ShipmentImages?entryNumber=' + entryNumber)\r\n .then((response) => {\r\n const images = response.data.images.map((image) => Object.assign({ selected: false }, image));\r\n this.props.setShipmentDetails('images', images, this.props.dataItem._entryNumber);\r\n })\r\n .catch((error) => {\r\n toastr.error(formatTranslated('LineDetailError_Label', this.props.translations.Phrases));\r\n })\r\n .finally(() => {\r\n if (!this.props.dataItem.details.lineDetails) {\r\n this.getShipmentLineDetails(this.props.dataItem.FileNo);\r\n }\r\n });\r\n };\r\n\r\n getShipmentLineDetails = (fileNo) => {\r\n axios\r\n .get('/SearchShipment/ShipmentDetails?fileNo=' + fileNo)\r\n .then((response) => {\r\n this.props.setShipmentDetails('lineDetails', response.data, this.props.dataItem._entryNumber);\r\n })\r\n .catch((error) => {\r\n toastr.error(formatTranslated('LineDetailError_Label', this.props.translations.Phrases));\r\n })\r\n .finally(() => {\r\n $('#grid-loader').hide();\r\n });\r\n };\r\n\r\n imageSelectionChange = (event) => {\r\n this.props.imageSelectionChange(this.props.dataItem._entryNumber, event.dataItem._pid, !event.dataItem.selected);\r\n };\r\n\r\n imageHeaderSelectionChange = (event) => {\r\n const checked = event.syntheticEvent.target.checked;\r\n this.props.imageHeaderSelectionChange(this.props.dataItem._entryNumber, checked);\r\n };\r\n\r\n downloadImage = (image) => {\r\n let fileNames = {};\r\n const entryNum = this.props.dataItem._entryNumber;\r\n fileNames[entryNum] = [];\r\n fileNames[entryNum].push(image._fileS3Path);\r\n\r\n const downloadModel = {\r\n S3ImageFileNames: fileNames,\r\n EntryNumbers: {},\r\n ImagePackage: {\r\n ImagingPackageTypeID: Constants.PACKAGE_TYPE_ZIP\r\n }\r\n };\r\n actions.downloadImages(downloadModel, this.props.history);\r\n };\r\n\r\n columnDetailLineGeneration = (lineDetailGridOrderFields, detailColumnWidth) => {\r\n return Object.keys(lineDetailGridOrderFields).map((field, index) => {\r\n if (lineDetailGridOrderFields[field] === 'Double') {\r\n if (field.indexOf('Qty') !== -1 || field === 'GrossWeight') {\r\n return (\r\n \r\n
\r\n \r\n {this.state.columns.map((column, index) => (\r\n
\r\n \r\n \r\n this.onToggleColumn(index)}\r\n />\r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n {imagesTab}\r\n {lineDetailsTab}\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(DetailComponent));\r\n","import { Grid, GridColumn, GridColumnMenuFilter, GridNoRecords } from '@progress/kendo-react-grid';\r\nimport '@progress/kendo-theme-default/dist/all.css';\r\nimport produce from 'immer';\r\nimport $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport ChooserControl from '../../common/ClientChooser/ChooserControl';\r\nimport LocationFIlter from '../../common/Filters/LocationFIlter';\r\nimport MainSearchFilter from '../../common/Filters/MainSearchFilter';\r\nimport MeasuresFilter from '../../common/Filters/MeasuresFilter';\r\nimport MultipleWildcardFilter from '../../common/Filters/MultipleWildcardFilter';\r\nimport PartiesFilter from '../../common/Filters/PartiesFilter';\r\nimport PartsFilter from '../../common/Filters/PartsFilter';\r\nimport PrimaryDateFilter from '../../common/Filters/PrimaryDateFilter';\r\nimport { filters as Constants } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport { formatTranslated, getSearchTypesBySelectedServices } from '../../utils/mlp-utils';\r\nimport CustomColumnMenu from './CustomColumnMenu';\r\nimport DetailComponent from './DetailComponent';\r\n\r\nfunction EntryNumberCell(props) {\r\n const url = props.entryNumberUrl + props.dataItem.OSCode + '-' + props.dataItem.FileNo;\r\n return (\r\n {props.dataItem.ModeTransportCode}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n {isCASelected ? 'This feature is not yet available for Canada' : 'There are no selected clients'}
\r\n\r\n
\r\n );\r\n };\r\n\r\n getInitialMainContent = () => {\r\n const availableSearchTypes = getSearchTypesBySelectedServices(this.props.model);\r\n if (!availableSearchTypes || availableSearchTypes.length <= 0) {\r\n return ;\r\n }\r\n return (\r\n {searchFilters[Constants.SEARCH_SECTION_MAIN]}
\r\n \r\n
\r\n );\r\n };\r\n\r\n dataStateChange = (event) => {\r\n if (event.dataState) {\r\n this.setState({ dataState: event.dataState });\r\n }\r\n };\r\n\r\n columnProps(column) {\r\n const active = this.isColumnActive(column.field, this.state.dataState) ? 'active' : '';\r\n return {\r\n title: column.title,\r\n field: column.field,\r\n width: column.width,\r\n filter: column.filter,\r\n headerClassName: column.headerClassName + ' ' + active\r\n };\r\n }\r\n\r\n isColumnActive(field, dataState) {\r\n return GridColumnMenuFilter.active(field, dataState.filter);\r\n }\r\n\r\n expandChange = (event) => {\r\n const data = produce(this.state.gridData, (draft) => {\r\n draft[event.dataIndex].expanded = event.value;\r\n });\r\n this.setState({ gridData: data });\r\n };\r\n\r\n setShipmentDetails = (type, result, entryNumber) => {\r\n const data = produce(this.state.gridData, (draft) => {\r\n const expandedItem = draft.find((item) => item._entryNumber === entryNumber);\r\n expandedItem.details[type] = result;\r\n if (expandedItem.selected === true) {\r\n expandedItem.details.images?.forEach((item) => (item.selected = true));\r\n }\r\n });\r\n\r\n this.setState({ gridData: data });\r\n };\r\n\r\n scrollHandler = (event) => {\r\n const e = event.nativeEvent;\r\n if (\r\n e.target.scrollTop + this.props.model.NumberOfResultsToLoad >= e.target.scrollHeight - e.target.clientHeight &&\r\n this.state.gridData.length > 1 &&\r\n this.props.model.TotalLoadedResults < this.props.model.TotalHits\r\n ) {\r\n this.props.onLoadShipments();\r\n }\r\n };\r\n\r\n filterChange = (event) => {\r\n this.setState({ dataState: { ...this.state.dataState, filter: event.filter }, selectedData: [] });\r\n this.props.onSetGridFilters(event.filter);\r\n };\r\n\r\n sortChange = (event) => {\r\n this.setState({ dataState: { ...this.state.dataState, sort: event.sort }, selectedData: [] });\r\n this.props.onSetSortParams(event.sort);\r\n };\r\n\r\n selectionChange = (event) => {\r\n const gridData = produce(this.state.gridData, (draft) => {\r\n const item = draft.find((item) => item._entryNumber === event.dataItem._entryNumber);\r\n item.selected = !event.dataItem.selected;\r\n if (item.details.images && item.details.images.length > 0) {\r\n item.details.images.forEach((image) => {\r\n image.selected = !event.dataItem.selected;\r\n });\r\n }\r\n });\r\n\r\n this.setState({ gridData });\r\n this.setSelectedData(gridData);\r\n };\r\n\r\n headerSelectionChange = (event) => {\r\n const checked = event.syntheticEvent.target.checked;\r\n const gridData = produce(this.state.gridData, (draft) => {\r\n draft.forEach((item) => {\r\n item.selected = checked;\r\n if (item.details.images && item.details.images.length > 0) {\r\n item.details.images.forEach((image) => {\r\n image.selected = checked;\r\n });\r\n }\r\n });\r\n });\r\n this.setState({ gridData: gridData, selectAll: checked });\r\n this.setSelectedData(gridData);\r\n };\r\n\r\n imageSelectionChange = (entryNumber, pid, checked) => {\r\n const gridData = produce(this.state.gridData, (draft) => {\r\n const item = draft.find((item) => item._entryNumber === entryNumber);\r\n const image = item.details.images.find((image) => image._pid === pid);\r\n image.selected = checked;\r\n if (checked) {\r\n if (!item.selected) {\r\n item.selected = checked;\r\n }\r\n } else {\r\n if (!item.details.images.some((image) => image.selected)) {\r\n item.selected = checked;\r\n }\r\n }\r\n });\r\n\r\n this.setState({ gridData });\r\n this.setSelectedData(gridData);\r\n };\r\n\r\n imageHeaderSelectionChange = (entryNumber, checked) => {\r\n const gridData = produce(this.state.gridData, (draft) => {\r\n const item = draft.find((item) => item._entryNumber === entryNumber);\r\n item.details.images.forEach((image) => {\r\n image.selected = checked;\r\n });\r\n item.selected = checked;\r\n });\r\n\r\n this.setState({ gridData });\r\n this.setSelectedData(gridData);\r\n };\r\n\r\n selectDetailTab = (entryNumber, selected) => {\r\n const gridData = produce(this.state.gridData, (draft) => {\r\n const item = draft.find((item) => item._entryNumber === entryNumber);\r\n item.detailTabIndex = selected;\r\n });\r\n this.setState({ gridData });\r\n };\r\n\r\n setSelectedData = (gridData) => {\r\n const selectedData = gridData.filter((item) => item.selected);\r\n this.setState({ selectedData: selectedData });\r\n };\r\n\r\n onColumnsSubmit = (columnsState) => {\r\n this.setState({\r\n columns: columnsState,\r\n columnsExpanded: true\r\n });\r\n };\r\n\r\n onFilterShipments = () => {\r\n clearTimeout(this.postDelayTimer);\r\n this.postDelayTimer = setTimeout(() => {\r\n this.filterShipments();\r\n }, 700);\r\n };\r\n\r\n filterShipments = () => {\r\n this.setState({ selectedData: [] });\r\n this.props.filterShipments();\r\n };\r\n\r\n clearFilters = () => {\r\n this.setState({ selectedData: [] });\r\n this.props.onClearFilters();\r\n };\r\n\r\n clearDateFilters = () => {\r\n this.setState({ selectedData: [] });\r\n this.props.onClearDateFilters();\r\n };\r\n\r\n columnGeneration = () => {\r\n return this.state.columns\r\n .filter((column) => column.show)\r\n .map((column, index) => {\r\n switch (column.field) {\r\n case 'SelectAll':\r\n return null;\r\n case '_entryNumber':\r\n return (\r\n \r\n
\r\n Please select a search type
\r\n\r\n
\r\n );\r\n }\r\n\r\n const customFilterOperators = {\r\n text: [{ text: 'grid.filterContainsOperator', operator: 'contains' }],\r\n numeric: [\r\n { text: 'grid.filterGtOperator', operator: 'gt' },\r\n { text: 'grid.filterLtOperator', operator: 'lt' }\r\n ],\r\n date: [\r\n { text: 'grid.filterAfterOrEqualOperator', operator: 'gte' },\r\n { text: 'grid.filterBeforeOrEqualOperator', operator: 'lte' }\r\n ]\r\n };\r\n\r\n const gridContent =\r\n this.props.model.SearchTypes.filter((s) => s.CountryCode === 'ca' && s.IsSelected).length === 1 ? (\r\n <>\r\n ) : (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {formatTranslated('Filter_Label', this.props.translations.Phrases)}\r\n
\r\n\r\n this.clearFilters()}>\r\n {formatTranslated('Clear_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n
\r\n {searchFilters[Constants.SEARCH_SECTION_DATE]}\r\n {searchFilters[Constants.SEARCH_SECTION_LOCATON]}\r\n {searchFilters[Constants.SEARCH_SECTION_MEASURES]}\r\n {searchFilters[Constants.SEARCH_SECTION_PARTIES]}\r\n {searchFilters[Constants.SEARCH_SECTION_PARTS]}\r\n {searchFilters[Constants.SEARCH_SECTION_REF_NUMBERS]}\r\n \r\n this.clearDateFilters()}>\r\n {formatTranslated('Clear_Label', this.props.translations.Phrases)}\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n const searchTypesForCurrentCountry = getSearchTypesBySelectedServices(this.props.model);\r\n const selectedSearchType = this.props.model.SearchTypes.find((type) => type.IsSelected === true);\r\n const filterButtonVisible = true;\r\n if (selectedSearchType) {\r\n this.props.model.Filters.forEach((f, i) => {\r\n let component;\r\n switch (f.ControlName) {\r\n case 'MultipleWildcardFilter':\r\n component = (\r\n \r\n \r\n
\r\n \r\n {this.state.gridData ? (\r\n (\r\n 0 &&\r\n this.state.gridData.findIndex((dataItem) => dataItem.selected === false) === -1\r\n }\r\n />\r\n {this.columnGeneration()}\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n {this.props.translations.Phrases['NoDocuments_Label']}\r\n
\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'MainSearchFilter':\r\n component = (\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'PrimaryDateFilter':\r\n component = (\r\n \r\n this.filterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'LocationFilter':\r\n component = (\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'MeasuresFilter':\r\n component = (\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'PartiesFilter':\r\n component = (\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n case 'PartsFilter':\r\n component = (\r\n \r\n this.onFilterShipments()}\r\n />\r\n
\r\n );\r\n break;\r\n default:\r\n break;\r\n }\r\n if (searchFilters[f.Level]) {\r\n searchFilters[f.Level].push(component);\r\n }\r\n });\r\n\r\n if (searchTypesForCurrentCountry && searchTypesForCurrentCountry.length > 0) {\r\n const totalHits = this.props.model.TotalHits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n const numberOfDocuments =\r\n this.props.model.TotalHits !== '1' ? (\r\n \r\n
\r\n ) : (\r\n \r\n {this.props.translations.Phrases['Showing_Label']} {this.props.model.TotalLoadedResults}{' '}\r\n {this.props.translations.Phrases['Of_Label']} {totalHits}\r\n {this.props.translations.Phrases['Records_Label']}\r\n , \r\n
\r\n\r\n {this.state.selectedData.length} {this.props.translations.Phrases['EntriesSelected_Label']}\r\n
\r\n\r\n
\r\n );\r\n mainContent = (\r\n \r\n {this.props.translations.Phrases['Showing_Label']} {this.props.model.TotalLoadedResults}{' '}\r\n {this.props.translations.Phrases['Of_Label']} {totalHits}\r\n {this.props.translations.Phrases['Record_Label']}\r\n , \r\n
\r\n\r\n {this.state.selectedData.length} {this.props.translations.Phrases['EntriesSelected_Label']}\r\n
\r\n\r\n {filterSearchContent}\r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {numberOfDocuments}\r\n
\r\n \r\n \r\n {formatTranslated('Export_Label', this.props.translations.Phrases)}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {gridContent}
\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.searchShipment.model,\r\n exportDetails: state.searchShipment.exportDetails,\r\n shouldInitSearchShipment: state.searchShipment.shouldInitSearchShipment,\r\n shouldInitModel: state.searchShipment.shouldInitModel,\r\n shouldSubmitSearchShipment: state.searchShipment.shouldSubmitSearchShipment,\r\n shouldUpdateDataSource: state.searchShipment.shouldUpdateDataSource,\r\n type: state.searchShipment.type\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitSearchShipment: () => dispatch(actions.initSearchShipment()),\r\n onInitSearchShipmentModel: (translations) => dispatch(actions.initSearchShipmentModel(translations)),\r\n onSubmitSearchShipment: (model) => dispatch(actions.submitSearchShipment(model)),\r\n onResetUpdateDataSourceFlag: () => dispatch(actions.resetUpdateDataSourceFlag()),\r\n onClearFilters: () => dispatch(actions.clearShipmentFilters()),\r\n onClearDateFilters: () => dispatch(actions.clearShipmentDateFilters()),\r\n onUpdateClientServices: (data) => dispatch(actions.updateShipmentClientServices(data)),\r\n onClearClientServices: (data) => dispatch(actions.clearShipmentClientServices()),\r\n onClearShipmentFilters: () => dispatch(actions.clearShipmentFilters()),\r\n onFilterOptionSelect: (newIndex, oldIndex, name) => dispatch(actions.shipmentFilterOptionSelect(newIndex, oldIndex, name)),\r\n onFilterValueChange: (value, name) => {\r\n const splittedName = name.split('.');\r\n dispatch(actions.shipmentFilterValueChange(splittedName[2], value, splittedName[1]));\r\n },\r\n filterShipments: () => dispatch(actions.filterShipments()),\r\n onSetSortParams: (sortParams) => dispatch(actions.setSortParams(sortParams)),\r\n onSetGridFilters: (gridFilter) => dispatch(actions.setGridFilters(gridFilter)),\r\n onLoadShipments: () => dispatch(actions.loadShipments()),\r\n onResetStateSearchShipment: () => dispatch(actions.resetStateSearchShipment())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchShipmentForm));\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass batchJobCancelCompleteLobby extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {pageTitle[0]} \r\n {pageTitle[1]}\r\n
\r\n\r\n
\r\n \r\n
\r\n {this.getHeaderContent(searchFilters)}
\r\n \r\n
\r\n \r\n
\r\n \r\n {mainContent || ''}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(batchJobCancelCompleteLobby);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass BatchJobConfirmedSuccess extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n {this.props.title}
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BatchJobConfirmedSuccess);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass BatchJobExpired extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n {this.props.title}
\r\n\r\n
{this.props.message}
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BatchJobExpired);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass BatchJobInProgress extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n {this.props.title}
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BatchJobInProgress);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ModalConfirm from '../../common/Modal/ModalConfirm';\r\n\r\nclass BatchCancelModal extends Component {\r\n state = { isOpen: false };\r\n\r\n openModal = () => {\r\n this.setState({ isOpen: true });\r\n };\r\n closeModal = () => {\r\n this.setState({ isOpen: false });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n {this.props.title}
\r\n\r\n
{this.props.message}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.btnText}\r\n \r\n \r\n
\r\n
\r\n {this.props.translations.Phrases['IfCancel_Label']}
\r\n\r\n
{this.props.translations.Phrases['ReallyCancel_Label']}
\r\n\t\t\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(ClientAdminsCreatedGrid);\r\n\r\n\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\n\r\nclass UploadSummaryGrid extends Component {\r\n render() {\r\n const rows = this.props.uploadSummary.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\t\t\t\t\t\t\t\r\n {this.props.translations.Phrases['ClientAdminsCreated_Label']}
\r\n\r\n
\t\t\t\t\t\r\n \r\n
\r\n\r\n \r\n
\r\n
\t\t\t\t\t\r\n \r\n
| {this.props.translations.Phrases['Name_Label']} | \r\n{this.props.translations.Phrases['CompanyName_Label']} | \r\n{this.props.translations.Phrases['Numbers_Label']} | \r\n
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(UploadSummaryGrid);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { format } from 'react-string-format';\r\nimport BatchCancelModal from './BatchCancelModal';\r\nimport ClientAdminsCreatedGrid from './ClientAdminsCreatedGrid';\r\nimport UploadSummaryGrid from './UploadSummaryGrid';\r\n\r\nclass SuccessConfirmationSummary extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['UploadSummary_Label']}
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n
| {this.props.translations.Phrases['Metric_Label']} | \r\n{this.props.translations.Phrases['Value_Label']} | \r\n
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(SuccessConfirmationSummary);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\n\r\nclass UnexpectedProcessingError extends Component {\r\n static propTypes = {\r\n errorDetails: PropTypes.string,\r\n failedEmails: PropTypes.array\r\n };\r\n getFailedEmailList = () => {\r\n if (this.props.failedEmails === undefined || this.props.failedEmails.length < 1) {\r\n return null;\r\n }\r\n\r\n const emailList = this.props.failedEmails.map(function (email) {\r\n return \r\n
\r\n
\r\n
\r\n \r\n File {this.props.batchJob.OriginalFileName} was processed successfully.\r\n
\r\n\r\n
\r\n
\r\n
\r\n {format(this.props.translations.Phrases['ConfirmBatchCreate_Label'], this.props.batchJob.Summary.TotalRows)}
\r\n\r\n
\r\n \r\n \r\n
\r\n - {emailList}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(UnexpectedProcessingError);\r\n","import $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { format } from 'react-string-format';\r\nimport axios from '../../axios-mlp';\r\n\r\nclass validationErrorSummary extends Component {\r\n static propTypes = {\r\n filename: PropTypes.string.isRequired,\r\n invalidRowsCount: PropTypes.number.isRequired,\r\n totalRowCount: PropTypes.number.isRequired,\r\n annotatedFileId: PropTypes.number.isRequired\r\n };\r\n\r\n getAnnotatedFile = (objectId, fileName) => {\r\n $('#overlay').show();\r\n let params = new URLSearchParams();\r\n let fnAnnotated = fileName.substr(0, fileName.length - 4) + '_annotated.csv';\r\n params.append('s3ObjectId', objectId);\r\n axios\r\n .get('/BatchUser/GetAnnotatedFile', { params: params })\r\n .then((response) => {\r\n const a = document.createElement('a');\r\n document.body.appendChild(a);\r\n a.style.cssText = 'display: none';\r\n a.download = fnAnnotated;\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n //IE support\r\n const fileData = [response.data];\r\n const blobObject = new Blob(fileData);\r\n $(a).on(() => {\r\n window.navigator.msSaveOrOpenBlob(blobObject, fnAnnotated);\r\n });\r\n a.click();\r\n } else {\r\n const blob = new Blob([response.data], { type: 'octet/stream' }),\r\n url = window.URL.createObjectURL(blob);\r\n a.href = url;\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n if (a.remove) {\r\n a.remove();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response && error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n {this.getFailedEmailList()}\r\n
\r\n {this.props.title}
\r\n\r\n
{this.props.translations.Phrases['Details_Label']}:
\r\n{formatTranslated(this.props.errorDetails, this.props.translations.Phrases)}
\r\n\r\n {this.getFailedEmailList()}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(validationErrorSummary));\r\n","import React from 'react';\r\nimport styles from './UploadPreviewTemplate.module.css';\r\n\r\nconst UploadPreviewTemplate = React.forwardRef((props, ref) => {\r\n return (\r\n \r\n
\r\n
\r\n this.getAnnotatedFile(this.props.annotatedFileId, this.props.filename)}\r\n >\r\n {this.props.translations.Phrases['DownloadAnnotatedFile_Label']}\r\n \r\n
\r\n \r\n {format(\r\n this.props.translations.Phrases['FileContainedInvalidData_Label'],\r\n this.props.filename,\r\n this.props.invalidRowsCount,\r\n this.props.totalRowCount\r\n )}\r\n
\r\n\r\n
{this.props.translations.Phrases['DownloadAnnotatedFileLong_Label']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n});\r\n\r\nexport default UploadPreviewTemplate;\r\n","import Dropzone from 'dropzone';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Upload, webAPIbaseURL } from '../../constants/mlp-constants';\r\nimport { camelize } from '../../utils/mlp-utils';\r\nimport UploadPreviewTemplate from './UploadPreviewTemplate';\r\n\r\nclass DropZone extends Component {\r\n dropZoneMessageRef = React.createRef();\r\n dropZoneElementRef = React.createRef();\r\n previewTemplateRef = React.createRef();\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n formAction: PropTypes.string.isRequired,\r\n initialMessage: PropTypes.string,\r\n options: PropTypes.object\r\n };\r\n\r\n componentDidMount = () => {\r\n Dropzone.autoDiscover = false;\r\n let options = this.props.options;\r\n\r\n options.previewTemplate = ReactDOM.findDOMNode(this.previewTemplateRef.current).innerHTML;\r\n\r\n options.autoProcessQueue = false;\r\n const token = localStorage.getItem('token');\r\n options.headers = { Authorization: `Bearer ${token}` };\r\n\r\n this.myDropZone = new Dropzone('#' + this.props.id, options);\r\n\r\n this.myDropZone.on('error', this.onError);\r\n this.myDropZone.on('addedfile', this.onAddedFiles);\r\n this.myDropZone.on('success', this.onSuccess);\r\n this.myDropZone.on('complete', this.onComplete);\r\n this.myDropZone.on('removedfile', this.onRemovedfile);\r\n\r\n this.props.getDropZone(this.myDropZone);\r\n\r\n Dropzone.options[camelize(this.props.id)] = options;\r\n };\r\n\r\n onError = (file, error, xhr) => {\r\n if (xhr.status === 401) {\r\n window.location.replace(error);\r\n } else {\r\n this.props.setMessage(error.errorTranslationCode || error);\r\n this.props.setStatus(true, xhr !== undefined, false);\r\n }\r\n };\r\n\r\n onAddedFiles = (file) => {\r\n // limits number of files added to 1\r\n // cannot use maxfilesexceeded event because it doesn't fire if added file type\r\n // doesn't match any of the accepted file types\r\n this.myDropZone.files.forEach((elem) => {\r\n if (elem !== file) {\r\n this.myDropZone.removeFile(elem);\r\n }\r\n }, this);\r\n\r\n this.props.setMessage('');\r\n this.props.setStatus(false, false, false);\r\n this.props.fileCountChanged(this.myDropZone.files);\r\n\r\n if (file.name.substring(file.name.lastIndexOf('.')).toLowerCase() !== Upload.CSV_EXTENSION.toLowerCase()) {\r\n const error = { errorTranslationCode: Upload.UPLOAD_ACCEPTED_FILE_TYPES_MSG };\r\n this.onError(file, error);\r\n }\r\n };\r\n\r\n onSuccess = (file, xhr) => {\r\n this.props.uploadSuccess(xhr.batchJobId);\r\n };\r\n\r\n onComplete = (file, error, xhr) => {\r\n this.props.setUploadInProgress(false);\r\n };\r\n\r\n onRemovedfile = (file) => {\r\n this.props.fileCountChanged(this.myDropZone.files);\r\n this.props.setMessage('');\r\n this.props.setStatus(false, false, false);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {props.filename}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DropZone;\r\n","import 'jquery-mask-plugin';\r\nimport React, { Component } from 'react';\r\nimport { formatTranslated } from '../../utils/mlp-utils';\r\nimport DropZone from './DropZone';\r\n\r\nclass Upload extends Component {\r\n dropZoneRef = React.createRef();\r\n dropZoneElementRef = React.createRef();\r\n\r\n state = {\r\n anyFiles: false,\r\n message: '',\r\n isError: false,\r\n isSuccess: false,\r\n isServerError: false,\r\n uploadInProgress: false\r\n };\r\n\r\n changeFileCount = (files) => {\r\n this.setState({ anyFiles: files.length > 0 });\r\n };\r\n\r\n getDropZone = (dropZoneReference) => {\r\n this.MyDropZone = dropZoneReference;\r\n };\r\n\r\n clearFiles = () => {\r\n if (!this.isClearDisabled()) {\r\n this.MyDropZone.removeAllFiles();\r\n }\r\n };\r\n\r\n uploadFiles = () => {\r\n if (!this.isUploadDisabled()) {\r\n this.setUploadInProgress(true);\r\n this.MyDropZone.processQueue();\r\n }\r\n };\r\n\r\n constructMessageClass = () => {\r\n let messageClass = ['message'];\r\n if (this.state.isError) {\r\n messageClass.push('error');\r\n } else if (this.state.isSuccess) {\r\n messageClass.push('success');\r\n }\r\n return messageClass.join(' ');\r\n };\r\n\r\n constructUploadBtnClass = () => {\r\n let btnClass = ['button', 'small', 'blue'];\r\n if (this.isUploadDisabled()) {\r\n btnClass.push('disabled');\r\n }\r\n return btnClass.join(' ');\r\n };\r\n\r\n constructClearBtnClass = () => {\r\n let btnClass = ['button', 'small', 'blue', 'clear-margin-right'];\r\n if (this.isClearDisabled()) {\r\n btnClass.push('disabled');\r\n }\r\n return btnClass.join(' ');\r\n };\r\n\r\n isUploadDisabled = () => {\r\n return !this.state.anyFiles || this.state.uploadInProgress || (this.state.isError && !this.state.isServerError);\r\n };\r\n\r\n isClearDisabled = () => {\r\n return this.state.uploadInProgress || !this.state.anyFiles;\r\n };\r\n\r\n setMessage = (message) => {\r\n const translatedMessage = formatTranslated(message, this.props.translations.Phrases);\r\n if (translatedMessage) {\r\n message = translatedMessage;\r\n }\r\n this.setState({\r\n message: message\r\n });\r\n };\r\n\r\n setStatus = (isError, isServerError, isSuccess) => {\r\n this.setState({\r\n isSuccess: isSuccess,\r\n isError: isError,\r\n isServerError: isServerError\r\n });\r\n };\r\n\r\n setUploadInProgress = (inProgress) => {\r\n this.setState({ uploadInProgress: inProgress });\r\n };\r\n\r\n isClearDisabled = () => {\r\n return this.state.uploadInProgress || !this.state.anyFiles;\r\n };\r\n\r\n isUploadDisabled = () => {\r\n return !this.state.anyFiles || this.state.uploadInProgress || (this.state.isError && !this.state.isServerError);\r\n };\r\n\r\n render() {\r\n const messageElement = \r\n {this.props.initialMessage}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n {this.state.message}
;\r\n\r\n const uploadComponent = (\r\n \r\n {formatTranslated('UploadingFile_Label', this.props.translations.Phrases)}\r\n
\r\n ) : (\r\n ''\r\n );\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Upload;\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Upload from '../../../common/Upload/Upload';\r\nimport { Upload as upload } from '../../../constants/mlp-constants';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass BatchUploadCreateForm extends Component {\r\n uploadSuccess = (batchJobId) => {\r\n this.props.onGetBatchJobCreate(batchJobId);\r\n };\r\n\r\n render() {\r\n const uploadOptions = {\r\n paramName: 'file', // The name that will be used to transfer the file\r\n acceptedFiles: 'application/vnd.ms-excel,.csv',\r\n maxFilesize: 1000, // MB\r\n maxFiles: 1,\r\n dictFallbackMessage: this.props.translations.Phrases['ClickToSelectFile_Label'],\r\n dictInvalidFileType: this.props.translations.Phrases['InvalidFileType_Label']\r\n };\r\n\r\n const component = (\r\n {messageElement}
\r\n \r\n {uploadInProgress}\r\n {uploadComponent}\r\n
\r\n \r\n \r\n \r\n
\r\n {component}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onGetBatchJobCreate: (batchJobId) => dispatch(actionCreators.getBatchJobCreate(batchJobId))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BatchUploadCreateForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { format } from 'react-string-format';\r\nimport { batchStatusType } from '../../../constants/mlp-constants';\r\nimport * as actionCreators from '../../../store/actions/index';\r\nimport BatchJobCancelCompleteLobby from '../batchJobCancelCompleteLobby';\r\nimport BatchJobConfirmedSuccess from '../BatchJobConfirmedSuccess';\r\nimport BatchJobExpired from '../BatchJobExpired';\r\nimport BatchJobInProgress from '../BatchJobInProgress';\r\nimport SuccessConfirmationSummary from '../SuccessConfirmationSummary';\r\nimport UnexpectedProcessingError from '../UnexpectedProcessingError';\r\nimport ValidationErrorSummary from '../validationErrorSummary';\r\nimport BatchUploadCreateForm from './BatchUploadCreateForm';\r\n\r\nclass BatchUserCreateRouter extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('SystemAdmin.BatchUser.Index');\r\n setInterval(this.initiateStatusCheck, 3000);\r\n if (this.props.location.search) {\r\n const batchJobId = this.props.location.search.split('=')[1];\r\n this.props.onInitBatchJobCreate(batchJobId);\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onClearState();\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n initiateStatusCheck = () => {\r\n const batchJob = this.props.model;\r\n if (batchJob && batchJob.BatchJobId && batchJob.BatchJobId > 0) {\r\n switch (batchJob.BatchStatusCode) {\r\n case batchStatusType.New:\r\n case batchStatusType.InProgress:\r\n case batchStatusType.Submitted:\r\n case batchStatusType.Cancelling:\r\n case batchStatusType.Completing:\r\n case batchStatusType.Approved:\r\n case batchStatusType.Rejected:\r\n this.props.onGetBatchJobCreate(this.props.model.BatchJobId);\r\n break;\r\n default:\r\n }\r\n }\r\n };\r\n\r\n showUploadPage = () => {\r\n this.props.onAfterGetBatchJobCreate(null);\r\n };\r\n\r\n batchJobConfirm = () => {\r\n this.props.onBatchJobConfirm(this.props.model.BatchJobId);\r\n };\r\n\r\n batchJobCancel = () => {\r\n this.props.onBatchJobCancel(this.props.model.BatchJobId);\r\n };\r\n\r\n uploadSuccess = (BatchJobId) => {\r\n this.props.onGetBatchJobCreate(BatchJobId);\r\n };\r\n\r\n render() {\r\n const batchJob = this.props.model;\r\n let componentByStatus = null;\r\n\r\n if (!batchJob || Object.keys(batchJob).length === 0) {\r\n componentByStatus = \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.batchCreateUsers.model,\r\n showUploadPage: state.batchCreateUsers.showUploadPage\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onInitBatchJobCreate: (batchJobId) => dispatch(actionCreators.initBatchJobCreate(batchJobId)),\r\n onGetBatchJobCreate: (batchJobId) => dispatch(actionCreators.getBatchJobCreate(batchJobId)),\r\n onAfterGetBatchJobCreate: (model) => dispatch(actionCreators.afterGetBatchJobCreate(model)),\r\n onBatchJobConfirm: (batchJobId) => dispatch(actionCreators.confirmBatchJobCreate(batchJobId)),\r\n onBatchJobCancel: (batchJobId) => dispatch(actionCreators.cancelBatchJobCreate(batchJobId)),\r\n onClearState: () => dispatch(actionCreators.clearStateBatchJobCreate())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BatchUserCreateRouter);\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport InputBase from '../../../common/Inputbase/Inputbase';\r\n\r\nclass BatchEditDropDown extends Component {\r\n static defaultProps = {\r\n name: '',\r\n options: [],\r\n defaultOptionText: 'Select an option',\r\n valueField: 'Value',\r\n textField: 'Text',\r\n onlyCustomAction: false,\r\n readonly: false\r\n };\r\n static propTypes = {\r\n name: PropTypes.string,\r\n options: PropTypes.array,\r\n readonly: PropTypes.bool,\r\n textField: PropTypes.string,\r\n valueField: PropTypes.string,\r\n defaultOptionText: PropTypes.string,\r\n onlyCustomAction: PropTypes.bool\r\n };\r\n\r\n updateState = (event) => {\r\n if (this.props.customAction) {\r\n this.props.customAction(event.target.value);\r\n }\r\n };\r\n\r\n render() {\r\n let selectedValue = '';\r\n\r\n if (this.props && this.props.options && this.props.options.length > 0 && this.props.valueField) {\r\n let selectedOptions = this.props.options.find((o) => o.IsSelected);\r\n if (selectedOptions) {\r\n selectedValue = selectedOptions[this.props.valueField];\r\n }\r\n }\r\n const options = this.props.options.map((item) => {\r\n return (\r\n \r\n );\r\n });\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {componentByStatus}
\r\n {r.Alias}
\r\n \r\n \r\n
\r\n \r\n {formatTranslated(this.props.model.BatchEditModel.ErrorMessage, this.props.translations.Phrases)}\r\n
\r\n );\r\n }\r\n\r\n const parentGrids = parentUsersList.map(function (p, index) {\r\n return \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.batchEditUsers.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onUndo: (batchJobId) => dispatch(actionCreators.getBatchJobEdit(batchJobId)),\r\n onBatchJobSubmitEdit: (model) => dispatch(actionCreators.submitBatchEdit(model)),\r\n onBatchJobCancelled: (batchJobId) => dispatch(actionCreators.cancelBatchJobEdit(batchJobId))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(BatchEditForm));\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport axios from '../../../axios-mlp';\r\nimport TextArea from '../../../common/Textarea/Textarea';\r\nimport Upload from '../../../common/Upload/Upload';\r\nimport { batchJobUrlPaths as batchConstants, Upload as upload } from '../../../constants/mlp-constants';\r\nimport * as actionCreators from '../../../store/actions/index';\r\n\r\nclass BatchUploadEditForm extends Component {\r\n state = {\r\n textareaValue: '',\r\n uploadSuccess: false,\r\n textAreaValidationMessage: ''\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onInitTranslations('SystemAdmin.BatchUser.Edit');\r\n }\r\n\r\n uploadSuccess = (batchJobId) => {\r\n this.props.onGetBatchJobCreate(batchJobId);\r\n };\r\n\r\n constructSearchBtnClass = () => {\r\n let btnClass = ['button', 'small', 'blue', 'clear-margin-right'];\r\n if (!this.state.textareaValue) {\r\n btnClass.push('disabled');\r\n }\r\n return btnClass.join(' ');\r\n };\r\n\r\n searchBtnClickHandler = () => {\r\n $('#overlay').show();\r\n axios\r\n .post(batchConstants.SUBMIT_BATCH_EDIT_LIST, null, { params: { listData: this.state.textareaValue } })\r\n .then((response) => {\r\n if (response.data.isSuccess) {\r\n this.uploadSuccess(response.data.batchJobId);\r\n } else {\r\n this.setState({ textAreaValidationMessage: response.data.errorTranslationCode || response.data.error });\r\n }\r\n })\r\n .catch((error) => {\r\n this.setState({ textAreaValidationMessage: this.props.translations.Phrases['DateUploaSubmitFailedTryAgain_Label'] });\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n onChangeText = (value) => {\r\n this.setState({ textareaValue: value });\r\n };\r\n\r\n render() {\r\n const uploadOptions = {\r\n paramName: 'file', // The name that will be used to transfer the file\r\n acceptedFiles: 'application/vnd.ms-excel,.csv',\r\n maxFilesize: 1000, // MB\r\n maxFiles: 1,\r\n dictFallbackMessage: this.props.translations.Phrases['ClickToSelectFile_Label'],\r\n dictInvalidFileType: this.props.translations.Phrases['InvalidFileType_Label']\r\n };\r\n\r\n return (\r\n \r\n
\r\n {errorMessage}
\r\n \r\n
\r\n \r\n \r\n {this.props.model.BatchEditModel.UsersFoundCount + ' ' + this.props.translations.Phrases['UsersFound_Label']}\r\n \r\n {mismatchesElement}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onGetBatchJobCreate: (batchJobId) => dispatch(actionCreators.getBatchJobEdit(batchJobId))\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BatchUploadEditForm);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { format } from 'react-string-format';\r\nimport { batchStatusType } from '../../../constants/mlp-constants';\r\nimport * as actionCreators from '../../../store/actions/index';\r\nimport BatchJobCancelCompleteLobby from '../batchJobCancelCompleteLobby';\r\nimport BatchJobConfirmedSuccess from '../BatchJobConfirmedSuccess';\r\nimport BatchJobExpired from '../BatchJobExpired';\r\nimport BatchJobInProgress from '../BatchJobInProgress';\r\nimport UnexpectedProcessingError from '../UnexpectedProcessingError';\r\nimport BatchEditForm from './BatchEditForm';\r\nimport BatchUploadEditForm from './BatchUploadEditForm';\r\n\r\nclass BatchUserEditRouter extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('SystemAdmin.BatchUser.Edit');\r\n setInterval(this.initiateStatusCheck, 3000);\r\n if (this.props.location.search) {\r\n const batchJobId = this.props.location.search.split('=')[1];\r\n this.props.onInitGetBatchJobEdit(batchJobId);\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onClearState();\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n initiateStatusCheck = () => {\r\n const batchJob = this.props.model;\r\n if (batchJob && batchJob.BatchJobId && batchJob.BatchJobId > 0) {\r\n switch (batchJob.BatchStatusCode) {\r\n case batchStatusType.New:\r\n case batchStatusType.InProgress:\r\n case batchStatusType.Submitted:\r\n case batchStatusType.Cancelling:\r\n case batchStatusType.Completing:\r\n case batchStatusType.Approved:\r\n case batchStatusType.Rejected:\r\n this.props.onGetBatchJobEdit(this.props.model.BatchJobId);\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n };\r\n\r\n showUploadPage = () => {\r\n this.props.onAfterGetBatchJobEdit(null);\r\n };\r\n\r\n render() {\r\n const batchJob = this.props.model;\r\n let componentByStatus = null;\r\n if (batchJob === undefined || batchJob === null || Object.keys(batchJob).length === 0) {\r\n componentByStatus = \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n OR
\r\n\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.batchEditUsers.model,\r\n showUploadPage: state.batchEditUsers.showUploadPage\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onInitGetBatchJobEdit: (batchJobId) => dispatch(actionCreators.initGetBatchJobEdit(batchJobId)),\r\n onGetBatchJobEdit: (batchJobId) => dispatch(actionCreators.getBatchJobEdit(batchJobId)),\r\n onClearState: () => dispatch(actionCreators.clearStateBatchJobEdit()),\r\n onAfterGetBatchJobEdit: (model) => dispatch(actionCreators.afterGetBatchJob(model))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BatchUserEditRouter);\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport axios from '../../axios-mlp';\r\nimport { batchStatusType, batchType } from '../../constants/mlp-constants';\r\nimport { formatTranslated, sortBy, UTCtoLocalDateTime } from '../../utils/mlp-utils';\r\n\r\nclass BatchJobsGrid extends Component {\r\n state = {\r\n sortOrder: {\r\n property: '',\r\n order: undefined\r\n }\r\n };\r\n\r\n sort = (propertyName) => {\r\n const currentOrder = this.state.sortOrder;\r\n\r\n if (currentOrder.property !== propertyName) {\r\n this.setState({\r\n sortOrder: {\r\n property: propertyName,\r\n order: 'ASC'\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n sortOrder: {\r\n property: propertyName,\r\n order: 'DESC'\r\n }\r\n });\r\n }\r\n };\r\n\r\n sortIconClass = (propertyName) => {\r\n if (this.state.sortOrder.order !== undefined && this.state.sortOrder.property === propertyName) {\r\n return this.state.sortOrder.order === 'ASC' ? 'fa fa-caret-up' : 'fa fa-caret-down';\r\n }\r\n return '';\r\n };\r\n\r\n statusColor = (statusCode) => {\r\n switch (statusCode) {\r\n case batchStatusType.New:\r\n case batchStatusType.Approved:\r\n case batchStatusType.Rejected:\r\n return 'bold black-text';\r\n case batchStatusType.FaultTerminated:\r\n case batchStatusType.ValidationTerminated:\r\n case batchStatusType.ExpirationTerminated:\r\n return 'red-text';\r\n case batchStatusType.PendingApproval:\r\n return 'blue-text';\r\n case batchStatusType.Cancelled:\r\n return 'light-grey-text';\r\n case batchStatusType.Completed:\r\n return 'black-text';\r\n case batchStatusType.InProgress:\r\n case batchStatusType.Completing:\r\n case batchStatusType.Cancelling:\r\n return 'orange-text';\r\n default:\r\n return '';\r\n }\r\n };\r\n\r\n getAnnotatedFile = (objectId, fileName) => {\r\n $('#overlay').show();\r\n let params = new URLSearchParams();\r\n params.append('s3ObjectId', objectId);\r\n axios\r\n .get('/BatchUser/GetAnnotatedFile', { params: params })\r\n .then((response) => {\r\n const a = document.createElement('a');\r\n document.body.appendChild(a);\r\n a.style.cssText = 'display: none';\r\n a.download = fileName;\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n //IE support\r\n const fileData = [response.data];\r\n const blobObject = new Blob(fileData);\r\n $(a).on(() => {\r\n window.navigator.msSaveOrOpenBlob(blobObject, fileName);\r\n });\r\n a.click();\r\n } else {\r\n const blob = new Blob([response.data], { type: 'octet/stream' }),\r\n url = window.URL.createObjectURL(blob);\r\n a.href = url;\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n if (a.remove) {\r\n a.remove();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response && error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n })\r\n .finally(() => {\r\n $('#overlay').hide();\r\n });\r\n };\r\n\r\n render() {\r\n const batchDetailsUrl =\r\n this.props.type === batchType.BatchEdit ? '/SystemAdmin/BatchUser/Edit?batchJobId=' : '/SystemAdmin/BatchUser?batchJobId=';\r\n\r\n const sortedModel = this.state.sortOrder\r\n ? sortBy(this.props.model, this.state.sortOrder.property, this.state.sortOrder.order)\r\n : this.props.model;\r\n\r\n const tableRows = sortedModel.map((batchJob) => {\r\n const fileCellComponent = batchJob.S3ObjectId ? (\r\n \r\n ) : (\r\n N/A\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n {componentByStatus}\r\n
\r\n {this.props.title}
\r\n{this.props.title}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(BatchJobsGrid));\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { batchType } from '../../constants/mlp-constants';\r\nimport * as actionCreators from '../../store/actions/index';\r\nimport BatchJobsGrid from './BatchJobsGrid';\r\n\r\nclass SystemAdminIndexForm extends Component {\r\n componentDidMount = () => {\r\n this.props.onInitTranslations('SystemAdmin.SystemAdmin.Index');\r\n this.props.onInitSystemAdminIndex();\r\n };\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.model && this.props.translations.PhraseGroupCode === 'SystemAdmin.SystemAdmin.Index') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {actionLink}\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 {this.props.translations.Phrases['File_Label']}\r\n \r\n | \r\n\r\n {this.props.translations.Phrases['DateUploaded_Label']}\r\n \r\n | \r\n\r\n {this.props.translations.Phrases['Status_Label']}\r\n \r\n | \r\n
|---|
\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model,\r\n model: state.systemAdmin.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup)),\r\n onInitSystemAdminIndex: () => dispatch(actionCreators.initSystemAdminIndex())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SystemAdminIndexForm);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport toastr from 'toastr';\r\nimport axios from '../../../axios-mlp';\r\nimport Dropdown from '../../../common/Dropdown/Dropdown';\r\nimport Searchbox from '../../../common/Searchbox/Searchbox';\r\nimport SubmitButton from '../../../common/SubmitButton/SubmitButton';\r\nimport TextBox from '../../../common/Textbox/Textbox';\r\nimport { manageUser as Constants } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport { setValueByPath } from '../../../utils/mlp-utils';\r\n\r\nclass ManageUserHeader extends Component {\r\n state = {\r\n initialFormValues: null,\r\n isButtonDisabled: true\r\n };\r\n\r\n formatResultBuilder = (item) => {\r\n const address = item.Address || '';\r\n const addressArray = address.split(',');\r\n let ContactAddress = <>;\r\n if (addressArray.length > 1) {\r\n ContactAddress = (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n batch.BatchTypeCode === batchType.BatchCreate)}\r\n title={this.props.translations.Phrases['BatchCreate_Label']}\r\n actionText={this.props.translations.Phrases['StartNewBatchCreate_Label']}\r\n actionUrl={'/SystemAdmin/BatchUser'}\r\n type={batchType.BatchCreate}\r\n />\r\n\r\n batch.BatchTypeCode === batchType.BatchEdit)}\r\n title={this.props.translations.Phrases['BatchEdit_Label']}\r\n actionText={this.props.translations.Phrases['StartNewBatchEdit_Label']}\r\n actionUrl={'/SystemAdmin/BatchUser/Edit'}\r\n type={batchType.BatchEdit}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n <>{addressArray[0]}\r\n <>\r\n {addressArray[1]}, {addressArray[2]}\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n validateForm = () => {\r\n axios\r\n .post(Constants.VALIDATE_USER_URL, this.props.model)\r\n .then((response) => {\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.setValidationMessages(validationMessages);\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n });\r\n };\r\n\r\n onFormValueChange = (val, name) => {\r\n this.props.onModelChanged(val, name);\r\n\r\n const u1 = {\r\n ...this.props.model.User,\r\n [name.substr(5)]: val\r\n };\r\n const u2 = this.state.initialFormValues;\r\n\r\n if (\r\n u1?.FirstName === u2?.FirstName &&\r\n u1?.LastName === u2?.LastName &&\r\n u1?.Email === u2?.Email &&\r\n u1?.Phone === u2?.Phone &&\r\n u1?.CompanyName === (u2?.CompanyName || '')\r\n ) {\r\n this.setState({ isButtonDisabled: true });\r\n } else {\r\n this.setState({ isButtonDisabled: false });\r\n }\r\n };\r\n\r\n componentDidUpdate() {\r\n if (!this.state.initialFormValues) {\r\n this.setState({\r\n initialFormValues: this.props.model.User\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const val = this.props.validationMessages;\r\n const u = this.props.model.User;\r\n\r\n const userDetails = (\r\n <>\r\n \r\n
\r\n \r\n {item.FullName} \r\n
\r\n \r\n
\r\n {item.Email}
\r\n \r\n
\r\n {item.Phone}
\r\n \r\n
\r\n {item.CompanyName}
\r\n \r\n
\r\n {ContactAddress}\r\n {item.SalesforceId}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onModelChanged: (value, key) => dispatch(actions.manageUserModelChange(value, key)),\r\n onEmailChanged: (email) => dispatch(actions.manageUserEmailChange(email)),\r\n onSelectManageUser: (user) => dispatch(actions.selectManageUser(user)),\r\n setValidationMessages: (validationMessages) => dispatch(actions.manageUserSetValidationMessages(validationMessages))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(null, mapDispatchToProps)(ManageUserHeader));\r\n","import React from 'react';\r\n\r\nconst TeamMemberRow = (props) => {\r\n return (\r\n {userDetails}
\r\n \r\n
| {this.props.translations.Phrases['FirstName_Label']} | \r\n{this.props.translations.Phrases['LastName_Label']} | \r\n{this.props.translations.Phrases['Email_Label']} | \r\n
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TeamMembersGrid;\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { manageUser as Constants } from '../../../constants/mlp-constants';\r\nimport * as actions from '../../../store/actions/index';\r\nimport ManageUserHeader from './ManageUserHeader';\r\nimport TeamMembersGrid from './TeamMembersGrid';\r\n\r\nclass ManageUserForm extends Component {\r\n componentDidMount() {\r\n const value = this.props.location.search !== '' ? this.props.location.search : this.props.location.pathname;\r\n this.props.onInitManageUser(this.findUserId(value));\r\n this.props.onInitTranslations(Constants.INDEX_TRANSLATIONS_URL);\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.resetStateManageUser();\r\n }\r\n\r\n findUserId = (search) => {\r\n return search.substring(search.indexOf('=') + 1, search.length);\r\n };\r\n\r\n render() {\r\n if (this.props.translations.PhraseGroupCode === Constants.INDEX_TRANSLATIONS_URL) {\r\n const model = this.props.manageUser.model;\r\n const val = this.props.manageUser.ValidationMessages;\r\n\r\n const header = \r\n
\r\n \r\n Team Members\r\n
\r\n {content}\r\n\r\n \r\n {this.props.translations.Phrases['Cancel_Button']}\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n manageUser: state.manageUser,\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitManageUser: (userId) => dispatch(actions.initManageUser(userId)),\r\n resetStateManageUser: () => dispatch(actions.resetStateManageUser())\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ManageUserForm);\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport SearchBox from '../../../common/Searchbox/Searchbox';\r\n\r\nclass SearchUserBox extends Component {\r\n state = {\r\n value: ''\r\n };\r\n\r\n onValueChanged = (val) => {\r\n this.setState({\r\n value: val\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.props.translations.Phrases['Page_Title']}
\r\n\r\n
\r\n \r\n {header}\r\n
\r\n {team}\r\n
\r\n {cancel}\r\n
\r\n \r\n {team}\r\n
\r\n {cancel}\r\n
\r\n
\r\n );\r\n }\r\n\r\n return (\r\n Address:
\r\n \r\n
\r\n {addressArray[0]}
\r\n \r\n {addressArray[1]}, {addressArray[2]}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n selectUser = (item) => {\r\n this.props.history.push({\r\n pathname: SystemAdmin.GET_USER_MANAGE_URL,\r\n search: '?userId=' + item.UserId.toString()\r\n });\r\n };\r\n\r\n render() {\r\n if (this.props.translations.PhraseGroupCode === 'SystemAdmin.ManageUser.Index') {\r\n const pageContent = (\r\n \r\n {i.FullName} \r\n
\r\n \r\n
\r\n Email:
\r\n {i.Email}
\r\n Phone:
\r\n {i.Phone}
\r\n \r\n
\r\n {ContactAddress}\r\n Company:
\r\n {i.CompanyName}
\r\n ContactId:
\r\n {i.SalesforceId}
\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actionCreators.initTranslations(phraseGroup))\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchUserForm));\r\n","import $ from 'jquery';\r\nimport { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport toastr from 'toastr';\r\nimport axios from '../../axios-mlp';\r\nimport DatePickerModal from '../../common/DateTimePicker/DatePickerModal';\r\nimport DropDown from '../../common/Dropdown/Dropdown';\r\nimport SearchBox from '../../common/Searchbox/Searchbox';\r\nimport SubmitButton from '../../common/SubmitButton/SubmitButton';\r\nimport TextBox from '../../common/Textbox/Textbox';\r\nimport { teamManagement as Constants, userPermission } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport { setValueByPath } from '../../utils/mlp-utils';\r\nimport ClientServiceGrid from './ClientServiceGrid';\r\nimport StatusChangeLink from './StatusChangeLink';\r\nimport TeamManagementModal from './TeamManagementModal';\r\n\r\nclass TeamManagementDetailsForm extends Component {\r\n componentDidMount() {\r\n const value = this.props.location.search !== '' ? this.props.location.search : this.props.location.pathname;\r\n const translationUrl = this.findTranslationUrl(this.props.location.pathname);\r\n const userId = this.findUserId(value);\r\n\r\n if (translationUrl.includes(this.determineComponent(Constants.NEW_TEAM_MEMBER_LINK))) {\r\n this.props.onInitNewTeamMember();\r\n }\r\n if (translationUrl.includes(this.determineComponent(Constants.CLONE_TEAM_MEMBER_LINK))) {\r\n this.props.onInitCloneTeamMember(userId);\r\n }\r\n if (translationUrl.includes(this.determineComponent(Constants.TEAM_MEMBER_DETAILS_LINK))) {\r\n this.props.onInitTeamMemberDetails(userId);\r\n }\r\n this.props.onInitTranslations(translationUrl);\r\n this.props.onInitUserPermission(userPermission.CENTRALDASHBOARD_ACCESS);\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n findTranslationUrl = (path) => {\r\n path = path.includes('?') ? path.substring(0, path.indexOf('?')) : path;\r\n return path.substring(1, path.length).replaceAll('/', '.');\r\n };\r\n\r\n findUserId = (search) => {\r\n return search.substring(search.indexOf('=') + 1, search.length);\r\n };\r\n\r\n determineComponent = (link) => {\r\n return link\r\n .substring(1, link.length)\r\n .split('/')\r\n .find((x) => x.indexOf('TeamManagement') === -1);\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onClearState();\r\n this.props.onResetTeamMemberDetails();\r\n }\r\n\r\n validateForm = () => {\r\n let validationUrl = '';\r\n const translationUrl = this.findTranslationUrl(this.props.location.pathname);\r\n\r\n if (\r\n translationUrl.includes(this.determineComponent(Constants.NEW_TEAM_MEMBER_LINK)) ||\r\n translationUrl.includes(this.determineComponent(Constants.CLONE_TEAM_MEMBER_LINK))\r\n ) {\r\n validationUrl = Constants.NEW_TEAM_MEMBER_VALIDATION_URL;\r\n }\r\n\r\n if (translationUrl.includes(this.determineComponent(Constants.TEAM_MEMBER_DETAILS_LINK))) {\r\n validationUrl = Constants.EDIT_TEAM_MEMBER_VALIDATION_URL;\r\n }\r\n axios\r\n .post(validationUrl, this.props.teamDetailsData)\r\n .then((response) => {\r\n let validationMessages = {};\r\n const json = JSON.parse(response.data);\r\n for (let i in json) {\r\n setValueByPath(validationMessages, i, json[i]);\r\n }\r\n this.props.onSetValidationMessages(validationMessages);\r\n })\r\n .catch((error) => {\r\n if (error.response) {\r\n if (error.response.data && error.response.data.Message) {\r\n if (error.response.status === 400) {\r\n toastr.warning(error.response.data.Message);\r\n } else {\r\n toastr.error(error.response.data.Message);\r\n }\r\n } else if (error.response.status !== 401 && error.response.status !== 403) {\r\n this.props.history.push('/BasicError');\r\n }\r\n }\r\n });\r\n };\r\n\r\n addUser = () => {\r\n this.props.onAddNewUser();\r\n };\r\n\r\n removeUser = (index) => {\r\n this.props.onRemoveUser(index);\r\n };\r\n\r\n closeErrorModal = () => {\r\n this.props.setError(null);\r\n };\r\n\r\n statusDisplay = (data, teamMember, index, namePrefix, val) => {\r\n if (!data.IsMultiUserAllowed) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.translations.Phrases['Page_Header']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Search Users
\r\n {pageContent}\r\n\r\n
\r\n );\r\n }\r\n };\r\n\r\n statusLink = (data, teamMember, index, canEdit) => {\r\n if (!data.IsMultiUserAllowed) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n updateUser = (user) => {\r\n const name = $(\"input[name*='Email']\")[0].name;\r\n const nameArray = name.split('.');\r\n const index = nameArray[1];\r\n\r\n if (\r\n this.props.teamDetailsData.Users &&\r\n this.props.teamDetailsData.Users[index].Email === user.Email &&\r\n this.props.teamDetailsData.Users[index].SalesforceId === user.SalesforceId\r\n ) {\r\n return '';\r\n }\r\n\r\n this.props.onSelectUser(index, user);\r\n return '';\r\n };\r\n\r\n updateEmail = (index, email) => {\r\n this.props.onUpdateEmail(index, email);\r\n };\r\n\r\n createSubmitButtonUrl = () => {\r\n const translationUrl = this.findTranslationUrl(this.props.location.pathname);\r\n if (\r\n translationUrl.includes(this.determineComponent(Constants.NEW_TEAM_MEMBER_LINK)) ||\r\n translationUrl.includes(this.determineComponent(Constants.CLONE_TEAM_MEMBER_LINK))\r\n ) {\r\n return Constants.NEW_TEAM_MEMBER_URL;\r\n }\r\n if (translationUrl.includes(this.determineComponent(Constants.TEAM_MEMBER_DETAILS_LINK))) {\r\n return Constants.EDIT_TEAM_MEMBER_URL;\r\n }\r\n };\r\n\r\n dashboardBreadcrumb = () => {\r\n if (this.props.user.hasCentralPermission) {\r\n return (\r\n \r\n {this.props.translations.Phrases['Page_Header_Navigation_Level_1']}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n {this.props.translations.Phrases['Page_Header_Navigation_Level_1']}\r\n \r\n );\r\n }\r\n };\r\n\r\n render() {\r\n const data = this.props.teamDetailsData;\r\n const teamMember = data?.Users?.[0];\r\n const val = this.props.validationMessages;\r\n const serviceList = data.ParentServices;\r\n const canEdit = data.UserRole === Constants.INTERNALCLIENTADMIN || data.UserRole === Constants.CLIENTADMIN;\r\n const submitButtonUrl = this.createSubmitButtonUrl();\r\n const clientGrids = serviceList.map((s, index) => {\r\n return (\r\n \r\n
\r\n \r\n {\r\n
\r\n ) : null;\r\n\r\n const userIsLockedMessage = {this.props.translations.Phrases['UserIsLocked_Label']}
;\r\n const userHasPendingChangesMessage = (\r\n {this.props.translations.Phrases['UserHasPendingChanges_Label']}
\r\n );\r\n\r\n let userIsLocked = false;\r\n const users = data.Users.map((u, index) => {\r\n const namePrefix = 'Users.' + index + '.';\r\n userIsLocked = u.IsLocked;\r\n return (\r\n \r\n {data.IsMultiUserAllowed && data.Users.length > 1 ? (\r\n
\r\n
\r\n );\r\n });\r\n\r\n const addUserButton =\r\n data.IsMultiUserAllowed && data.Users.length < 20 ? (\r\n \r\n \r\n {this.props.translations.Phrases['Remove_Label']}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n {userIsLocked ? userIsLockedMessage : ''}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.statusDisplay(data, u, index, namePrefix, val)}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.statusLink(data, u, index, canEdit)}\r\n \r\n
\r\n \r\n {this.props.translations.Phrases['AddTeamMember_Label']}\r\n \r\n
\r\n ) : null;\r\n\r\n return (\r\n \r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n teamDetailsData: state.teamManagementDetails.model,\r\n validationMessages: state.teamManagementDetails.ValidationMessages,\r\n translations: state.translations.model,\r\n user: state.user.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitTeamMemberDetails: (userId) => dispatch(actions.teamMemberDetails(userId)),\r\n onInitCloneTeamMember: (userId) => dispatch(actions.cloneTeamMember(userId)),\r\n onInitNewTeamMember: () => dispatch(actions.initNewTeamMember()),\r\n onChangeUserRole: (newIndex, oldIndex, newValue, userRoleName) =>\r\n dispatch(actions.changeUserRole(newIndex, oldIndex, newValue, userRoleName)),\r\n onSelectUser: (user, index) => dispatch(actions.selectUser(user, index)),\r\n onAddNewUser: () => dispatch(actions.addNewUser()),\r\n onRemoveUser: (index) => dispatch(actions.removeUser(index)),\r\n onCancelUser: (userId) => dispatch(actions.cancelUserDetails(userId)),\r\n onReactivateUser: (userId) => dispatch(actions.reactivateUserDetails(userId)),\r\n onUpdateEmail: (index, email) => dispatch(actions.updateEmail(index, email)),\r\n onSetValidationMessages: (validationMessages) => dispatch(actions.setValidationMessages(validationMessages)),\r\n onSetValidationMessagesSubmit: (validationMessages) => dispatch(actions.setValidationMessagesSubmit(validationMessages)),\r\n onClearState: () => dispatch(actions.clearState()),\r\n setError: (value) => dispatch(actions.setTeamMemberDetailsError(value)),\r\n onModelChanged: (value, key) => dispatch(actions.modelChange(value, key)),\r\n onInitUserPermission: (permissionName) => dispatch(actions.initUserPermission(permissionName)),\r\n onResetTeamMemberDetails: () => dispatch(actions.resetTeamMemberDetails())\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(TeamManagementDetailsForm));\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { teamManagement as Constants } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport StatusChangeLink from './StatusChangeLink';\r\n\r\nclass MemberRow extends Component {\r\n statusChangeLink = (isIcon) => {\r\n if (this.props.canDelete) {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.translations.Phrases['Page_Header']}\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n {data.Error}
\r\n \r\n {users}\r\n {addUserButton}\r\n\r\n\r\n
\r\n\r\n {data.UserHasPendingChanges ? userHasPendingChangesMessage : ''}\r\n\r\n {this.props.translations.Phrases['ClientsAndPermissions_Label']}
\r\n {val.AllParentServices}
\r\n {clientGrids}
\r\n\r\n {!userIsLocked ? submitButton : null}\r\n \r\n {this.statusChangeLink()}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n translations: state.translations.model\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TeamGrid);\r\n","import { Component } from 'react';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport CheckBox from '../../common/CheckBox/CheckBox';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport { teamManagement as Constants, userPermission } from '../../constants/mlp-constants';\r\nimport * as actions from '../../store/actions/index';\r\nimport TeamGrid from './TeamGrid';\r\n\r\nclass TeamManagementForm extends Component {\r\n state = { showActiveUsers: false };\r\n\r\n componentDidMount() {\r\n this.props.onInitCurrentUserTeamData();\r\n this.props.onInitTranslations(Constants.INDEX_TRANSLATIONS_URL);\r\n this.props.onInitUserPermission(userPermission.CENTRALDASHBOARD_ACCESS);\r\n }\r\n\r\n componentDidUpdate() {\r\n if (document.title.length === 2) {\r\n document.title = this.props.translations.Phrases['Page_Title'];\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onResetStateTeamManagement();\r\n }\r\n\r\n addTeamMemberRoleCheck() {\r\n if (this.props.teamData.model.UserRole === Constants.CLIENTADMIN) {\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | {this.props.translations.Phrases['Name_Label']} | \r\n{this.props.translations.Phrases['Status_Label']} | \r\n{this.props.translations.Phrases['LastLogin_Label']} | \r\n{this.props.translations.Phrases['Email_Label']} | \r\n{this.props.translations.Phrases['Phone_Label']} | \r\n{this.props.translations.Phrases['Expires_Label']} | \r\n {this.actionsCheck()}\r\n {this.cloneRoleCheck()}\r\n {this.deleteButtonRoleCheck()}\r\n
|---|
\r\n \r\n \r\n {this.props.translations.Phrases['Page_Title']} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n teamData: state.teamManagement,\r\n translations: state.translations.model,\r\n user: state.user.model\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitCurrentUserTeamData: () => dispatch(actions.initCurrentUserTeamData()),\r\n onInitTranslations: (phraseGroup) => dispatch(actions.initTranslations(phraseGroup)),\r\n onInitUserPermission: (permissionName) => dispatch(actions.initUserPermission(permissionName)),\r\n setError: (value) => dispatch(actions.setTeamMemberError(value)),\r\n onResetStateTeamManagement: () => {\r\n dispatch(actions.resetStateTeamManagement());\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TeamManagementForm);\r\n","//import $ from 'jquery'\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CheckIcon from '../../common/Icons/CheckIcon';\r\nimport ExpandIcon from '../../common/Icons/ExpandIcon';\r\nimport MoreDetailsIcon from '../../common/Icons/MoreDetailsIcon';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport ModalConfirm from '../../common/Modal/ModalConfirm';\r\nimport TextArea from '../../common/Textarea/Textarea';\r\nimport TextBox from '../../common/Textbox/Textbox';\r\nimport * as actionCreators from '../../store/actions/index';\r\n\r\nclass TestForm extends Component {\r\n state = { isModalOpen: false, isConfirmModalOpen: false, isExpanded: false, isChecked: false };\r\n\r\n componentDidMount() {\r\n this.props.onInitTestForm();\r\n }\r\n\r\n openConfirmModal = () => {\r\n this.setState({ isConfirmModalOpen: true });\r\n };\r\n\r\n closeConfirmModal = () => {\r\n this.setState({ isConfirmModalOpen: false });\r\n };\r\n\r\n openModal = () => {\r\n this.setState({ isModalOpen: true });\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({ isModalOpen: false });\r\n };\r\n\r\n expandIcon = () => {\r\n this.setState({ isExpanded: !this.state.isExpanded });\r\n };\r\n\r\n checkIcon = () => {\r\n this.setState({ isChecked: !this.state.isChecked });\r\n };\r\n\r\n getUserDetails = () => {\r\n return [\r\n { label: 'Company Name', value: 'Name' },\r\n { label: 'Roles', value: 'Role Name' },\r\n { label: 'Email', value: 'SomeEmail@Email.com' },\r\n { label: 'ExpirationDate', value: 'Yesterday' }\r\n ];\r\n };\r\n\r\n render() {\r\n let detailsForIcon = this.getUserDetails();\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {pageTitle[0]}\r\n \r\n \r\n {pageTitle[1]}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {teamData.Error}
\r\n \r\n\r\n
\r\n \r\n {\r\n
\r\n \r\n {teamName}\r\n
\r\n }\r\n\r\n
\r\n {this.addTeamMemberRoleCheck()}\r\n \r\n \r\n this.closeConfirmModal()}\r\n OkButtonText='Ok'\r\n CancelButtonText='Close'\r\n title='Confirm Modal Title'\r\n >\r\n\r\n this.closeModal()} title='Modal Title'>\r\n Bla bla bla\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n stringValue: state.test.model.TestString\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onInitTestForm: () => dispatch(actionCreators.initTest()),\r\n onChangeText: (value) => dispatch(actionCreators.changeText(value))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TestForm);\r\n","import {\r\n faAddressCard,\r\n faBoxOpen,\r\n faChartPie,\r\n faClipboardCheck,\r\n faCreditCard,\r\n faFileAlt,\r\n faFileContract,\r\n faFolderOpen,\r\n faHome,\r\n faList,\r\n faSignOutAlt,\r\n faUserCircle,\r\n faUserEdit,\r\n faUsers\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { NewSubscriber } from '../models/NewSubscriber';\r\n\r\n// Digital Design System (DDS)\r\nexport const REACT_APP_ASSETS_URL = 'https://cdn.livingstonintl.com/digital-design/qa';\r\nexport const REACT_APP_ASSETS_URL_CSS = `${REACT_APP_ASSETS_URL}/main-2.7.css`;\r\n//\r\n\r\n// API base paths\r\nexport const API_DASHBOARD_PATH = '/api/dashboard';\r\nexport const API_HYDRATION_PATH = '/api/hydration';\r\nexport const API_CLEARANCES_PATH = '/api/clearance';\r\nexport const API_PROFILE_PATH = '/api/profile';\r\nexport const API_TEAM_PATH = '/TeamManagement';\r\nexport const API_CLIENT_ADMIN_PATH = '/api/clientAdmin';\r\nexport const API_SEARCH_SHIPMENT_PATH = '/SearchShipment';\r\nexport const API_IMAGING_PATH = '/Imaging';\r\nexport const API_CASS_PATH = '/api/SearchShipmentCASS';\r\nexport const API_PRODUCT_REPORT_PATH = 'Imaging/GenerateProductReportCA';\r\n\r\n// Breakpoints for responsive layout\r\nexport const Breakpoints = { Mobile: 1024, BootstrapLarge: 991 };\r\n\r\nexport const Translations = {\r\n LanguageCodes: {\r\n English: 'en',\r\n French: 'fr'\r\n },\r\n PhraseGroups: {\r\n Hydration: 'MLP.Hydration',\r\n Team: 'MLP.Team',\r\n Clearances: 'MLP.Clearances',\r\n Profile: 'MLP.Profile',\r\n Subscribers: 'MLP.Subscribers',\r\n Contacts: 'MLP.Contacts',\r\n Documents: 'MLP.Documents',\r\n CompleteEntryData: 'MLP.CAD',\r\n Dashboard: 'MLP.Dashboard',\r\n Faq: 'MLP.FAQ',\r\n ProductReport: 'MLP.ProductReport'\r\n }\r\n};\r\n\r\n// Agency list US + CA\r\nexport const AgencyList = {\r\n FDA: { label: 'AgencyFDA_Label', customsInfoLabel: 'FdaInfo_Label', viewInfoLabel: 'FdaViewInfo_Label' },\r\n FDAPN: { label: 'AgencyFDA_Label', customsInfoLabel: 'FdaInfo_Label', viewInfoLabel: 'FdaViewInfo_Label' },\r\n AMS: { label: 'AgencyAMS_Label', customsInfoLabel: 'AmsInfo_Label', viewInfoLabel: 'AmsViewInfo_Label' },\r\n 'APHIS Core': { label: 'AgencyAPHISCore_Label', customsInfoLabel: 'AphisCoreInfo_Label', viewInfoLabel: 'AphisCoreViewInfo_Label' },\r\n 'APHIS Lacey': { label: 'AgencyAPHISLacey_Label', customsInfoLabel: 'AphisLaceyInfo_Label', viewInfoLabel: 'AphisLaceyViewInfo_Label' },\r\n ATF: { label: 'AgencyATF_Label', customsInfoLabel: 'AtfInfo_Label', viewInfoLabel: 'AtfViewInfo_Label' },\r\n CPSC: { label: 'AgencyCPSC_Label', customsInfoLabel: 'CpscInfo_Label', viewInfoLabel: 'CpscViewInfo_Label' },\r\n DDTC: { label: 'AgencyDDTC_Label', customsInfoLabel: 'DdtcInfo_Label', viewInfoLabel: 'DdtcViewInfo_Label' },\r\n DEA: { label: 'AgencyDEA_Label', customsInfoLabel: 'DeaInfo_Label', viewInfoLabel: 'DeaViewInfo_Label' },\r\n EPA: { label: 'AgencyEPA_Label', customsInfoLabel: 'EpaInfo_Label', viewInfoLabel: 'EpaViewInfo_Label' },\r\n FSIS: { label: 'AgencyFSIS_Label', customsInfoLabel: 'FsisInfo_Label', viewInfoLabel: 'FsisViewInfo_Label' },\r\n FWS: { label: 'AgencyFWS_Label', customsInfoLabel: 'FwsInfo_Label', viewInfoLabel: 'FwsViewInfo_Label' },\r\n NHTSA: { label: 'AgencyNHTSA_Label', customsInfoLabel: 'NhtsaInfo_Label', viewInfoLabel: 'NhtsaViewInfo_Label' },\r\n NMFS: { label: 'AgencyNMFS_Label', customsInfoLabel: 'NmfsInfo_Label', viewInfoLabel: 'NmfsViewInfo_Label' },\r\n OMC: { label: 'AgencyOMC_Label', customsInfoLabel: 'OmcInfo_Label', viewInfoLabel: 'OmcViewInfo_Label' },\r\n TTB: { label: 'AgencyTTB_Label', customsInfoLabel: 'TtbInfo_Label', viewInfoLabel: 'TtbViewInfo_Label' },\r\n Customs_US: { label: 'AgencyCustomsUS_Label', customsInfoLabel: 'CustomsInfo_Label', viewInfoLabel: 'CustomsViewInfo_Label' },\r\n Customs_CA: { label: 'AgencyCustomsCA_Label', customsInfoLabel: 'CustomsInfo_Label', viewInfoLabel: 'CustomsViewInfo_Label' },\r\n Customs: { label: 'CusInfoCustomsHold', customsInfoLabel: 'CustomsInfo_Label', viewInfoLabel: 'CustomsViewInfo_Label' },\r\n APHIS: { label: 'AgencyAPHISCore_Label', customsInfoLabel: 'AphisInfo_Label', viewInfoLabel: 'AphisViewInfo_Label' }\r\n};\r\n\r\n// Language Codes\r\nexport const LanguageCodes = [\r\n { label: 'English_Label', code: 'en', country: 'US', locale: 'en-US' },\r\n { label: 'French_Label', code: 'fr', country: 'CA', locale: 'fr-CA' }\r\n];\r\n\r\nexport const PortalRoutes = {\r\n dashboard: '/OverviewDashboard',\r\n clearances: '/Clearances',\r\n subscribers: '/Subscribers',\r\n documents: '/Documents',\r\n profile: '/Profile',\r\n team: '/Team',\r\n contacts: '/Contacts',\r\n editClientAdmin: '/AccessManagement/AccessManagement/SearchUsers',\r\n termsOfUse: '/TermsOfUse',\r\n signOut: '/Auth/SignOut',\r\n completeEntryData: '/CompleteEntryData',\r\n faq: '/PortalFAQ',\r\n productReport: '/ProductReport'\r\n} as const;\r\n\r\n// Sidebar internal navigation items\r\nexport const SidebarNavItems = [\r\n { id: 'dashboard', label: 'Dashboard_Label', url: PortalRoutes.dashboard, icon: faHome },\r\n { id: 'clearances', label: 'Clearances_Label', url: PortalRoutes.clearances, icon: faBoxOpen },\r\n { id: 'subscribers', label: 'Subscribers_Label', url: PortalRoutes.subscribers, icon: faUsers },\r\n { id: 'documents', label: 'Documents_Label', url: PortalRoutes.documents, icon: faFolderOpen }\r\n // { id: 'productReport', label: 'ProductReport_Label', url: PortalRoutes.productReport, icon: faFileExport }\r\n] as const;\r\n\r\n// Header navigation items\r\nexport const HeaderNavItems = [\r\n { id: 'profile', label: 'Profile_Label', url: PortalRoutes.profile, icon: faUserCircle },\r\n { id: 'team', label: 'Team_Label', url: PortalRoutes.team, icon: faUsers },\r\n { id: 'contacts', label: 'Contacts_Label', url: PortalRoutes.contacts, icon: faAddressCard },\r\n { id: 'editClientAdmin', label: 'EditClientAdmin_Label', url: PortalRoutes.editClientAdmin, icon: faUserEdit },\r\n { id: 'termsOfUse', label: 'TermsOfUse_Label', url: PortalRoutes.termsOfUse, icon: faFileContract },\r\n { id: 'signOut', label: 'LogOut_Label', url: PortalRoutes.signOut, icon: faSignOutAlt }\r\n] as const;\r\n\r\n// Ids for Tab navigation\r\nexport const TabNavigationIds = {\r\n Clearances: [\r\n 'clearances-status',\r\n 'clearances-headerDetails',\r\n 'clearances-lineDetails',\r\n 'clearances-exceptions',\r\n 'clearances-documents',\r\n 'clearances-subscribers',\r\n 'cad-details'\r\n ],\r\n Profile: ['profile-profile', 'profile-subscription'],\r\n Subscribers: ['subscriber-subscription']\r\n};\r\n\r\n// Notifications\r\nexport const USNotifications = [\r\n { key: 'HasNotificationsForDocumentsReceived', label: 'DocumentsReceived_Label', hint: 'DocumentsReceivedNotification_Label' },\r\n { key: 'HasNotificationsForCustomsCertified', label: 'CustomsCertified_Label', hint: 'CustomsCertifiedNotification_Label' },\r\n { key: 'HasNotificationsForCustomsReleased', label: 'CustomsReleased_Label', hint: 'CustomsReleasedUSNotification_Label' },\r\n { key: 'HasNotificationsForOneUsgReceived', label: 'OneUsgReceived_Label', hint: 'OneUsgReceivedNotification_Label' },\r\n { key: 'HasNotificationsForEntrySummaryAccepted', label: 'EntrySummaryAccepted_Label', hint: 'EntrySummaryAcceptedNotification_Label' },\r\n { key: 'HasNotificationsForClearanceOnHold', label: 'OnHold_Label', hint: 'ShipmentOnHoldNotification_Label' }\r\n];\r\n\r\nexport const CANotifications = [\r\n { key: 'HasNotificationsForDocumentsReceived', label: 'DocumentsReceived_Label', hint: 'DocumentsReceivedNotification_Label' },\r\n { key: 'HasNotificationsForReleaseSubmitted', label: 'ReleaseSubmitted_Label', hint: 'ReleaseSubmittedNotification_Label' },\r\n { key: 'HasNotificationsForCustomsAccepted', label: 'CustomsAccepted_Label', hint: 'CustomsAcceptedNotification_Label' },\r\n { key: 'HasNotificationsForCustomsReleased', label: 'CustomsReleased_Label', hint: 'CustomsReleasedCANotification_Label' },\r\n { key: 'HasNotificationsForEntryAccepted', label: 'EntryAccepted_Label', hint: 'EntryAcceptedNotification_Label' },\r\n { key: 'HasNotificationsForClearanceOnHold', label: 'OnHold_Label', hint: 'ShipmentOnHoldNotification_Label' }\r\n];\r\n\r\nexport const NotificationsLabels = {\r\n Canada: CANotifications,\r\n USA: USNotifications\r\n};\r\n\r\n// constants for add subscriber(s) modal\r\nexport const MILESTONES_US = {\r\n HasNotificationsForClearanceOnHold: true,\r\n HasNotificationsForCustomsCertified: false,\r\n HasNotificationsForCustomsReleased: false,\r\n HasNotificationsForDocumentsReceived: false,\r\n HasNotificationsForEntrySummaryAccepted: false,\r\n HasNotificationsForOneUsgReceived: false\r\n};\r\nexport const MILESTONES_CA = {\r\n HasNotificationsForClearanceOnHold_CA: true,\r\n HasNotificationsForDocumentsReceived_CA: false,\r\n HasNotificationsForReleaseSubmitted_CA: false,\r\n HasNotificationsForCustomsAccepted_CA: false,\r\n HasNotificationsForCustomsReleased_CA: false,\r\n HasNotificationsForEntryAccepted_CA: false\r\n};\r\n\r\nexport const MILESTONE_US_TOOLTIP_LABELS = {\r\n DocumentsReceived_Label: 'DocumentsReceivedNotification_Label',\r\n CustomsCertified_Label: 'CustomsCertifiedNotification_Label',\r\n CustomsReleased_Label: 'CustomsReleasedUSNotification_Label',\r\n OneUsgReceived_Label: 'OneUsgReceivedNotification_Label',\r\n EntrySummaryAccepted_Label: 'EntrySummaryAcceptedNotification_Label',\r\n OnHold_Label: 'ShipmentOnHoldNotification_Label'\r\n};\r\nexport const MILESTONE_CA_TOOLTIP_LABELS = {\r\n DocumentsReceived_Label: 'DocumentsReceivedNotification_Label',\r\n ReleaseSubmitted_Label: 'ReleaseSubmittedNotification_Label',\r\n CustomsAccepted_Label: 'CustomsAcceptedNotification_Label',\r\n CustomsReleased_Label: 'CustomsReleasedCANotification_Label',\r\n EntryAccepted_Label: 'EntryAcceptedNotification_Label',\r\n OnHold_Label: 'ShipmentOnHoldNotification_Label'\r\n};\r\n\r\nexport const emptySubscriber: NewSubscriber = {\r\n id: 0,\r\n email: '',\r\n emailIsValid: false,\r\n phone: '',\r\n phoneIsValid: false,\r\n fullName: '',\r\n role: '',\r\n language: '-'\r\n};\r\n\r\nexport const NewSubscriberRoles = [\r\n { value: '', label: 'SelectRole_Label' },\r\n { value: 'Carrier', label: 'Carrier_Label' },\r\n { value: 'Supplier', label: 'Supplier_Label' },\r\n { value: 'Logistics', label: 'Logistics_Label' },\r\n { value: 'Customs', label: 'Customs_Label' },\r\n { value: 'Finance', label: 'Finance_Label' },\r\n { value: 'Manufacturer', label: 'Manufacturer_Label' },\r\n { value: 'Other', label: 'Other_Label' }\r\n] as const;\r\n\r\nexport const NewSubscriberLanguages = [\r\n { value: '-', label: '' },\r\n { value: 'EN', label: '' },\r\n { value: 'FR', label: '' }\r\n] as const;\r\n\r\nexport const ClearancesDestinations = {\r\n US: {\r\n id: 'US',\r\n label: 'ClearancesUSA_Label'\r\n },\r\n CA: {\r\n id: 'CA',\r\n label: 'ClearancesCanada_Label'\r\n }\r\n};\r\n\r\nexport const ComboBoxTabOptions = [\r\n { id: 'All', label: 'StatusAll_Label' },\r\n { id: 'Team', label: 'Team_Label' },\r\n { id: 'Contacts', label: 'Contacts_Label' }\r\n] as const;\r\n\r\nexport const appItems = [\r\n {\r\n Name: 'Clearance Analytics',\r\n Label: 'ClearanceAnalytics_Label',\r\n Icon: faChartPie,\r\n Order: 5\r\n },\r\n {\r\n Name: 'Create Shipping Docs USA',\r\n Label: 'CreateShippingDocsUSA_Label',\r\n Icon: faFileAlt\r\n },\r\n {\r\n Name: 'Clearance Tracker',\r\n Label: 'ClearanceTracker_Label',\r\n Icon: faClipboardCheck,\r\n Order: 2\r\n },\r\n {\r\n Name: 'Create Shipping Docs CA',\r\n Label: 'CreateShippingDocsCA_Label',\r\n Icon: faFileAlt,\r\n Order: 3\r\n },\r\n { Name: 'My Livingston Portal', Label: 'MyLivingstonPortal_Label', Icon: faList, Order: 4 },\r\n\r\n { Name: 'Make Payments', Label: 'MakePayments_Label', Icon: faCreditCard, Order: 1 }\r\n];\r\n\r\nexport const shipmentDataSourceConstants = {\r\n us: 'EVENT_MANAGER',\r\n ca: 'REDSHIFT'\r\n} as const;\r\n\r\nexport const imagingPackageStatusType = {\r\n New: 1,\r\n FaultTerminated: 2,\r\n Cancelled: 3,\r\n Completed: 4,\r\n InProgress: 5,\r\n Submitted: 6,\r\n OverLimit: 7,\r\n IncorrectPassword: 8\r\n};\r\n\r\nexport const packageSources = {\r\n CAD: 'SearchShipmentCASS',\r\n Clearances: 'SearchShipmentClearances'\r\n};\r\n","import type { TypedUseSelectorHook } from 'react-redux';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport type { AppDispatch, RootState } from './store';\r\n\r\nexport const usePortalDispatch: () => AppDispatch = useDispatch;\r\nexport const usePortalSelector: TypedUseSelectorHook\r\n
\r\n\r\n TextArea
\r\n{'Some Text Here'}
\r\n \r\n\r\n\r\n
\r\n\r\n TextBox
\r\n\r\n
\r\n\r\n \r\n ModalConfirm
\r\n\r\n
\r\n\r\n \r\n Modal
\r\n\r\n
\r\n this.expandIcon()}>\r\n Icons
\r\n\r\n
\r\n Search Box
\r\n\r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default Badge;\r\n","import { faCheckCircle, faExclamationCircle, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { clsx } from 'clsx';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport { useDebounce } from '../hooks/useDebounce';\r\nimport useTranslationHydration from '../hooks/useTranslationHydration';\r\nimport Badge from './Badge';\r\n\r\nconst TOAST_TYPES = {\r\n success: 'success',\r\n warning: 'warning',\r\n error: 'danger'\r\n} as const;\r\n\r\nconst TOAST_ICONS = {\r\n success: faCheckCircle,\r\n warning: faExclamationCircle,\r\n error: faTimesCircle\r\n};\r\n\r\ntype ToastType = keyof typeof TOAST_TYPES;\r\n\r\nexport interface ToastProps {\r\n message: string;\r\n isLabel?: boolean;\r\n type: ToastType;\r\n customTimeout?: number;\r\n}\r\n\r\nexport default function Toast({ type, message, isLabel = false, customTimeout }: ToastProps) {\r\n const translate = useTranslationHydration();\r\n\r\n const nodeRef = useRef\r\n
\r\n \r\n );\r\n}\r\n","import { useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { usePortalDispatch, usePortalSelector } from '../../redux/hooks';\r\nimport { removeOldestToast } from '../../redux/reducers/toastSlice';\r\nimport { useDebounce } from '../hooks/useDebounce';\r\nimport Toast from './Toast';\r\n\r\nconst TOAST_TIMEOUT = 3000;\r\n\r\nexport default function Toaster() {\r\n const { user } = usePortalSelector((state) => state.hydration);\r\n const { toasts } = usePortalSelector((state) => state.toast);\r\n const dispatch = usePortalDispatch();\r\n\r\n const timeout = user?.PortalTimeoutShort || TOAST_TIMEOUT;\r\n const debounce = useDebounce(timeout + 200);\r\n\r\n useEffect(() => {\r\n if (toasts.length > 0) {\r\n debounce(() => dispatch(removeOldestToast()));\r\n }\r\n }, [dispatch, debounce, toasts]);\r\n\r\n return (\r\n <>\r\n {ReactDOM.createPortal(\r\n <>\r\n {toasts.map(({ id, ...toast }) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {alertMsg}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AlertDrawerCard;\r\n","import { clsx } from 'clsx';\r\nimport type { MouseEvent } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nconst VARIANTS = {\r\n primary: 'btn-primary',\r\n secondary: 'btn-secondary',\r\n tertiary: 'btn-tertiary',\r\n 'tertiary-blue': 'btn-tertiary-blue',\r\n 'tertiary-white': 'btn-tertiary-white',\r\n ghost: 'btn-ghost',\r\n 'ghost-dark': 'btn-ghost-dark',\r\n danger: 'btn-danger',\r\n 'danger-outline': 'btn-outline-danger',\r\n 'danger-ghost': 'btn-ghost-danger',\r\n link: 'btn-link'\r\n};\r\n\r\nconst SIZES = {\r\n small: 'btn-sm',\r\n medium: '',\r\n large: 'btn-lg'\r\n};\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes\r\n \r\n {/* Badge: Shipment on hold */}\r\n {type === 'ON_HOLD' && (\r\n \r\n \r\n )}\r\n {/* Badge: Shipment under review */}\r\n {type === 'UNDER_REVIEW' && (\r\n \r\n \r\n )}\r\n {/* Badge: In progress */}\r\n {type === 'IN_PROGRESS' && (\r\n \r\n {translate('StatusInProgress_Label')}\r\n \r\n )}\r\n {/* Badge: Livingston notice */}\r\n {type === 'NOTICE' && (\r\n \r\n {translate('LivingstonNoticeTitle_Label')}\r\n \r\n )}\r\n {/* Date */}\r\n \r\n {/* Title */}\r\n
\r\n \r\n {createDateForAlert(date, languageSelected?.locale)}\r\n
\r\n\r\n \r\n {type === 'ON_HOLD'\r\n ? /hold/i.test(eventTypeKey || '')\r\n ? translate(\r\n 'AlertsOnHold_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )\r\n : /rejected/i.test(eventTypeKey || '')\r\n ? translate(\r\n 'EntryReviewedRejected_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )\r\n : null\r\n : null}\r\n {type === 'UNDER_REVIEW' &&\r\n translate(\r\n 'AlertsInProgress_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )}\r\n {type === 'IN_PROGRESS' &&\r\n translate(\r\n 'EntryReviewedAccepted_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )}\r\n {type === 'NOTICE' && title}\r\n \r\n
\r\n {/* Description */}\r\n {type === 'ON_HOLD' && (\r\n\r\n {/customs/i.test(agencyKey || '')\r\n ? translate('HoldAlert_Label')\r\n : translate('ClickBelowAdditionalInformation_Label')}\r\n
\r\n )}\r\n {(type === 'UNDER_REVIEW' || type === 'IN_PROGRESS') && (\r\n{translate('ClickBelowAdditionalInformation_Label')}
\r\n )}\r\n {type === 'NOTICE' && (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default DownloadLobbyDrawerCard;\r\n","import { clsx } from 'clsx';\r\nimport dayjs from 'dayjs';\r\nimport { memo, useEffect, useMemo, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport CloseButton from '../../../common/features/CloseButton';\r\nimport Spinner from '../../../common/features/Spinner';\r\nimport useTranslationHydration from '../../../common/hooks/useTranslationHydration';\r\nimport { useActiveNoticesQuery } from '../../../redux/api/noticesApi';\r\nimport { usePortalDispatch, usePortalSelector } from '../../../redux/hooks';\r\nimport { removeUnreadLobbyItems } from '../../../redux/reducers/alertsSlice';\r\nimport { useDebounce } from '../../hooks/useDebounce';\r\nimport type { ClearanceAlert } from '../../models/ClearanceAlert';\r\nimport type { DownloadLobbyItem } from '../../models/ReduxSlices';\r\nimport AlertDrawerCard from './AlertDrawerCard';\r\nimport DownloadLobbyDrawerCard from './DownloadLobbyDrawerCard';\r\n\r\nconst ENTER_TIMEOUT = 50;\r\nconst EXIT_TIMEOUT = 150;\r\n\r\ninterface AlertsDrawerProps {\r\n onToggleAlerts: () => void;\r\n}\r\n\r\nconst AlertsDrawer = memo(function AlertsDrawer({ onToggleAlerts }: AlertsDrawerProps) {\r\n const { alerts, downloadLobby } = usePortalSelector((state) => state.alerts);\r\n const dispatch = usePortalDispatch();\r\n\r\n useActiveNoticesQuery();\r\n\r\n const [showAnimation, setShowAnimation] = useState(false);\r\n const translate = useTranslationHydration();\r\n\r\n const debounceEnter = useDebounce(ENTER_TIMEOUT);\r\n const debounceExit = useDebounce(EXIT_TIMEOUT);\r\n\r\n useEffect(() => {\r\n debounceEnter(() => {\r\n setShowAnimation(true);\r\n });\r\n }, [debounceEnter]);\r\n\r\n useEffect(() => {\r\n dispatch(removeUnreadLobbyItems());\r\n }, [dispatch]);\r\n\r\n const handleExit = () => {\r\n setShowAnimation(false);\r\n\r\n debounceExit(() => {\r\n onToggleAlerts();\r\n });\r\n };\r\n\r\n const mappedAlerts = useMemo(() => {\r\n if (!alerts || !downloadLobby) return;\r\n\r\n const sortAlertsDownloads = (arr: (ClearanceAlert | DownloadLobbyItem)[]) =>\r\n arr.sort((a, b) => {\r\n const dateA = a.type === 'DOWNLOAD' ? a.createdOn : a.date;\r\n const dateB = b.type === 'DOWNLOAD' ? b.createdOn : b.date;\r\n\r\n return dayjs(dateB).valueOf() - dayjs(dateA).valueOf();\r\n });\r\n\r\n return [...alerts.notices, ...sortAlertsDownloads([...alerts.statusAlerts, ...downloadLobby])];\r\n }, [alerts, downloadLobby]);\r\n\r\n return (\r\n <>\r\n {ReactDOM.createPortal(\r\n <>\r\n \r\n \r\n ,\r\n document.querySelector('#portalDrawer') || document.body\r\n )}\r\n \r\n );\r\n});\r\n\r\nexport default AlertsDrawer;\r\n","import { imagingPackageStatusType } from '../../common/constants/constants-portal';\r\nimport { setCheckDownloadLobby, setInitialDownloadLobby } from '../reducers/alertsSlice';\r\nimport { addToast } from '../reducers/toastSlice';\r\nimport { apiSlice } from './apiSlice';\r\n\r\nexport interface CheckDownloadLobbyResponseModified {\r\n ImageUrl: string;\r\n ImagingPackageStatusTypeID: number;\r\n PackageId: number;\r\n PackageTypeID: number;\r\n PackageSource: string;\r\n}\r\n\r\nexport interface InitialDownloadLobbyResponseModified extends CheckDownloadLobbyResponseModified {\r\n CreatedDate: string;\r\n CountOfDocuments: number;\r\n EntryNumbers: string[];\r\n}\r\n\r\nexport const downloadLobbyApi = apiSlice.injectEndpoints({\r\n endpoints: (build) => ({\r\n checkDownloadLobby: build.query\r\n \r\n {/* Badge */}\r\n \r\n {badgeInfo.text}\r\n \r\n {/* Date */}\r\n \r\n {createDateForAlert(createdOn, languageSelected?.locale)}\r\n \r\n \r\n {/* Title */}\r\n
\r\n \r\n {titleLabel}\r\n
\r\n {/* Description */}\r\n\r\n {(packageSource === packageSources.Clearances || packageSource === packageSources.CAD) && !hasError ? '' : descLabel}\r\n
\r\n {/* Download button */}\r\n {hasError ? null : inProgress ? (\r\n \r\n ) : (\r\n \r\n {translate('DownloadButton_Label')}\r\n \r\n )}\r\n\r\n \r\n )}\r\n {/* View entry link */}\r\n {(type === 'ON_HOLD' || type === 'IN_PROGRESS' || type === 'UNDER_REVIEW') && (\r\n \r\n {translate('ViewEntry_Label')}\r\n \r\n )}\r\n
\r\n \r\n {/* Badge: Shipment on hold */}\r\n {type === 'ON_HOLD' && (\r\n \r\n \r\n )}\r\n {/* Badge: Shipment under review */}\r\n {type === 'UNDER_REVIEW' && (\r\n \r\n \r\n )}\r\n {/* Badge: In progress */}\r\n {type === 'IN_PROGRESS' && (\r\n \r\n {translate('StatusInProgress_Label')}\r\n \r\n )}\r\n {/*Badge: Livingston notice */}\r\n {type === 'NOTICE' && (\r\n \r\n {translate('LivingstonNoticeTitle_Label')}\r\n \r\n )}\r\n {/* Date and Close button */}\r\n
\r\n {/* Title */}\r\n \r\n
\r\n {createDateForAlert(date, languageSelected?.locale)}
\r\n\r\n \r\n {type?.toUpperCase() === 'ON_HOLD'\r\n ? /hold/i.test(eventTypeKey || '')\r\n ? translate(\r\n 'AlertsOnHold_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )\r\n : /rejected/i.test(eventTypeKey || '')\r\n ? translate(\r\n 'EntryReviewedRejected_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )\r\n : null\r\n : null}\r\n {type === 'UNDER_REVIEW' &&\r\n translate(\r\n 'AlertsInProgress_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )}\r\n {type === 'IN_PROGRESS' &&\r\n translate(\r\n 'EntryReviewedAccepted_Label',\r\n entryNumber,\r\n translate(AgencyList[agencyKey as keyof typeof AgencyList].label)\r\n )}\r\n {type === 'NOTICE' && title}\r\n \r\n
\r\n {/* Description */}\r\n {type === 'ON_HOLD' && (\r\n\r\n {/customs/i.test(agencyKey || '')\r\n ? translate('HoldAlert_Label')\r\n : translate('ClickBelowAdditionalInformation_Label')}\r\n
\r\n )}\r\n {(type === 'UNDER_REVIEW' || type === 'IN_PROGRESS') && (\r\n{translate('ClickBelowAdditionalInformation_Label')}
\r\n )}\r\n {type === 'NOTICE' && (\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default DownloadLobbyToastCard;\r\n","import dayjs from 'dayjs';\r\nimport { useEffect, useMemo } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useInitialDownloadLobbyQuery, useLazyCheckDownloadLobbyQuery } from '../../../redux/api/downloadLobbyApi';\r\nimport { usePortalSelector } from '../../../redux/hooks';\r\nimport { useDebounce } from '../../hooks/useDebounce';\r\nimport type { ClearanceAlert } from '../../models/ClearanceAlert';\r\nimport type { DownloadLobbyItem } from '../../models/ReduxSlices';\r\nimport AlertToastCard from './AlertToastCard';\r\nimport DownloadLobbyToastCard from './DownloadLobbyToastCard';\r\n\r\nconst ALERTS_TOAST_TIME_KEY = 'alertsToastTime';\r\nconst TIMEOUT = 5000;\r\n\r\nconst AlertsToasts = () => {\r\n const { alerts, downloadLobby } = usePortalSelector((state) => state.alerts);\r\n const { pathname } = useLocation();\r\n\r\n useInitialDownloadLobbyQuery();\r\n const [checkDownloadLobby] = useLazyCheckDownloadLobbyQuery();\r\n\r\n const debounce = useDebounce(TIMEOUT);\r\n useEffect(() => {\r\n let isCurrent = true;\r\n\r\n async function scheduleCheck() {\r\n if (!isCurrent) return;\r\n\r\n const foundPackageId = downloadLobby?.find((i) => i.inProgress)?.packageId;\r\n\r\n if (!foundPackageId) return;\r\n\r\n await checkDownloadLobby(foundPackageId);\r\n\r\n if (isCurrent) debounce(scheduleCheck);\r\n }\r\n\r\n scheduleCheck();\r\n\r\n return () => {\r\n isCurrent = false;\r\n };\r\n }, [checkDownloadLobby, debounce, downloadLobby]);\r\n\r\n const filteredToasts = useMemo(() => {\r\n if (!alerts || !downloadLobby) return;\r\n\r\n const alertsToastTime = localStorage.getItem(ALERTS_TOAST_TIME_KEY);\r\n\r\n const sortAlertsDownloads = (arr: (ClearanceAlert | DownloadLobbyItem)[]) =>\r\n arr.sort((a, b) => {\r\n const dateA = a.type === 'DOWNLOAD' ? a.createdOn : a.date;\r\n const dateB = b.type === 'DOWNLOAD' ? b.createdOn : b.date;\r\n\r\n return dayjs(dateB).valueOf() - dayjs(dateA).valueOf();\r\n });\r\n\r\n const visibleDownloads =\r\n pathname.startsWith('/Clearances') || pathname.startsWith('/Documents') || pathname.startsWith('/CompleteEntryData')\r\n ? downloadLobby\r\n : [];\r\n\r\n if (!alertsToastTime) {\r\n return [...alerts.notices, ...sortAlertsDownloads([...alerts.statusAlerts, ...visibleDownloads])];\r\n }\r\n\r\n const filteredNotices = alerts.notices.filter(\r\n (notice) => dayjs(notice.date).utc().valueOf() > dayjs(alertsToastTime).utc().valueOf()\r\n );\r\n const filteredAlerts = alerts.statusAlerts.filter(\r\n (alert) => dayjs(alert.date).utc().valueOf() > dayjs(alertsToastTime).utc().valueOf()\r\n );\r\n const filteredDownloads = visibleDownloads.filter(\r\n (download) => dayjs(download.createdOn).utc().valueOf() > dayjs(alertsToastTime).utc().valueOf()\r\n );\r\n\r\n return [...filteredNotices, ...sortAlertsDownloads([...filteredAlerts, ...filteredDownloads])];\r\n }, [alerts, downloadLobby, pathname]);\r\n\r\n useEffect(() => {\r\n if (!filteredToasts?.length) return;\r\n\r\n localStorage.setItem(ALERTS_TOAST_TIME_KEY, dayjs().toISOString());\r\n }, [filteredToasts?.length]);\r\n\r\n return (\r\n <>\r\n {filteredToasts?.map((item) => {\r\n if (item.type === 'DOWNLOAD') {\r\n return \r\n {/* Badge */}\r\n \r\n {badgeInfo.text}\r\n \r\n {/* Date and Close button */}\r\n
\r\n {/* Title */}\r\n \r\n
\r\n {createDateForAlert(createdOn, languageSelected?.locale)}
\r\n\r\n {titleLabel}\r\n
\r\n {/* Description */}\r\n\r\n {(packageSource === packageSources.Clearances || packageSource === packageSources.CAD) && !hasError ? '' : descLabel}\r\n
\r\n {/* Download button */}\r\n {hasError ? null : inProgress ? (\r\n \r\n ) : (\r\n \r\n {translate('DownloadButton_Label')}\r\n \r\n )}\r\n\r\n
\r\n );\r\n};\r\n\r\nconst ErrorPageDefault: React.FC\r\n 
\r\n
\r\n \r\n {title}
\r\n {/* Commented until further review */}\r\n {/*{description}
*/}\r\n\r\n
\r\n );\r\n};\r\n\r\nconst ErrorPage: React.FC\r\n \r\n
\r\n \r\n {title}
\r\n {/* Commented until further review */}\r\n {/*{description}
*/}\r\n\r\n \r\n {icon ? (\r\n \r\n 3\r\n ? 'translate(-10px, 50px)'\r\n : `${styles.popper.transform}`\r\n : mobileView && icon && waffleMenuItemsLength\r\n ? waffleMenuItemsLength > 3\r\n ? 'translate(10px, 50px)'\r\n : `${styles.popper.transform}`\r\n : `${styles.popper.transform}`\r\n }}\r\n {...attributes.popper}\r\n >\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport default DropdownMenuButton;\r\n","import React from 'react';\r\n\r\ninterface UserProfileImageProps {\r\n style?: React.CSSProperties;\r\n}\r\n\r\nexport const UserProfileImage: React.FC{children}
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default HeaderNavItem;\r\n","import type { SolutionMenuItem } from '../../common/models/ResponseData';\r\nimport { apiSlice } from './apiSlice';\r\n\r\ninterface SolutionsMenuResponse {\r\n SolutionsMenuItems: null | SolutionMenuItem[];\r\n IsUserConfigured: boolean;\r\n}\r\n\r\ninterface SolutionsMenuResponseModified {\r\n solutionsMenuItems: null | SolutionMenuItem[];\r\n isUserConfigured: boolean;\r\n}\r\n\r\ninterface SaveSolutionsMenuBody {\r\n SolutionsMenuItems: null | SolutionMenuItem[];\r\n token: string | null;\r\n IsUserConfigured: boolean;\r\n}\r\n\r\nexport const portalSolutionsMenuApi = apiSlice.injectEndpoints({\r\n endpoints: (build) => ({\r\n getPortalSolutionsMenu: build.query\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default WaffleDraggableItem;\r\n","import { faThLarge } from '@fortawesome/free-solid-svg-icons';\r\nimport { clsx } from 'clsx';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { DndProvider } from 'react-dnd';\r\nimport { HTML5Backend } from 'react-dnd-html5-backend';\r\nimport { useLazyGetPortalSolutionsMenuQuery, useSavePortalSolutionsMenuMutation } from '../../../../redux/api/portalSolutionsMenuApi';\r\nimport { usePortalSelector } from '../../../../redux/hooks';\r\nimport { useDebounce } from '../../../hooks/useDebounce';\r\nimport useDropdownToggle from '../../../hooks/useDropdownToggle';\r\nimport useGTMEventTracking from '../../../hooks/useGTMEventTracking';\r\nimport useTranslationHydration from '../../../hooks/useTranslationHydration';\r\nimport type { SolutionMenuItem } from '../../../models/ResponseData';\r\nimport DropdownMenuButton from '../../DropdownMenuButton';\r\nimport WaffleDraggableItem from './WaffleDraggableItem';\r\n\r\nconst TIMEOUT = 3000;\r\n\r\nconst WaffleDraggableDropdown = () => {\r\n const { user } = usePortalSelector((state) => state.hydration);\r\n\r\n const translate = useTranslationHydration();\r\n\r\n const token = localStorage.getItem('token');\r\n\r\n const [getPortalSolutionsMenuQuery] = useLazyGetPortalSolutionsMenuQuery();\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [items, setItems] = useState\r\n
\r\n \r\n appItem.Label === item.label)[0]?.Icon} />\r\n
\r\n {translate(item.label)}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n ? {\r\n gridTemplateRows: items.length ? `repeat(${Math.ceil(items.length / 2)}, 50px)` : '',\r\n gridAutoFlow: 'column'\r\n }\r\n : undefined\r\n }\r\n >\r\n {items.map((item: SolutionMenuItem, index: number) => (\r\n
\r\n \r\n {translate('PortalApps_Label')}
\r\n\r\n
\r\n {title}
\r\n \r\n );\r\n\r\n if (target === '_blank' || url.startsWith('tel:') || url.startsWith('mailto:')) {\r\n return (\r\n \r\n {content}\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {content}\r\n \r\n );\r\n});\r\n\r\nexport default SidebarNavFooterHelpItem;\r\n","import { faGlobe } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { clsx } from 'clsx';\r\nimport React from 'react';\r\nimport { REACT_APP_ASSETS_URL } from '../constants/constants-portal';\r\n\r\ninterface CountryFlagProps {\r\n countryCode: string;\r\n width?: string;\r\n height?: string;\r\n className?: string;\r\n}\r\n\r\nconst COUNTRY_FLAGS: Record\r\n \r\n {languageSelected && (\r\n <>\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SidebarNavLanguageSelector;\r\n","import { faComments, faGraduationCap, faPhone, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport React, { useRef } from 'react';\r\nimport LiveChat from '../../../common/features/LiveChat';\r\nimport useTranslationHydration from '../../../common/hooks/useTranslationHydration';\r\nimport { usePortalSelector } from '../../../redux/hooks';\r\nimport { PortalRoutes } from '../../constants/constants-portal';\r\nimport useGTMEventTracking from '../../hooks/useGTMEventTracking';\r\nimport SidebarNavFooterHelpItem from './SidebarNavFooterHelpItem';\r\nimport SidebarNavLanguageSelector from './SidebarNavLanguageSelector';\r\n\r\ninterface SidebarNavFooterProps {\r\n onLanguageChange: (payload: number) => void;\r\n}\r\n\r\nconst SidebarNavFooter: React.FC\r\n {languageSelected &&\r\n LanguageCodes.map((lang, index) => {\r\n const isActive = languageSelected.code === lang.code;\r\n\r\n return (\r\n onLanguageChange(index)}\r\n style={isActive ? { backgroundColor: 'inherit' } : undefined}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n {user?.ContactUs && (\r\n <>\r\n
\r\n );\r\n};\r\n\r\nexport default SidebarNavFooter;\r\n","import type { IconDefinition } from '@fortawesome/free-solid-svg-icons';\r\nimport { NavLink } from 'react-router-dom';\r\nimport classes from './SidebarNavItem.module.css';\r\n\r\ninterface SidebarNavItemProps {\r\n url: string;\r\n title: string;\r\n icon: IconDefinition;\r\n onClick: () => void;\r\n}\r\n\r\nconst SidebarNavItem: React.FC{translate('NeedHelp_Label')}
\r\n\r\n
\r\n {translate('PreferredLanguage_Label')}
\r\n\r\n \r\n `${\r\n isActive ? `menu-item--active active ${classes.active}` : ''\r\n } list-group-item sidebar-list-group-item d-flex align-items-center`\r\n }\r\n to={url}\r\n onClick={onClick}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default SidebarNavItem;\r\n","import { faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { clsx } from 'clsx';\r\nimport { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react';\r\nimport { Breakpoints, SidebarNavItems } from '../../../common/constants/constants-portal';\r\nimport useTranslationHydration from '../../../common/hooks/useTranslationHydration';\r\nimport { useGetShipmentDataSourceQuery } from '../../../pages/clearances/redux/api/clearancesApi';\r\nimport { resetAdvancedSearchSettings } from '../../../pages/clearances/redux/reducers/advancedSearchSettingsSlice';\r\nimport { resetDateRange } from '../../../pages/clearances/redux/reducers/dateRangeSlice';\r\nimport { resetSearchFilter } from '../../../pages/clearances/redux/reducers/searchSlice';\r\nimport { resetShipmentGridSettings } from '../../../pages/clearances/redux/reducers/shipmentGridSettingsSlice';\r\nimport { resetStatus } from '../../../pages/clearances/redux/reducers/shipmentStatusSlice';\r\nimport { usePortalDispatch, usePortalSelector } from '../../../redux/hooks';\r\nimport { LivingstonLogoPortal } from '../../features/LivingstonLogoPortal';\r\nimport useMediaQuery from '../../hooks/useMediaQuery';\r\nimport SidebarCloseButton from './SidebarCloseButton';\r\nimport SidebarNavFooter from './SidebarNavFooter';\r\nimport SidebarNavItem from './SidebarNavItem';\r\n\r\ninterface SidebarProps {\r\n onLanguageChange: (payload: number) => void;\r\n}\r\n\r\nexport type SidebarActions = {\r\n toggleOpen: () => void;\r\n close: () => void;\r\n};\r\n\r\nconst SidebarRef = forwardRef\r\n
\r\n )}\r\n {/* Status: fulfilled */}\r\n {!userIsLoading &&\r\n !pageLoading &&\r\n !translationsLoading &&\r\n !userError &&\r\n !translationsError &&\r\n !isShipmentDataSourceLoading &&\r\n (shipmentDataSource !== shipmentDataSourceConstants.ca || cadCustomsInfoId) && (\r\n \r\n {/* Sidebar */}\r\n
\r\n )}\r\n {/* Status: rejected */}\r\n {errorStatus && (\r\n \r\n {/* Header navigation */}\r\n \r\n \r\n {/* Alerts drawer */}\r\n {showAlerts &&
\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\nimport type { TranslationsSlice } from '../../common/models/ReduxSlices';\r\nimport { ChangeLanguage, GetTranslations } from '../actions/translations';\r\n\r\nconst initialState: TranslationsSlice = {\r\n translations: null,\r\n isLoading: true,\r\n error: undefined\r\n};\r\n\r\nconst translationsSlice = createSlice({\r\n name: 'translations',\r\n initialState,\r\n reducers: {},\r\n extraReducers: (builder) => {\r\n builder\r\n .addCase(GetTranslations.pending, (state, action) => {\r\n state.isLoading = true;\r\n state.error = undefined;\r\n })\r\n .addCase(GetTranslations.fulfilled, (state, action) => {\r\n state.isLoading = false;\r\n state.translations = action.payload;\r\n })\r\n .addCase(GetTranslations.rejected, (state, action) => {\r\n state.isLoading = false;\r\n if (typeof action.payload === 'number') {\r\n state.error = action.payload;\r\n } else {\r\n state.error = action.error.message;\r\n }\r\n })\r\n .addCase(ChangeLanguage.pending, (state, action) => {\r\n state.error = undefined;\r\n })\r\n .addCase(ChangeLanguage.fulfilled, (state, action) => {\r\n state.translations = action.payload.PhraseGroup;\r\n })\r\n .addCase(ChangeLanguage.rejected, (state, action) => {\r\n if (typeof action.payload === 'number') {\r\n state.error = action.payload;\r\n } else {\r\n state.error = action.error.message;\r\n }\r\n });\r\n }\r\n});\r\n\r\nexport default translationsSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst initialState = {\r\n token: null\r\n};\r\n\r\nconst authSlice = createSlice({\r\n name: 'auth',\r\n initialState,\r\n reducers: {\r\n signIn(state, action) {\r\n const { token } = action.payload;\r\n return {\r\n ...state,\r\n token\r\n };\r\n },\r\n signOut() {\r\n return initialState;\r\n }\r\n }\r\n});\r\n\r\nexport const { signIn, signOut } = authSlice.actions;\r\n\r\nexport default authSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\nimport { ClearancesDownload } from '../../common/models/ReduxSlices';\r\nimport { DownloadClearancesData } from '../actions/clearancesDownload';\r\n\r\nconst initialState: ClearancesDownload = {\r\n downloadData: null,\r\n isLoading: false,\r\n error: undefined\r\n};\r\n\r\nconst clearancesDownloadSlice = createSlice({\r\n name: 'clearancesDownload',\r\n initialState,\r\n reducers: {},\r\n extraReducers: (builder) => {\r\n builder\r\n // DOWNLOAD CLEARANCES\r\n .addCase(DownloadClearancesData.pending, (state) => {\r\n state.isLoading = true;\r\n })\r\n .addCase(DownloadClearancesData.fulfilled, (state, action) => {\r\n state.isLoading = false;\r\n state.downloadData = action.payload;\r\n })\r\n .addCase(DownloadClearancesData.rejected, (state, action) => {\r\n state.isLoading = false;\r\n\r\n if (typeof action.payload === 'number') {\r\n state.error = action.payload;\r\n } else {\r\n state.error = action.error.message;\r\n }\r\n });\r\n }\r\n});\r\n\r\nexport default clearancesDownloadSlice.reducer;\r\n","import { createGenericGridSettingsSlice, genericGridSettingsInitialState } from '../../../../redux/reducers/genericGridSettingsSlice';\r\n\r\nconst clearancesGridSettingsSlice = createGenericGridSettingsSlice({\r\n name: 'clearancesGridSettings',\r\n initialState: genericGridSettingsInitialState,\r\n reducers: {}\r\n});\r\n\r\nexport const {\r\n setPageSelected,\r\n setDataState,\r\n setTotalItems,\r\n setSelectedState,\r\n setHeaderCheckbox,\r\n setCurrentDataItems,\r\n setSort,\r\n resetDataState,\r\n resetSelectedState\r\n} = clearancesGridSettingsSlice.actions;\r\n\r\nexport default clearancesGridSettingsSlice.reducer;\r\n","import { configureStore } from '@reduxjs/toolkit';\r\nimport { apiSlice } from '../../../redux/api/apiSlice';\r\nimport alertsReducer from '../../../redux/reducers/alertsSlice';\r\nimport clientSelectionReducer from '../../../redux/reducers/clientSelectionReducer';\r\nimport ellipsisReducer from '../../../redux/reducers/ellipsisSlice';\r\nimport hydrationReducer from '../../../redux/reducers/hydrationSlice';\r\nimport languageReducer from '../../../redux/reducers/languageSlice';\r\nimport toastReducer from '../../../redux/reducers/toastSlice';\r\nimport translationsReducer from '../../../redux/reducers/translationsSlice';\r\nimport viewImagesSlice from '../../../redux/reducers/viewImagesSlice';\r\nimport advancedSearchSettingsReducer from './reducers/advancedSearchSettingsSlice';\r\nimport authReducer from './reducers/authSlice';\r\nimport cadDetailsReducer from './reducers/cadDetailsSlice';\r\nimport clearancesDownloadReducer from './reducers/clearancesDownloadSlice';\r\nimport clearancesGridPreferencesReducer from './reducers/clearancesGridPreferencesSlice';\r\nimport clearancesGridSettingsReducer from './reducers/clearancesGridSettingsSlice';\r\nimport clearanceSubscribersGridSettingsReducer from './reducers/clearanceSubscribersGridSettingsSlice';\r\nimport clearanceSubscribersReducer from './reducers/clearanceSubscribersSlice';\r\nimport dateRangeReducer from './reducers/dateRangeSlice';\r\nimport documentsReducer from './reducers/documentsSlice';\r\nimport searchFilterReducer from './reducers/searchSlice';\r\nimport shipmentDetailsReducer from './reducers/shipmentDetailsSlice';\r\nimport shipmentGridSettingsReducer from './reducers/shipmentGridSettingsSlice';\r\nimport shipmentListReducer from './reducers/shipmentListSlice';\r\nimport shipmentStatusReducer from './reducers/shipmentStatusSlice';\r\n\r\nconst store = configureStore({\r\n reducer: {\r\n [apiSlice.reducerPath]: apiSlice.reducer,\r\n // common slices\r\n hydration: hydrationReducer,\r\n translations: translationsReducer,\r\n language: languageReducer,\r\n alerts: alertsReducer,\r\n clientSelection: clientSelectionReducer,\r\n toast: toastReducer,\r\n viewImages: viewImagesSlice,\r\n ellipsis: ellipsisReducer,\r\n\r\n // page specific slices\r\n auth: authReducer,\r\n shipmentDetails: shipmentDetailsReducer,\r\n clearanceSubscribers: clearanceSubscribersReducer,\r\n shipmentsWithTotals: shipmentListReducer,\r\n shipmentStatus: shipmentStatusReducer,\r\n dateRange: dateRangeReducer,\r\n shipmentGridSettings: shipmentGridSettingsReducer,\r\n advancedSearchSettings: advancedSearchSettingsReducer,\r\n searchFilter: searchFilterReducer,\r\n clearanceSubscribersGridSettings: clearanceSubscribersGridSettingsReducer,\r\n clearancesGridPreferences: clearancesGridPreferencesReducer,\r\n clearanceDocuments: documentsReducer,\r\n clearancesGridSettings: clearancesGridSettingsReducer,\r\n cadDetails: cadDetailsReducer,\r\n clearancesDownload: clearancesDownloadReducer\r\n },\r\n middleware: (gDM) => gDM().concat(apiSlice.middleware)\r\n});\r\n\r\nexport type AppDispatch = typeof store.dispatch;\r\nexport type RootState = ReturnType\r\n \r\n {limitText}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DownloadAllLink;\r\n","import React from 'react';\r\n\r\ninterface GridHeaderProps {\r\n children?: React.ReactNode;\r\n columnsDropdown?: React.ReactNode;\r\n}\r\n\r\nconst GridHeader = React.forwardRef\r\n
\r\n );\r\n});\r\n\r\nexport default GridHeader;\r\n","import { RefObject } from 'react';\r\n\r\ninterface FilterBarHasFixedWidthProps {\r\n scrollableDivRef: RefObject\r\n
\r\n \r\n
\r\n \r\n
\r\n {columnsDropdown && columnsDropdown}\r\n {children}
\r\n \r\n {\r\n // Prevent special characters from being added & character limit\r\n if (\r\n /[^a-zA-Z0-9,_\\s-/]/.test(e.key) ||\r\n e.key === 'Enter' ||\r\n (spanRef.current && spanRef.current?.innerText?.length >= remainingSpace + startingLength)\r\n ) {\r\n e.preventDefault();\r\n }\r\n }}\r\n onPaste={(e) => {\r\n // @ts-ignore\r\n let paste = (e.clipboardData || window?.clipboardData).getData('text');\r\n\r\n if (/[^a-zA-Z0-9,_\\s-/]/.test(paste)) {\r\n e.preventDefault();\r\n }\r\n }}\r\n >\r\n {text}\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchChip;\r\n","import { faSearch, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { clsx } from 'clsx';\r\nimport { ChangeEvent, FormEvent, useEffect, useRef, useState } from 'react';\r\nimport { generateUUID } from '../../../../../common/functions/utils';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { useCompleteEntryDataDispatch, useCompleteEntryDataSelector } from '../../../redux/hooks';\r\nimport {\r\n updateMainSearchFilter,\r\n updateSearchKeywords,\r\n updateSubmittedSearchKeywords\r\n} from '../../../redux/reducers/completeEntryDataSlice';\r\nimport SearchChip from './SearchChip';\r\nimport './styles.css';\r\n\r\nconst SEARCH_TERMS_LIMIT = 10;\r\n\r\nconst areArraysEqual = (a: { id: string; text: string }[], b: { id: string; text: string }[]) =>\r\n a.length === b.length && a.every((element, index) => element.id === b[index].id);\r\n\r\nconst CADSearchBar = () => {\r\n const { user } = useCompleteEntryDataSelector((state) => state.hydration);\r\n const { initialClientSelection } = useCompleteEntryDataSelector((state) => state.clientSelection);\r\n const { searchKeywords: reduxSearchKeywords } = useCompleteEntryDataSelector((state) => state.completeEntryData);\r\n const dispatch = useCompleteEntryDataDispatch();\r\n\r\n const translate = useTranslation();\r\n\r\n const inputRef = useRef\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {searchKeywords.map(({ id, text }) => (\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 CADSearchBar;\r\n","import { createAsyncThunk } from '@reduxjs/toolkit';\r\nimport axios from '../../../../axios-portal';\r\nimport { API_CLEARANCES_PATH } from '../../../../common/constants/constants-portal';\r\nimport { ColumnSettings } from '../../../../common/models/GridPreferences';\r\nimport { GET_CAD_GRID_PREFERENCES, SAVE_CAD_GRID_PREFERENCES } from './actionTypes';\r\n\r\nexport const GetUserCADGridSetting = createAsyncThunk(GET_CAD_GRID_PREFERENCES, async (payload: { area: string }, { rejectWithValue }) => {\r\n try {\r\n const response = await axios.get\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default DateComponent;\r\n","import { clsx } from 'clsx';\r\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { DateRangeDocumentsFilter } from '../../../../documents/common/constants/constants-documents';\r\nimport DateComponent from '../../../../documents/screens/Filters/DateFilter/DateComponent';\r\nimport { useCompleteEntryDataSelector } from '../../../redux/hooks';\r\n\r\nconst formatDateLabel = (date: string) => date.replaceAll('-', '/');\r\n\r\ninterface DangerFilterProps {\r\n setDate: (param: string) => void;\r\n date: string;\r\n dateFilterParam: string;\r\n setDateFilterParam: (param: string) => void;\r\n type: string;\r\n btnClass?: string;\r\n isOpen: boolean;\r\n onClick: () => void;\r\n handleToggle: () => void;\r\n startDateCa: string;\r\n endDateCa: string;\r\n setEndDateCa: (param: string) => void;\r\n setStartDateCa: (param: string) => void;\r\n pageWhereComponentIsCalled?: string;\r\n PropDateValue: (dateValue: string) => void;\r\n propDateLabel: (dateValue: string) => void;\r\n setappliedDate: (dateValue: string) => void;\r\n setappliedType: (dateValue: string) => void;\r\n secondDropdownFunction?: (\r\n handleSelection: any,\r\n dateRangeIndex: any,\r\n dateRange: any,\r\n searchTypeCode: any,\r\n attribute: any,\r\n handleToggle: any\r\n ) => void;\r\n applyButtonFunction: (attribute: string, selectedOption: string, selectedValue: string, endDate: string, startDate: string) => void;\r\n dateDropdownLabel: string;\r\n appliedDate: string;\r\n appliedType: string;\r\n title: string;\r\n}\r\n\r\nconst DateRangeFilter = forwardRef\r\n \r\n {dropdownLabel}\r\n \r\n
\r\n )}\r\n {showDateRange && (\r\n \r\n {isOpen && !showDateRange && (\r\n {\r\n setDateFilterParam(id);\r\n setDate(id);\r\n PropDateValue(id);\r\n propDateLabel(label);\r\n handleToggle();\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n })}\r\n \r\n {filteredDateRangeOptions.map(({ id, label }) => {\r\n if (id === 'CUSTOM') {\r\n return (\r\n {\r\n setShowDateRange(true);\r\n }}\r\n >\r\n
\r\n );\r\n } else {\r\n return (\r\n {translate(label)}
\r\n {translate(label)}
\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n});\r\n\r\nexport default DateRangeFilter;\r\n","import { useEffect, useRef, useState } from 'react';\r\nimport DropdownMenuButton from '../../../../../common/features/DropdownMenuButton';\r\nimport useDropdownToggle from '../../../../../common/hooks/useDropdownToggle';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { DateRangeDocumentsFilter, DateTypeCompleteEntryDataPage } from '../../../../documents/common/constants/constants-documents';\r\nimport { useCompleteEntryDataDispatch } from '../../../redux/hooks';\r\nimport { updateShouldSubmitSearch } from '../../../redux/reducers/completeEntryDataSlice';\r\nimport { setAppliedType, updateIsDateOpen } from '../../../redux/reducers/dateFilterSlice';\r\nimport DateRangeFilter from './DateRangeFilter';\r\n\r\ninterface Props {\r\n setDate: (dateValue: string) => void;\r\n setType: (dateType: string) => void;\r\n propDateLabel: (dateType: string) => void;\r\n setEndDateCa: (dateType: string) => void;\r\n setStartDateCa: (dateType: string) => void;\r\n setappliedDate: (dateValue: string) => void;\r\n setappliedType: (dateValue: string) => void;\r\n applyButtonFunction: (attribute: string, selectedOption: string, selectedValue: string, endDate: string, startDate: string) => void;\r\n date: string;\r\n type: string;\r\n dateDropdownLabel: string;\r\n startDateCa: string;\r\n endDateCa: string;\r\n appliedDate: string;\r\n appliedType: string;\r\n}\r\n\r\nconst DateDocumentsFilter: React.FC\r\n
\r\n {translate('SelectCustomDateRange_Label')}
\r\n\r\n
\r\n \r\n {\r\n setShowDateRange(false);\r\n setStartDateCa('');\r\n setEndDateCa('');\r\n }}\r\n >\r\n {translate('Cancel_Label')}\r\n \r\n {\r\n setShowDateRange(false);\r\n\r\n if (startDateCa !== '' && endDateCa !== '') setDate(`${startDateCa}-${endDateCa}`);\r\n\r\n PropDateValue(`${startDateCa}-${endDateCa}`);\r\n handleToggle();\r\n }}\r\n >\r\n {translate('Apply_Label')}\r\n \r\n
\r\n \r\n
\r\n {translate('FilterByDate_Label')}
\r\n \r\n
\r\n \r\n \r\n {\r\n nestedHandleToggle();\r\n }}\r\n ref={dropdownNestedMenuRef}\r\n btnClassName='btn-sm dropdown-toggle mb-2 btn-block'\r\n style={{ minWidth: '155px' }}\r\n childrenDivClassName=''\r\n >\r\n {DateTypeCompleteEntryDataPage.map((item, index) => (\r\n {\r\n nestedHandleToggle();\r\n setType(item.label);\r\n applyButtonFunction(\r\n 'Date',\r\n type.replaceAll('_Label', '').replaceAll(' ', ''),\r\n dateFilterParam,\r\n endDateCa,\r\n startDateCa\r\n );\r\n }}\r\n >\r\n {translate(item.label)}\r\n
\r\n ))}\r\n \r\n \r\n \r\n {translate('Cancel_Label')}\r\n \r\n {\r\n handleToggle();\r\n dispatch(updateIsDateOpen(true));\r\n dispatch(updateShouldSubmitSearch(true));\r\n setappliedDate(date);\r\n setappliedType(type);\r\n }}\r\n >\r\n {translate('Apply_Label')}\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default DateDocumentsFilter;\r\n","import { faSearch, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport Button from '../../../../../common/features/Button';\r\nimport Checkbox from '../../../../../common/features/Checkbox';\r\nimport DropdownMenuButton from '../../../../../common/features/DropdownMenuButton';\r\nimport useDropdownToggle from '../../../../../common/hooks/useDropdownToggle';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { useCompleteEntryDataDispatch, useCompleteEntryDataSelector } from '../../../redux/hooks';\r\nimport { updateSelectLocationFilter } from '../../../redux/reducers/completeEntryDataSlice';\r\nimport {\r\n cancelSelectedItems,\r\n setApplySelectLocation,\r\n setIsLocationSelectOpen,\r\n toggleCheckbox,\r\n updateApplyLocationFiltered\r\n} from '../../../redux/reducers/locationFilterSlice';\r\n\r\ninterface Location {\r\n Name: string;\r\n SearchTypeCodes: string[];\r\n Value: string;\r\n DataType: string;\r\n IsSelected: boolean;\r\n SortValue: string | null;\r\n}\r\n\r\nconst DropdownLocationFilter = () => {\r\n const [searchTerm, setSearchTerm] = useState('');\r\n const [searchedOptions, setSearchedOptions] = useState\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/* Provided dropdown options */}\r\n {searchedOptions.map((option, index) => (\r\n \r\n {\r\n handleLocationCheckboxChange(\r\n option.Name,\r\n `${option.Name.replace(/[,\\s]/g, '')}${option.Value}${locationTypeSelected?.attribute}`\r\n );\r\n }}\r\n >\r\n {`${option.Value} - ${option.Name}`}\r\n \r\n \r\n ))}\r\n
\r\n {/* Cancel and Apply */}\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default DropdownLocationFilter;\r\n","import { useEffect, useRef, useState } from 'react';\r\nimport DropdownMenuButton from '../../../../../common/features/DropdownMenuButton';\r\nimport useDropdownToggle from '../../../../../common/hooks/useDropdownToggle';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { locationFilterType } from '../../../common/constants/complete-entry-data-constants';\r\nimport { useCompleteEntryDataDispatch, useCompleteEntryDataSelector } from '../../../redux/hooks';\r\nimport { setPageSelected } from '../../../redux/reducers/completeEntryDataGridSettingsSlice';\r\nimport {\r\n updateLocationTypeFilter,\r\n updateSelectLocationFilter,\r\n updateShouldSubmitSearch\r\n} from '../../../redux/reducers/completeEntryDataSlice';\r\nimport {\r\n cancelSelectedItems,\r\n resetLocationFilters,\r\n setAppliedLocationType,\r\n setIsFirstLocationSelectOpen,\r\n setLocationTypeSelected,\r\n setSelectedLocationLabels\r\n} from '../../../redux/reducers/locationFilterSlice';\r\nimport DropdownLocationFilter from './DropdownLocationFilter';\r\n\r\nconst LocationFilter = () => {\r\n const dropdownMenuRef = useRef(null);\r\n const dropdownNestedMenuRef = useRef(null);\r\n const [selectedLabels, setSelectedLabels] = useState\r\n
\r\n \r\n {checkedNameItems.length} {translate('SelectedItems_Label')}\r\n
\r\n \r\n {\r\n handleToggle();\r\n dispatch(cancelSelectedItems());\r\n handleCancel();\r\n }}\r\n />\r\n {\r\n handleToggle();\r\n if (locationTypeSelected && locationTypeSelected.attribute) {\r\n handleApply(locationTypeSelected?.attribute, checkedNameItems, checkedIdItems);\r\n handleApplyButtonClick();\r\n setSearchTerm('');\r\n }\r\n }}\r\n children={translate('Apply_Label')}\r\n />\r\n
\r\n \r\n
\r\n {translate('FilterByLocation_Label')}
\r\n \r\n
\r\n \r\n \r\n {\r\n nestedHandleToggle();\r\n }}\r\n ref={dropdownNestedMenuRef}\r\n btnClassName='btn-sm dropdown-toggle mb-2 ml-1 btn-block'\r\n style={{ minWidth: '155px' }}\r\n childrenDivClassName=''\r\n >\r\n {locationFilterType.map((item, index) => (\r\n {\r\n nestedHandleToggle();\r\n handleSelection(index);\r\n }}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n {translate(item.label)}\r\n
\r\n ))}\r\n \r\n \r\n \r\n {translate('Cancel_Label')}\r\n \r\n {\r\n handleToggle();\r\n dispatch(setSelectedLocationLabels({ checkedNameItems, checkedIdItems }));\r\n dispatch(updateShouldSubmitSearch(true));\r\n\r\n dispatch(setAppliedLocationType(locationTypeSelected));\r\n if (!checkedNameItems.length) {\r\n dispatch(updateLocationTypeFilter(''));\r\n }\r\n }}\r\n >\r\n {translate('Apply_Label')}\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default LocationFilter;\r\n","import { useEffect, useState } from 'react';\r\nimport FilterDropdown from '../../../../../common/features/FilterDropdown';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { MOTFilter as MOTFilterOption } from '../../../../documents/common/constants/constants-documents';\r\nimport { MOTHashMap } from '../../../common/constants/complete-entry-data-constants';\r\nimport { useCompleteEntryDataDispatch, useCompleteEntryDataSelector } from '../../../redux/hooks';\r\nimport { updateMOTFilter, updateShouldSubmitSearch } from '../../../redux/reducers/completeEntryDataSlice';\r\nimport { setSelectedArraySelectedStringArray } from '../../../redux/reducers/motFilterSlice';\r\n\r\nconst MOTFilter = () => {\r\n const { selectedStringArray } = useCompleteEntryDataSelector((state) => state.motFilter);\r\n const translate = useTranslation();\r\n const dispatch = useCompleteEntryDataDispatch();\r\n\r\n const [selectedOptionsArray, setSelectedOptionsArray] = useState\r\n \r\n {`${translate('NoMatchingResults_Label')} ${submitedSearchKeywords.length > 0 ? translate('For_Label') : ''} `}\r\n {submitedSearchKeywords?.map(({ id, text }) => (\r\n
\r\n
\r\n {clientSelection?.ClientServices.length === 0 && (\r\n \r\n {`${translate('NoMatchingResults_Label')} ${submitedSearchKeywords.length > 0 ? translate('For_Label') : ''} `}\r\n {submitedSearchKeywords?.map(({ id, text }) => (\r\n \r\n {`‘${text}’`}\r\n \r\n \r\n ))}\r\n
\r\n {`${translate('AdvancedSearchResultsBlankState_Label')} \r\n ${translate('NoClientsSelected_Label')}`}
\r\n )}\r\n {clientSelection?.ClientServices.length !== 0 && (\r\n <>\r\n{translate('SearchTerms_Label')}
\r\n- \r\n {caBullet.map((x) => (\r\n
- {translate(x)} \r\n ))}\r\n
{translate('OtherSuggestions_Label')}
\r\n- \r\n {other.map((x) => (\r\n
- {translate(x)} \r\n ))}\r\n
\r\n
\r\n ) : (\r\n \r\n
\r\n );\r\n },\r\n [headerCheckbox, handleHeaderCheckbox]\r\n );\r\n\r\n // Pagination Section Change\r\n const pageChange = (event: GridPageChangeEvent) => {\r\n dispatch(setPageSelected(event.page.skip / event.page.take + 1));\r\n dispatch(setPageSize(event.page.take));\r\n dispatch(updateStartRow((event.page.skip / event.page.take) * event.page.take));\r\n dispatch(updatePageSize(event.page.take));\r\n };\r\n\r\n const calculateColumnWidth = (columnCode: string, columnWidth: number) => {\r\n const width = setWidth(columnsWidths?.find((item) => item.Code === columnCode)?.Width);\r\n return columnWidth > width ? columnWidth : width;\r\n };\r\n\r\n const getEntryClientPairs = () => {\r\n return selectedEntries.map((x) => {\r\n const liiIor = model.Shipments.find((item) => item.TransactionNumber === x)?.LiiIor ?? '';\r\n\r\n return { EntryNumber: x, ClientNumber: liiIor };\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {model.Shipments &&\r\n model.Shipments.length > 0 &&\r\n !isGridConfigLoading &&\r\n !isLoadingIndex &&\r\n !isLoadingSearch &&\r\n columns &&\r\n !error && (\r\n {props.title}
\r\n {props.children}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {/* No search results or data */}\r\n {!!model?.ReturnFields?.length &&\r\n !isLoadingIndex &&\r\n !isLoadingSearch &&\r\n model.Shipments &&\r\n model?.Shipments.length === 0 &&\r\n !isGridConfigLoading &&\r\n !error && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default CompleteEntryDataGrid;\r\n","import { faBoxOpen, faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { clsx } from 'clsx';\r\nimport { memo, useEffect, useRef, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { PortalRoutes, shipmentDataSourceConstants } from '../../../../common/constants/constants-portal';\r\nimport Button from '../../../../common/features/Button';\r\nimport ClientChooser from '../../../../common/features/ClientChooser/ClientChooser';\r\nimport DownloadAllLink from '../../../../common/features/DownloadAllLink';\r\nimport ColumnSelectionDropdown from '../../../../common/features/Grid/ColumnSelectionDropdown';\r\nimport GridHeader from '../../../../common/features/GridHeader';\r\nimport HeaderBar from '../../../../common/features/HeaderBar/HeaderBar';\r\nimport { ShipmentDataSource } from '../../../../common/features/ShipmentDataSource';\r\nimport useClientDimensions from '../../../../common/hooks/useClientDimensions';\r\nimport useMediaQuery from '../../../../common/hooks/useMediaQuery';\r\nimport useTranslation from '../../../../common/hooks/useTranslation';\r\nimport { ColumnSettings } from '../../../../common/models/GridPreferences';\r\nimport { useGetClientSelectionSettingsQuery } from '../../../../redux/api/clientSelectionApi';\r\nimport { useGetShipmentDataSourceQuery, useSaveShipmentDataSourceMutation } from '../../../clearances/redux/api/clearancesApi';\r\nimport hasFilterBarFixedWidth from '../../../documents/utils/hasFilterBarFixedWidth';\r\nimport CADSearchBar from '../../common/components/Search/CADSearchBar';\r\nimport { gridSettingsConstants } from '../../common/constants/complete-entry-data-constants';\r\nimport { DownloadCASSShipment } from '../../redux/actions/completeEntryData';\r\nimport { SaveUserCADGridSetting } from '../../redux/actions/completeEntryDataGridPreferences';\r\nimport { useCompleteEntryDataDispatch, useCompleteEntryDataSelector } from '../../redux/hooks';\r\nimport { updateColumnOrder, updateCoulumnActivated } from '../../redux/reducers/completeEntryDataGridPreferenceSlice';\r\nimport { resetShipmentGridSettings } from '../../redux/reducers/completeEntryDataGridSettingsSlice';\r\nimport {\r\n updateDateFilter,\r\n updateLocationTypeFilter,\r\n updateMOTFilter,\r\n updateSelectLocationFilter,\r\n updateShouldSubmitSearch\r\n} from '../../redux/reducers/completeEntryDataSlice';\r\nimport {\r\n resetDateFilters,\r\n setAppliedDate,\r\n setAppliedType,\r\n setDate,\r\n setDateDropdownLabel,\r\n setEndDateCa,\r\n setStartDateCa,\r\n setType,\r\n updateIsDateOpen\r\n} from '../../redux/reducers/dateFilterSlice';\r\nimport { resetApplylocationFilter, resetLocationFilters, updatedLocationIsFiltered } from '../../redux/reducers/locationFilterSlice';\r\nimport { resetMotFilters } from '../../redux/reducers/motFilterSlice';\r\nimport DateDocumentsFilter from '../Filters/date/DateDocumentsFilter';\r\nimport LocationFilter from '../Filters/location/LocationFilter';\r\nimport MOTFilter from '../Filters/mot/MOTFilter';\r\nimport CompleteEntryDataGrid from './CompleteEntryDataGrid';\r\n\r\nconst cadDownloadConfigParams = {\r\n PAGE_SIZE: 100000,\r\n START_ROW: 0\r\n};\r\n\r\nconst CompleteEntryDataPage = memo(function CompleteEntryDataPage() {\r\n const { allColumns, visibleColumns, areColumnsLoading } = useCompleteEntryDataSelector(\r\n (state) => state.completeEntryDataGridPreferences\r\n );\r\n const { model } = useCompleteEntryDataSelector((state) => state.completeEntryData);\r\n const { date, type, dateDropdownLabel, endDateCa, startDateCa, appliedDate, appliedType } = useCompleteEntryDataSelector(\r\n (state) => state.dateFilter\r\n );\r\n const { selectedStringArray } = useCompleteEntryDataSelector((state) => state.motFilter);\r\n const { locationTypeSelected, selectedLocationLabels } = useCompleteEntryDataSelector((state) => state.locationFilter);\r\n const { initialClientSelection, clientSelection } = useCompleteEntryDataSelector((state) => state.clientSelection);\r\n const country = initialClientSelection?.Countries.find((item) => item.IsSelected);\r\n const dispatch = useCompleteEntryDataDispatch();\r\n\r\n const { isLoading: clientSelectionSettingsIsLoading } = useGetClientSelectionSettingsQuery();\r\n\r\n const translate = useTranslation();\r\n const scrollableDivRef = useRef\r\n {/* Header bar */}\r\n \r\n \r\n\r\n
\r\n )}\r\n \r\n \r\n\r\n \r\n \r\n
\r\n {translate('CompleteEntryDataTitle_Label')}
\r\n\r\n {country && country.Code === 'ca' && shipmentDataSource && (\r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n {/* Status: fulfilled */}\r\n {!userIsLoading && !pageLoading && !translationsLoading && !userError && !translationsError && (\r\n \r\n {/* Sidebar */}\r\n
\r\n )}\r\n {/* Status: rejected */}\r\n {errorStatus && (\r\n \r\n {/* Header navigation */}\r\n \r\n \r\n {/* Alerts drawer */}\r\n {showAlerts &&
\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import { createSlice, PayloadAction } from '@reduxjs/toolkit';\r\nimport { DateRangeDocumentsFilter } from '../../common/constants/constants-documents';\r\nimport { DateRangeSlice } from '../../common/models/ReduxSlices';\r\n\r\nconst initialState: DateRangeSlice = {\r\n dateRangeSelected: {\r\n id: '',\r\n label: 'DateRangeThirtyDays_Label',\r\n startDate: null,\r\n endDate: null\r\n },\r\n customDateRange: []\r\n};\r\n\r\nconst dateRangeSlice = createSlice({\r\n name: 'dateRangeSelected',\r\n initialState,\r\n reducers: {\r\n setDateRangeSelected(state, action: PayloadAction{translate('RequiredAdmin_Label')}
}\r\n {translate('RequiredName_Label')}
}\r\n {translate('EmailRequired_Label')}
}\r\n {emailHasError && emailErrorIndex === 1 && {translate('EmailInvalid_Label')}
}\r\n {emailHasError && emailErrorIndex === 2 && {translate('EmailContains_Label')}
}\r\n {emailHasError && emailErrorIndex === 3 && {translate('EmailEntered_Label')}
}\r\n {translate('MobileInvalid_Label')}
\r\n )}\r\n {phoneNumber.length > 0 && phoneNumberHasError && phoneNumberErrorIndex === 1 && (\r\n {translate('AlreadyUsedMobile_Label')}
\r\n )}\r\n {phoneNumber.length > 0 && phoneNumberHasError && phoneNumberErrorIndex === 2 && (\r\n {translate('PhoneAlreadyEntered_Label')}
\r\n )}\r\n {translate('RequiredRole_Label')}
}\r\n {'Carrier code required'}
}\r\n {(hasCarrierRole || isCarrier) && {translate('CarrierCodeMessage_Label')}
}\r\n{translate('RequiredLanguage_Label')}
}\r\n \r\n
\r\n \r\n {/* MODAL HEADER */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {translate('AddContact_Label')}
\r\n{translate('AddContactMessage_Label')}
\r\n\r\n
\r\n );\r\n}\r\n","import type { FormEvent } from 'react';\r\nimport Button from '../../../../../common/features/Button';\r\nimport Spinner from '../../../../../common/features/Spinner';\r\nimport ModalWrapper from '../../../../../common/features/Wrappers/ModalWrapper';\r\nimport useTranslation from '../../../../../common/hooks/useTranslation';\r\nimport { ContactsModals } from '../../../../../common/models/ContactsModals';\r\nimport { addToast } from '../../../../../redux/reducers/toastSlice';\r\nimport { SelectedContact } from '../../../common/models/Contact';\r\nimport { useDeleteContactsMutation } from '../../../redux/api/contactsApi';\r\nimport { useContactsDispatch } from '../../../redux/hooks';\r\nimport { setPageSelected } from '../../../redux/reducers/contactsGridSettingsSlice';\r\n\r\ninterface DeleteContactModalProps {\r\n contacts: SelectedContact[] | null;\r\n toggleModal: (prop: keyof ContactsModals, next?: boolean) => void;\r\n}\r\n\r\nexport default function DeleteContactModal({ contacts, toggleModal }: DeleteContactModalProps) {\r\n const dispatch = useContactsDispatch();\r\n\r\n const translate = useTranslation();\r\n\r\n const handleClose = () => {\r\n toggleModal('remove');\r\n };\r\n\r\n const [deleteContacts, { isLoading }] = useDeleteContactsMutation();\r\n\r\n const handleSubmit = async (e: FormEvent) => {\r\n e.preventDefault();\r\n\r\n if (!contacts) return;\r\n\r\n try {\r\n const data = await deleteContacts(contacts.map((item) => item.ExternalContactID!)).unwrap();\r\n\r\n if (data === 'SuccessfullRemoved') {\r\n dispatch(addToast({ message: translate('ContactsDeleted_Label', contacts.length), type: 'success' }));\r\n dispatch(setPageSelected(1));\r\n }\r\n } catch (error) {\r\n console.error('Error while removing contact:', error);\r\n }\r\n\r\n toggleModal('remove', false);\r\n };\r\n\r\n const isMultiple = contacts !== null && contacts.length > 1;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/* MODAL HEADER */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {translate('EditContact_Label')}
\r\n\r\n {!modal.edit ? translate('AddContactMessage_Label') : translate('EditContactMessage_Label')}\r\n
\r\n{cellContent}
\r\n \r\n
\r\n );\r\n },\r\n [headerCheckbox]\r\n );\r\n\r\n const dataStateChange = (e: GridDataStateChangeEvent) => {\r\n dispatch(setDataState(e.dataState));\r\n };\r\n const handleTagEvent = () => {\r\n TagManager.dataLayer({\r\n dataLayer: {\r\n event: 'Add_Contact_Contacts_CPEvt',\r\n location: 'Profile'\r\n }\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Only admin can add new contact */}\r\n {(user?.Roles!.includes('TeamManagement_Create') || user?.Roles!.includes('ExternalContact_Create')) && (\r\n \r\n