\r\n route(link)}>\r\n \r\n {userProfile && userProfile.userName}\r\n \r\n \r\n Settings \r\n Logout \r\n \r\n \r\n \r\n
\r\n {title}
\r\n \r\n )}\r\n {description && (\r\n{description}
\r\n \r\n )}\r\n{title}
\r\n {subtitle && {subtitle}
}\r\n{children}
\r\n);\r\nSectionContainer.propTypes = {\r\n className: PT.string,\r\n children: PT.oneOfType([PT.node, PT.arrayOf(PT.node)])\r\n};\r\n","import './style.scss';\r\n\r\nimport React from 'react';\r\nimport PT from 'prop-types';\r\nimport { Modal } from 'react-bootstrap';\r\n\r\nexport const ModalBox = ({ className, open, size, title, closeButton, onClose, withError, children }) => (\r\n {title}
\r\n {closeButton && (\r\n \r\n )}\r\n \r\n )}\r\n\r\n Please try again or contact our customer service\r\n \r\n customerserviceitaly@cribis.com\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n Automatic Matching Engine
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Enter your credentials to access the service
\r\n\r\n {UserStore.authenticationFailed && (\r\n
\r\n \r\n The login was not successful. Please correct the errors and try again.\r\n
\r\n )}\r\n - \r\n
- The Username or Password entered is incorrect \r\n
\r\n {\r\n e.preventDefault();\r\n onSubitForm();\r\n }}\r\n >\r\n
\r\n \r\n onInputChange('user', e.target.value)}\r\n />\r\n
\r\n \r\n onInputChange('password', e.target.value)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Reset Password\r\n \r\n \r\n Login problems?\r\n \r\n
\r\n \r\n
\r\n \r\n Send us an email at \r\n customerserviceitaly@cribis.com\r\n
\r\n Automatic Matching Engine
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Enter the Username and the Email address to which your account is associated. You will receive an\r\n email with the user credential.\r\n
\r\n\r\n {UserStore.resetPasswordFailed && (\r\n <>\r\n
\r\n \r\n The password has not been reset\r\n
\r\n - \r\n
- The Username or Email entered is incorrect \r\n
\r\n
\r\n \r\n )}\r\n \r\n Please try again, or contact our customer service\r\n \r\n customerserviceitaly@cribis.com\r\n \r\n
\r\n\r\n {\r\n e.preventDefault();\r\n onSubitForm();\r\n }}\r\n >\r\n
\r\n \r\n onInputChange('user', e.target.value)}\r\n />\r\n
\r\n \r\n onInputChange('email', e.target.value)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n UserStore.goToLogin();\r\n }}\r\n >\r\n Go back to the Login page\r\n \r\n
\r\n \r\n Your password has been successfully reset. You will receive an email with a temporary password.\r\n
\r\n\r\n \r\n
\r\n Automatic Matching Engine
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Enter the new password for your account.
\r\n\r\n {UserStore.passwordFailed && (\r\n
\r\n \r\n The passwords entered are different or not valid. Please correct and try again.\r\n
\r\n )}\r\n \r\n {\r\n e.preventDefault();\r\n onSubitForm();\r\n }}\r\n >\r\n
\r\n \r\n onInputChange('newPassword', e.target.value)}\r\n />\r\n
\r\n \r\n onInputChange('confirmPassword', e.target.value)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n fileRef.current.click()}\r\n >\r\n {t('Browse')}\r\n \r\n {children}\r\n
\r\n );\r\n};\r\nFileInput.propTypes = {\r\n className: PT.string,\r\n name: PT.string,\r\n file: PT.shape({ name: PT.string }),\r\n onChange: PT.func,\r\n children: PT.node\r\n};\r\n\r\nexport const DateRange = ({ name, value, placeholder, onChange }) => {\r\n return (\r\n \r\n {\r\n const range = {\r\n start: moment(picker.startDate).startOf('day'),\r\n end: moment(picker.endDate).endOf('day')\r\n };\r\n onChange(range, event);\r\n }}\r\n locale={{\r\n applyLabel: 'confirm',\r\n cancelLabel: 'undo'\r\n }}\r\n >\r\n
\r\n );\r\n};\r\nDateRange.propTypes = {\r\n name: PT.string,\r\n value: PT.oneOfType([PT.string, PT.shape({})]),\r\n placeholder: PT.string,\r\n onChange: PT.func\r\n};\r\n","import React from 'react';\r\nimport PT from 'prop-types';\r\nimport _ from 'lodash';\r\nimport { Row, Col, Form } from 'react-bootstrap';\r\nimport { IFormField } from '../../components/Form';\r\n\r\nexport const FormBox = ({ title, fields = [], data = {}, submitLabel, onSubmit }) => {\r\n const initForm = _.reduce(fields, (res, { key }) => ({ ...res, [key]: data[key] || '' }), {});\r\n const [form, setForm] = React.useState(initForm);\r\n\r\n const onSubmitForm = () => {\r\n onSubmit(form);\r\n };\r\n\r\n const onChange = (key, value) => {\r\n setForm({ ...form, [key]: value });\r\n };\r\n\r\n return (\r\n <>\r\n {title && {title}
}\r\n\r\n {\r\n e.preventDefault();\r\n onSubmitForm();\r\n }}\r\n >\r\n {_.map(fields, (field, idx) => (\r\n \r\n {field.label} \r\n \r\n onChange(field.key, e.target.value)}\r\n />\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nFormBox.propTypes = {\r\n title: PT.string,\r\n fields: PT.arrayOf(PT.shape(IFormField)),\r\n data: PT.shape({}),\r\n submitLabel: PT.string.isRequired,\r\n onSubmit: PT.func.isRequired\r\n};\r\n","import React from 'react';\r\nimport PT from 'prop-types';\r\nimport { Row, Col, Form } from 'react-bootstrap';\r\nimport _ from 'lodash';\r\nimport { Spinner } from '../../components/Spinner';\r\n\r\nexport const Settings = ({ confidenceCode, loading, onChange, onUpdate }) => (\r\n <>\r\n Request Settings
\r\n \r\n\r\n {\r\n e.preventDefault();\r\n onUpdate();\r\n }}\r\n >\r\n \r\n Confidence code \r\n onChange(_.toNumber(e.target.value))}>\r\n {_.map(_.range(1, 11), (num, idx) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n (set the minimum confidence code for matching)
\r\n \r\n\r\n {label}\r\n
\r\n);\r\n\r\nInfoField.propTypes = {\r\n label: PT.string.isRequired,\r\n value: PT.string,\r\n className: PT.string\r\n};\r\n\r\nconst ContactForm = [\r\n { key: 'phone', type: 'text', label: 'Phone Number' },\r\n { key: 'email', type: 'email', label: 'Email' }\r\n];\r\n\r\nconst ResetPasswordForm = [\r\n { key: 'currentPassword', type: 'password', label: 'Current password' },\r\n { key: 'newPassword', type: 'password', label: 'New password' },\r\n { key: 'confirmPassword', type: 'password', label: 'Confirm new password' }\r\n];\r\n\r\nexport const MyProfile = inject(ST.SettingStore)(\r\n observer(({ SettingStore }) => {\r\n return (\r\n {value}
\r\n\r\n \r\n {`${SettingStore.userContacts.name} ${SettingStore.userContacts.surname}`}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Your account settings has been successfully updated.\r\n
\r\n\r\n \r\n
\r\n \r\n Your account informations has been successfully updated.\r\n
\r\n\r\n \r\n
\r\n Your password has been successfully updated.
\r\n\r\n \r\n
\r\n {SettingStore.error.message || 'There was a service error.'}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n changePageSize(size)}>\r\n {selected} \r\n \r\n {_.map(sizes, (size, idx) => (\r\n \r\n {size}\r\n \r\n ))}\r\n \r\n {t('PerPage')}\r\n \r\n
\r\n );\r\n};\r\n\r\nPageSize.propTypes = {\r\n onChange: PT.func.isRequired,\r\n selected: PT.number,\r\n sizes: PT.arrayOf(PT.number)\r\n};\r\n","import './style.scss';\r\n\r\nimport React from 'react';\r\nimport PT from 'prop-types';\r\nimport { Pager } from './pagination';\r\nimport { PageSize } from './pagesize';\r\n\r\nexport const Pagination = ({\r\n className,\r\n current,\r\n total,\r\n limit,\r\n nosize,\r\n pageSize,\r\n sizeList,\r\n onChangePage,\r\n onChangeSize,\r\n children\r\n}) =>\r\n !total ? null : (\r\n \r\n {children}\r\n
\r\n );\r\n\r\nPagination.propTypes = {\r\n className: PT.string,\r\n current: PT.number.isRequired,\r\n total: PT.number.isRequired,\r\n onChangePage: PT.func.isRequired,\r\n onChangeSize: PT.func.isRequired,\r\n nosize: PT.bool,\r\n limit: PT.number,\r\n pageSize: PT.number,\r\n sizeList: PT.arrayOf(PT.number),\r\n children: PT.oneOfType([PT.node, PT.arrayOf(PT.node)])\r\n};\r\n","import './style.scss';\r\n\r\nimport React from 'react';\r\nimport PT from 'prop-types';\r\nimport _ from 'lodash';\r\nimport { Table } from 'react-bootstrap';\r\n\r\nexport const ITableField = {\r\n label: PT.string.isRequired,\r\n key: PT.string.isRequired,\r\n width: PT.string,\r\n align: PT.string,\r\n colSpan: PT.string\r\n};\r\n\r\nexport const TableHeader = ({ t, fields, children }) => (\r\n \r\n {label || 'no data available'}
\r\n\r\n {!custom ? {value} : children}\r\n
\r\n \r\n \r\n \r\n {t('UserManual')}\r\n \r\n \r\n \r\n {t('DownloadTemplate')}\r\n \r\n
\r\n \r\n {t('SuccessMessage')}
\r\n\r\n \r\n
\r\n {HomeStore.error.message}
\r\n\r\n \r\n
\r\n {HomeStore.error.message || t('exceptions:Generic.Message')}
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n));\r\n\r\nSubjectDetails.propTypes = {\r\n subject: PT.shape(IRequest).isRequired\r\n};\r\n","import React from 'react';\r\nimport PT from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport _ from 'lodash';\r\n\r\nimport { BusyElement } from '../../components/Spinner';\r\nimport { ICandidate } from './common/types';\r\n\r\nexport const CandidatesList = withTranslation('matcher')(({ t, candidates, onSelect, loading, disableSelect, detailList, getFamilyTree }) => (\r\n \r\n
\r\n \r\n \r\n \r\n {subject.name}\r\n
\r\n\r\n
\r\n \r\n
\r\n {t('SubjectFields.Address')}
\r\n {subject.address || '-'}
\r\n \r\n
\r\n {t('SubjectFields.Town')}
\r\n {subject.city || '-'}
\r\n \r\n
\r\n {t('SubjectFields.ZipCode')}
\r\n {subject.postCode || '-'}
\r\n {t('SubjectFields.Duns')}
\r\n {subject.duns || '-'}
\r\n \r\n {t('SubjectFields.BusinessId')}
\r\n {subject.businessId || '-'}
\r\n \r\n {t('SubjectFields.DebtorCode')}
\r\n {subject.debtorCode || '-'}
\r\n \r\n {t('SubjectFields.CountryCode')}
\r\n {subject.countryCode || '-'}
\r\n \r\n {t('SubjectFields.GURating')}
\r\n {subject.guRatingNeeded || '-'}
\r\n \r\n {t('SubjectFields.Country')}
\r\n {subject.county || '-'}
\r\n \r\n \r\n {candidates.length > 0 ? (\r\n _.map(candidates, (candidate, idx) => (\r\n
\r\n \r\n
\r\n ))\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n {t('CandidateFields.ConfidenceCode')}\r\n
\r\n {candidate.confidenceCode}
\r\n \r\n
\r\n \r\n \r\n {candidate.name}\r\n
\r\n\r\n
\r\n \r\n
\r\n {t('CandidateFields.LegalStatus')}
\r\n {candidate.legalStatus || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Address')}
\r\n {candidate.address || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Town')}
\r\n {candidate.town || '-'}
\r\n \r\n
\r\n {t('CandidateFields.ZipCode')}
\r\n {candidate.cap || '-'}
\r\n \r\n
\r\n {detailList.find(d => d.duns === candidate.dunsNbr) && {t('CandidateFields.Site')}
\r\n {candidate.legalStatus || '-'}
\r\n \r\n
}\r\n {t('CandidateFields.Sic')}
\r\n {detailList.find(d => d.duns === candidate.dunsNbr).sic || '-'}
\r\n \r\n onSelect(candidate)}\r\n disabled={disableSelect || loading}\r\n >\r\n {t('Select')}\r\n \r\n
\r\n \r\n
\r\n )}\r\n {t('NoCandidates')}
\r\n\r\n \r\n
\r\n );\r\n else\r\n return (\r\n \r\n
\r\n \r\n
\r\n HQ
\r\n \r\n
\r\n\r\n \r\n \r\n {detail.hqName || '-'}\r\n
\r\n\r\n
\r\n \r\n
\r\n {t('CandidateFields.Address')}
\r\n {detail.hqAddress || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Town')}
\r\n {detail.hqTown || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Country')}
\r\n {detail.hqCountry || '-'}
\r\n \r\n
\r\n GU
\r\n \r\n
\r\n \r\n \r\n {detail.guName || '-'}\r\n
\r\n\r\n
\r\n \r\n
\r\n {t('CandidateFields.Address')}
\r\n {detail.guAddress || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Town')}
\r\n {detail.guTown || '-'}
\r\n \r\n
\r\n {t('CandidateFields.Country')}
\r\n {detail.guCountry || '-'}
\r\n \r\n \r\n
\r\n );\r\n }\r\n else\r\n return (\r\n
\r\n \r\n {detail.errorMessage || '-'}\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nCandidatesList.propTypes = {\r\n candidates: PT.arrayOf(PT.shape(ICandidate)),\r\n onSelect: PT.func,\r\n loading: PT.bool,\r\n disableSelect: PT.bool\r\n};\r\n","import React from 'react';\r\nimport PT from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { BusyElement } from '../../components/Spinner';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { IRequest } from './common/types';\r\nimport { SubjectDetails } from './SubjectDetails';\r\nimport { CandidatesList } from './CandidatesList';\r\n\r\nexport const SubjectMatcher = withTranslation('matcher')(\r\n ({ t, subject, onSkip, onSelect, loadingMatch, loadingSkip, getFamilyTree, loadingFamilyTree, detailList }) => (\r\n <>\r\n \r\n onSkip(subject.uid)}\r\n disabled={loadingMatch || loadingSkip}\r\n >\r\n
\r\n {t('InputSubject')}
\r\n{t('SuggestedSubjects')}
\r\n \r\n\r\n \r\n
\r\n
\r\n));\r\n\r\nMatcherHeader.propTypes = {\r\n request: PT.shape({\r\n fileName: PT.string,\r\n status: PT.string,\r\n insertDate: PT.string,\r\n matchAmount: PT.number,\r\n noMatchAmount: PT.number\r\n }),\r\n onClose: PT.func,\r\n onStop: PT.func,\r\n loadingAction: PT.bool,\r\n loading: PT.bool\r\n};\r\n","import './common/style.scss';\r\n\r\nimport React from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport { StoresDictionary as ST } from '../../utils/constants';\r\nimport { Page, SectionContainer, BoxTitle } from '../../components/Layout';\r\nimport { ModalBox } from '../../components/Modal';\r\nimport { Modals } from '../../stores/MatchStotre';\r\nimport { BusyElement } from '../../components/Spinner';\r\nimport { Pagination } from '../../components/Pager';\r\nimport { MatcherSubjectsList } from './MatcherSubjectsList';\r\nimport { SubjectMatcher } from './SubjectMatcher';\r\nimport { MatcherHeader } from './MatcherHeader';\r\n\r\nconst MatcherFields = [\r\n { label: 'Id', key: 'id', width: '50' },\r\n { label: 'Name', key: 'name', align: 'left' },\r\n { label: 'DebtorCode', key: 'debtorCode' },\r\n { label: 'BusinessId', key: 'businessId' },\r\n { label: 'CountryCode', key: 'countryCode' },\r\n { label: 'Duns', key: 'duns' }\r\n];\r\n\r\nexport const FileMatcher = inject(ST.MatchStore)(\r\n observer(({ MatchStore }) => {\r\n const { t } = useTranslation(['matcher', 'common', 'exceptions']);\r\n return (\r\n \r\n \r\n \r\n \r\n {t('FileInput')}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {t('RequestFields.Filename')}
\r\n {request.fileName || ''}
\r\n \r\n
\r\n {t('RequestFields.Status')}
\r\n {request.status || ''}
\r\n \r\n
\r\n {t('RequestFields.InsertDate')}
\r\n {request.insertDate || ''}
\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.Matched')}
\r\n {request.matchAmount || '0'}
\r\n \r\n
\r\n {t('RequestFields.NotMatched')}
\r\n {request.noMatchAmount || '0'}
\r\n \r\n {t('CloseTooltip')}}>\r\n \r\n {t('Close')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('EndBrowsingConfirm')}\r\n
\r\n {t('EndBrowsingAlert')}\r\n
\r\n \r\n \r\n
\r\n {MatchStore.error.message || t('exceptions:Generic.Message')}
\r\n \r\n\r\n onChange(name, selected)}\r\n placeholder={placeholder || ''}\r\n noOptionsMessage={() => noOptionsMessage}\r\n classNamePrefix=\"StyledSelect\"\r\n className=\"StyledSelect\"\r\n closeMenuOnSelect={false}\r\n value={_.filter(items || [], 'isSelected')}\r\n filterOption={filterOptions}\r\n getOptionValue={option => option.code}\r\n getOptionLabel={option => (\r\n
\r\n );\r\n};\r\nStyledSelect.propTypes = {\r\n className: PT.string,\r\n name: PT.string,\r\n items: PT.arrayOf(PT.shape({})).isRequired,\r\n placeholder: PT.string,\r\n noOptionsMessage: PT.string,\r\n onChange: PT.func\r\n};\r\n\r\nexport const ShortSelect = ({ item, name, onChange }) => {\r\n const onSelect = () => {\r\n onChange(name, item.code, !item.isSelected);\r\n };\r\n\r\n if (!item) return null;\r\n return (\r\n \r\n {option.text}\r\n {option.count || 0}\r\n
\r\n )}\r\n options={items}\r\n />\r\n \r\n \r\n
\r\n );\r\n};\r\nFiltersForm.propTypes = {\r\n filters: PT.arrayOf(PT.shape(IFilter)).isRequired,\r\n drillDowns: PT.objectOf(PT.shape(IDrilldown)),\r\n toggleFilters: PT.func,\r\n onApply: PT.func.isRequired,\r\n onReset: PT.func.isRequired\r\n};\r\n\r\nexport const FiltersBox = ({ filters, drillDowns, onApply, onReset }) => {\r\n const [openSearch, setOpenSearch] = React.useState(false);\r\n\r\n const toggleFilters = () => setOpenSearch(!openSearch);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nFiltersBox.propTypes = {\r\n filters: PT.arrayOf(PT.shape(IFilter)).isRequired,\r\n drillDowns: PT.objectOf(PT.shape(IDrilldown)),\r\n onApply: PT.func,\r\n onReset: PT.func\r\n};\r\n","import PT from 'prop-types';\r\n\r\nexport const IFilter = {\r\n type: PT.oneOf(['text', 'datetime', 'daterange', 'drilldown']),\r\n width: PT.number,\r\n key: PT.string,\r\n label: PT.string\r\n};\r\n\r\nexport const IDrilldown = {\r\n options: PT.shape({})\r\n};\r\n","import PT from 'prop-types';\r\n\r\nexport const IRequest = {\r\n id: PT.string,\r\n userName: PT.string,\r\n requestName: PT.string,\r\n fileName: PT.string,\r\n deliveryTime: PT.string,\r\n type: PT.number,\r\n typeLabel: PT.string,\r\n status: PT.string,\r\n insertDate: PT.string,\r\n matchAmount: PT.number,\r\n noMatchAmount: PT.number,\r\n processedAmount: PT.number,\r\n totalAmount: PT.number\r\n};\r\n","export const Status = {\r\n NEW: 'NEW',\r\n SKIP: 'SKIP',\r\n TOMATCH: 'TOMATCH',\r\n WORKING: 'WORKING',\r\n MATCHED: 'MATCHED',\r\n COMPLETED: 'COMPLETED',\r\n ERROR: 'ERROR'\r\n};\r\n\r\nexport const RQTypes = {\r\n MBR: 0,\r\n AMT: 1,\r\n ACA: 2,\r\n CRA0: 3,\r\n CRA1: 4,\r\n 0: 'Manual Browsing',\r\n 1: 'Automatic Match',\r\n 2: 'Automatic Credit Assessment',\r\n 3: 'Credit Assessment',\r\n 4: 'Credit Assessment'\r\n};\r\n","import React from 'react';\r\nimport PT from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { IRequest } from './common/types';\r\nimport { Status, RQTypes } from './common/constants';\r\n\r\nexport const RequestElement = withTranslation('mydocs')(\r\n ({\r\n t,\r\n request,\r\n loading,\r\n loadingRefresh,\r\n loadingReSubmit,\r\n onDownload,\r\n onRework,\r\n onReSubmit,\r\n resubmitEnabled,\r\n requireCA,\r\n requireMB\r\n }) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Filter results by clicking the filters button\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n);\r\n\r\nRequestElement.propTypes = {\r\n request: PT.shape(IRequest).isRequired,\r\n loading: PT.shape({\r\n id: PT.string,\r\n type: PT.string,\r\n load: PT.bool\r\n }),\r\n loadingRefresh: PT.bool,\r\n loadingReSubmit: PT.shape({\r\n id: PT.string,\r\n load: PT.bool\r\n }),\r\n onDownload: PT.func,\r\n onRework: PT.func,\r\n onReSubmit: PT.func,\r\n resubmitEnabled: PT.bool,\r\n requireCA: PT.bool,\r\n requireMB: PT.bool\r\n};\r\n","import './common/style.scss';\r\n\r\nimport React from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport _ from 'lodash';\r\n\r\nimport { StoresDictionary as ST } from '../../utils/constants';\r\nimport { Page } from '../../components/Layout';\r\nimport { FiltersBox } from '../../components/Filters';\r\nimport { Pagination } from '../../components/Pager';\r\nimport { BusyElement } from '../../components/Spinner';\r\nimport { ModalBox } from '../../components/Modal';\r\nimport { RequestElement } from './RequestElement';\r\nimport { RQTypes, Status } from './common/constants';\r\nimport { Modals } from '../../stores/MyDocsStore';\r\n\r\nexport const MyDocs = inject(ST.MyDocsStore)(\r\n observer(({ MyDocsStore }) => {\r\n const { t } = useTranslation(['mydocs', 'exceptions']);\r\n\r\n const enableRequestCA = (type, status) => {\r\n if ((type === RQTypes.MBR || type === RQTypes.AMT) && (status === Status.COMPLETED || status === Status.MATCHED))\r\n return true;\r\n return false;\r\n };\r\n\r\n const enableRequestMB = (type, status, errors) => {\r\n if (!_.includes([RQTypes.CRA0, RQTypes.CRA1], type) && status === Status.COMPLETED && errors > 0) return true;\r\n return false;\r\n };\r\n\r\n return (\r\n \r\n {/* Output File */}\r\n
\r\n \r\n onDownload(false, request.id, request.type, request.fileName)}\r\n disabled={loading.load || request.status === Status.NEW || request.status === Status.WORKING}\r\n >\r\n \r\n \r\n \r\n {t('FileOutput')}\r\n \r\n {request.status === Status.WORKING && (\r\n
\r\n\r\n {/* Request Informations */}\r\n {request.fileName}
\r\n \r\n {t('Estimated')}: {request.deliveryTime}\r\n
\r\n )}\r\n {/* Input File and Actions */}\r\n \r\n {\r\n e.preventDefault();\r\n onRework(1, request.id, request.status, request.type);\r\n }}\r\n >\r\n {t('RequireCA')}\r\n \r\n \r\n )}\r\n {requireMB && (\r\n {\r\n e.preventDefault();\r\n onRework(0, request.id, request.status, request.type);\r\n }}\r\n >\r\n {t('RequireMB')}\r\n \r\n \r\n )}\r\n
\r\n \r\n onDownload(true, request.id, null, request.fileName)}\r\n disabled={loading.load}\r\n >\r\n onReSubmit(request.id)}\r\n disabled={loadingReSubmit.load}\r\n >\r\n
\r\n {requireCA && (\r\n \r\n
\r\n {/* Processing Informations */}\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.InsertDate')}
\r\n {request.insertDate}
\r\n \r\n
\r\n {t('RequestFields.Username')}
\r\n {request.userName}
\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.Status')}
\r\n {request.status}
\r\n \r\n
\r\n {t('RequestFields.Type')}
\r\n {RQTypes[request.type] || ''}
\r\n \r\n
\r\n {/* Processing options */}\r\n \r\n
\r\n {t('RequestFields.InputRecords')}
\r\n \r\n \r\n {request.totalAmount}\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.ProcessedRecords')}
\r\n \r\n \r\n {request.processedAmount}\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.MatchedRecords')}
\r\n \r\n \r\n {request.matchAmount}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.ConfidenceCode')}
\r\n \r\n \r\n {request.confidenceCode}\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.ExcludeOOB')}
\r\n \r\n \r\n {request.excludeOOB ? 'yes' : 'no'}\r\n \r\n
\r\n \r\n
\r\n {t('RequestFields.ExcludeBranches')}
\r\n \r\n \r\n {request.excludeBranches ? 'yes' : 'no'}\r\n \r\n
\r\n \r\n \r\n {_.map(MyDocsStore.requestsList, (request, idx) => (\r\n \r\n \r\n {MyDocsStore.pagingInfo.recordsTotalNumber}\r\n {t('Total')}\r\n \r\n \r\n \r\n
\r\n {t('ReSubmitSuccessMessage')}
\r\n\r\n \r\n
\r\n {MyDocsStore.error.message || t('exceptions:Generic.Message')}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {t('DownloadExcel')}\r\n \r\n )}\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nSearchFilters.propTypes = {\r\n t: PT.func.isRequired,\r\n defaultDateRange: PT.shape({\r\n start: PT.string,\r\n end: PT.string\r\n }),\r\n downloadEnabled: PT.bool,\r\n loading: PT.shape({\r\n list: PT.bool,\r\n download: PT.bool\r\n }),\r\n onSubmit: PT.func.isRequired,\r\n onReset: PT.func.isRequired,\r\n onDownload: PT.func\r\n};\r\n","import './common/style.scss';\r\n\r\nimport React from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next';\r\n// import _ from 'lodash';\r\nimport { Col, Row } from 'react-bootstrap';\r\n\r\nimport { StoresDictionary as ST } from '../../utils/constants';\r\nimport { Page, SectionContainer } from '../../components/Layout';\r\nimport { Pagination } from '../../components/Pager';\r\nimport { BusyElement } from '../../components/Spinner';\r\nimport { ModalBox } from '../../components/Modal';\r\nimport { RequestsList } from './RequestsList';\r\nimport { SearchFilters } from './SearchFilters';\r\n\r\nconst RequestFields = [\r\n { label: 'Type', key: 'dunsType' },\r\n { label: 'Duns', key: 'duns' },\r\n { label: 'Country', key: 'country' },\r\n { label: 'RequestDate', key: 'requestDate' },\r\n { label: 'Price', key: 'price' }\r\n];\r\n\r\nexport const Statement = inject(ST.StatementStore)(\r\n observer(({ StatementStore: STStore }) => {\r\n const { t } = useTranslation(['statement', 'exceptions']);\r\n\r\n return (\r\n {STStore.error.message || t('exceptions:Generic.Message')}
\r\n \r\n\r\n The view named {view.name} is missing or should be mapped. Add the reference to the dictionary.\r\n
\r\nrejected
;\r\n case 'fulfilled':\r\n return renderSelectedPage(view);\r\n default:\r\n throw new Error('unable to resolve render view promise');\r\n }\r\n };\r\n\r\n const enabledHeader = () => {\r\n const view = AppStore.currentView;\r\n return view && view.name !== VW.LOGIN && view.name !== VW.RESETPASSWORD && view.name !== VW.CHANGEPASSWORD;\r\n };\r\n\r\n return !AppStore.loadingProfile ? (\r\n <>\r\n {enabledHeader() && {renderCurrentView(AppStore.currentView)}
\r\n \r\n \r\n ) : (\r\n