{getText('privacyPolicy.header')}
\r\n \r\n }\r\n width={1000}\r\n visible={modalPrivacyPolicyAcceptanceVisible}\r\n onCancel={() => this.setModalPrivacyPolicyVisible(false)}\r\n footer={null}\r\n >\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nexport default PrivacyPolicyAcceptance;\r\n","const reportWebVitals = (onPerfEntry) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Router, Route, Switch } from 'react-router-dom';\r\n\r\nimport history from './components/history';\r\nimport App from './App';\r\nimport Login from './screens/Login';\r\nimport ForgotPassword from './screens/ForgotPassword';\r\nimport ResetPassword from './screens/ResetPassword';\r\nimport Registration from './screens/Registration/Registration';\r\nimport RegistrationWithSIS from './screens/Registration/RegistrationWithSIS';\r\nimport RegistrationWithoutSIS from './screens/Registration/RegistrationWithoutSIS';\r\nimport DownloadPublicFile from './screens/DownloadPublicFile';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport PrivacyPolicyAcceptance from './components/PrivacyPolicyAcceptance';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport './index.scss';\r\nimport TagManager from 'react-gtm-module'\r\n\r\n\r\nif (process.env.REACT_APP_GTM_CONTAINER_ID) {\r\n TagManager.initialize({\r\n gtmId: process.env.REACT_APP_GTM_CONTAINER_ID,\r\n userProject: 'BMS'\r\n });\r\n}\r\n\r\n//const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n {getText('privacyPolicy.privacyPolicy1')}
\r\n{getText('privacyPolicy.privacyPolicy2')}
\r\n{getText('privacyPolicy.personalData')}: {getText('privacyPolicy.personalDataContent')}
\r\n{getText('privacyPolicy.useOfPersonalData')}: {getText('privacyPolicy.useOfPersonalDataContent')}
\r\n{getText('privacyPolicy.deletionOfPersonalData')}: {getText('privacyPolicy.deletionOfPersonalDataContent')}
\r\n{getText('privacyPolicy.contract')}: {getText('privacyPolicy.contractContent')}
\r\n{getText('privacyPolicy.passongOfPersonalData')}: {getText('privacyPolicy.passongOfPersonalDataContent')}
\r\n{getText('privacyPolicy.cookies')}: {getText('privacyPolicy.cookiesContent')}
\r\n{getText('privacyPolicy.webAnalysisTools')}: {getText('privacyPolicy.webAnalysisToolsContent')}
\r\n{p.full_addr}
\r\n \r\n )\r\n })\r\n :\r\n []);\r\n}\r\n\r\nexport function GetCustomerOption(customers, noRecordText = 'No record found', isLoading = false) {\r\n return isLoading ?\r\n []\r\n :\r\n (isArray(customers) && customers.length > 0 ?\r\n customers.map(c => (\r\n \r\n )) :\r\n []);\r\n}\r\n\r\nexport function GetPortOption(ports, noRecordText = 'No record found') {\r\n return isArray(ports) && ports.length > 0 ?\r\n ports.filter(p => p.unCode !== '').map(p => (\r\n \r\n )) :\r\n [];\r\n}\r\n\r\nexport function GetCountryOption(countries, noRecordText = 'No record found') {\r\n return isArray(countries) && countries.length > 0 ?\r\n countries.map(c => (\r\n \r\n )) :\r\n [];\r\n}\r\n\r\nexport function GetCityOption(cities, noRecordText = 'No record found') {\r\n return isArray(cities) && cities.length > 0 ?\r\n cities.map(c => (\r\n \r\n )) :\r\n [];\r\n}\r\n\r\nexport function GetISFInfoOption(info, noRecordText = 'No record found', deleteRecord) {\r\n return isArray(info) && info.length > 0 ?\r\n info.map((i, idx) => {\r\n let addr = `${i.address1 || ''},${i.address2 || ''},${i.city || ''},${i.state || ''},${i.zip || ''},${i.country || ''}`.replace(/,+/g, ',');\r\n if (addr === ',') addr = '';\r\n let confirmMsg = \"Are you sure to delete [\" + i.name + \"]?\";\r\n return (\r\n \r\n {\r\n e.preventDefault(); e.stopPropagation();\r\n }}\r\n >\r\n { deleteRecord && deleteRecord(i.isf_profile_id); }}\r\n >\r\n
\r\n }\r\n {i.name}
\r\n {\r\n i.isf_profile_id > 0 &&\r\n {addr}
\r\n \r\n \r\n );\r\n }) :\r\n [\r\n {\r\n e.preventDefault(); e.stopPropagation();\r\n }}\r\n >\r\n { deleteRecord && deleteRecord(i.id); }}\r\n >\r\n
\r\n }\r\n {i.name}
\r\n {\r\n i.id > 0 &&\r\n {addr}
\r\n \r\n \r\n );\r\n }) :\r\n [{p.full_addr}
\r\n \r\n );\r\n });\r\n }\r\n\r\n if (option_list.length > 0 && wo_relationship_list && wo_relationship_list.length > 0) {\r\n option_list.push(\r\n \r\n );\r\n }\r\n\r\n if (wo_relationship_list && wo_relationship_list.length > 0) {\r\n wo_relationship_list.forEach(p => {\r\n option_list.push(\r\n {p.full_addr}
\r\n \r\n );\r\n });\r\n }\r\n\r\n return option_list;\r\n }\r\n\r\n return (\r\n []\r\n );\r\n\r\n \r\n}\r\n\r\n//export function showAjaxErrorMsg(error){\r\n// if (error.response && error.response.status === 404) {\r\n// Message.warn(getText('msgNoRecordFound'), 10);\r\n// }\r\n// else if (error.response && error.response.data) {\r\n// Message.error(`${error.response.data.Message}`, 10);\r\n// }\r\n// else {\r\n// Message.error(`${error}`, 10);\r\n// }\r\n//}\r\n\r\nexport async function openMobileDetailPage(record, uac) {\r\n const baseUrl = `${process.env.PUBLIC_URL}/api/v1`;\r\n let url = new URL(`${baseUrl}/Shipment/GetMobileSite`, window.location.href);\r\n\r\n if (!CheckIsNullOrUndefined(uac)) {\r\n let user_uid = uac.user_uid;\r\n\r\n if (CheckIsNullOrUndefined(user_uid)) {\r\n Message.error(getText('so.msgInvalidUser'), 10);\r\n }\r\n else {\r\n try {\r\n let res = await Ajax.get(url);\r\n if (res && isArray(res.data) && res.data.length > 0 && res.data[0] && res.data[0].pvalue) {\r\n let mobileSite = res.data[0].pvalue;\r\n\r\n //Check SO exists in mobile DB or not\r\n let so_no = record.so_no;\r\n let mobileURL = new URL(`${baseUrl}/Shipment/CheckSOExistsInMobile/${so_no}`, window.location.href);\r\n\r\n res = await Ajax.get(mobileURL);\r\n \r\n if (res && res.data) {\r\n if (!CheckIsNullOrUndefined(res.data.master_so_no)) so_no = res.data.master_so_no;\r\n\r\n //add token\r\n let tokenURL = new URL(`${baseUrl}/Shipment/AddTokenForRedirectMobileSite`, window.location.href);\r\n tokenURL.searchParams.append('user_uid', uac.user_uid);\r\n //tokenURL.searchParams.append('user_uid', '10000031');\r\n res = await Ajax.post(tokenURL);\r\n\r\n if (res && res.data && res.data.token) {\r\n //window.open(mobileSite + `?soNo=SBO-ALPYV-8&token=${res.data.token}&row_no=0`, \"MobileWindow\");\r\n window.open(mobileSite + `?soNo=${so_no}&token=${res.data.token}&row_no=0`);\r\n }\r\n else {\r\n Message.error(getText('so.msgAddTokenFail'), 10);\r\n return;\r\n }\r\n }\r\n else {\r\n Message.error(getText('so.msgSONotExistsInMobile'), 10);\r\n return;\r\n }\r\n }\r\n else {\r\n Message.error(getText('so.msgMobileSiteNotFound'), 10);\r\n return;\r\n }\r\n }\r\n catch (error) {\r\n showAjaxErrorMsg(error);\r\n }\r\n }\r\n }\r\n else {\r\n Message.error(getText('so.msgInvalidUser'), 10);\r\n }\r\n}\r\n\r\n//export function checkTBCContainerNoFormatValid(container_no) {\r\n// if (!CheckIsNullOrUndefined(container_no) && container_no.length >= 3 && container_no.length <= 5 && checkNormalCharactersOnly(container_no) && !checkWhiteSpace(container_no) && container_no.toLowerCase().includes('tbc')) {\r\n// return true;\r\n// }\r\n \r\n// return false;\r\n//}\r\n\r\nexport async function getPOLHandlingOffice(pol_locode, showAllHDOffice, user_profile_id, handling_office_party_id) {\r\n const baseUrl = `${process.env.PUBLIC_URL}/api/v1`;\r\n let url = new URL(`${baseUrl}/party/getPOLHandlingOffice`, window.location.href);\r\n let uac = Auth.getUac();\r\n\r\n url.searchParams.append('pol_locode', pol_locode ? pol_locode : '');\r\n url.searchParams.append('include_party_id', handling_office_party_id ? handling_office_party_id : '');\r\n\r\n if (showAllHDOffice) {\r\n url.searchParams.append('show_all', true);\r\n }\r\n else if (uac && isArray(uac.menu_func_accesses))\r\n {\r\n if (uac.menu_func_accesses.findIndex(mfa => mfa.func_id === 'show_full_list_hd_office') === -1) {\r\n url.searchParams.append('user_profile_id', user_profile_id);\r\n }\r\n else if (CheckIsEmptyString(pol_locode) && CheckIsEmptyString(handling_office_party_id)){\r\n url.searchParams.append('show_all', true);\r\n }\r\n }\r\n\r\n try {\r\n return Ajax.get(url.toString())\r\n .then(res => {\r\n return res.data;\r\n });\r\n } catch (error) {\r\n if (error.response && error.response.status === 404) {\r\n return [];\r\n }\r\n }\r\n}","import * as React from 'react'\r\nimport FlagIconFactory from 'react-flag-icon-css'\r\n\r\nconst FlagIcon = FlagIconFactory(React, { useCssModules: false })\r\n\r\nexport default FlagIcon","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAM1BMVEUAAABgYGBoaGhlZWVoaGhmZmZlZWVmZmZmZmZnZ2dmZmZlZWVmZmZmZmZmZmZmZmZmZmZPlbucAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAY1JREFUaN7tmduSgyAMhgsiAnJ6/6ftCqzT7pYKMbiHyX/XMpOPQCIJ3G4kEolEQhETm/hAgjQ+ZoVVsiE+qBAfFQy+P8szImEUshtrfCWH6Qx3++ytUsr6/eeE50cxGvSnTa48MoUVP/RTQJU4CEhRZrI18eXvKbMtCkPU1qV4uGBAfHXt815hLJhM051fjk1pDCFd7GZnrQyqbdCfT5E02VrSsVB3s+dz8j6CUuRplPiV1eEZJYrTlrxJ67SaZyFHRhwWJBx5yhEg9ggiCEIQghCEIPgQrn1sE7yPkCF2CFYYydgnCIWFTgjkfFSlH2lR3joDLFNMz4wCsExprqU9rGjpK6gsQX4QIpUcDtmqfDcYkhs4ORYiKp8pghDkPGSpnByYEFUOQTMQMu9H7TIOst8SfrtPQYQ8VA3TFRDxtz1Zr9gTsUPkwDyRF+TJhy+bNTdTtfJ/Ib6n5WDAq8iUeG4WTXLAS+jebg7Wz7lOBuhhYOprGoFvQtx2MBz43Ulo2yZ9+k2ARCKRfpvu2XlRdO4iUKQAAAAASUVORK5CYII=\"","import React from 'react';\r\nimport { Button } from './base';\r\nimport { RollbackOutlined, EditOutlined } from '@ant-design/icons';\r\n\r\nconst EditButton = ({ editable, onEdit, onCancel, cancelText, editText, showAcceptRejectAll, acceptRejectAllText, onAcceptRejectAll, showLatestEBookingText, onShowLatestEbooking, disabled }) => (\r\n editable ?\r\n <>} onClick={onCancel} disabled={disabled}>{cancelText} {showAcceptRejectAll ? } onClick={onAcceptRejectAll} disabled={disabled}>{acceptRejectAllText}
: ''}\r\n :\r\n } onClick={onEdit} disabled={disabled}>{editText}\r\n);\r\n\r\nEditButton.defaultProps = {\r\n editable: false,\r\n cancelText: 'Cancel',\r\n editText: 'Edit',\r\n disabled: false\r\n};\r\n\r\nexport default EditButton;\r\n","import axios from 'axios';\r\nimport history from './history';\r\nimport { processLogout } from './AuthService';\r\n\r\n/**\r\n * @component\r\n * Wrapper of `axios`, when receiving 401 response, will redirect to login page\r\n */\r\n\r\nconst errorHandling = (error, showError) => {\r\n if (!axios.isCancel(error) && showError) {\r\n if (error.response && error.response.status === 401) {\r\n processLogout();\r\n history.replace('/login');\r\n }\r\n else if (error.response && error.response.status === 403) {\r\n history.replace('/AccessDeclined');\r\n }\r\n else {\r\n if (!error.response || error.response.status !== 404) {\r\n console.error(error, error.response);\r\n }\r\n }\r\n }\r\n return Promise.reject(error);\r\n};\r\n\r\nclass Ajax {\r\n defaults = axios.defaults;\r\n CancelToken = axios.CancelToken;\r\n\r\n get(url, responseType = 'json', cancelToken = null, headers = null, showError = true) {\r\n let config = { responseType: responseType, cancelToken: cancelToken };\r\n if (headers !== null && headers !== undefined) config.headers = headers;\r\n\r\n return axios.get(url, config)\r\n .then(res => {\r\n return Promise.resolve(res);\r\n })\r\n .catch(error => {\r\n return errorHandling(error, showError);\r\n });\r\n }\r\n\r\n post(url, data, responseType = 'json', cancelToken = null, headers = null) {\r\n let config = { responseType: responseType, cancelToken: cancelToken };\r\n if (headers !== null && headers !== undefined) config.headers = Object.assign({}, config.headers, headers);\r\n\r\n return axios.post(url, data, config)\r\n .then(res => {\r\n return Promise.resolve(res);\r\n })\r\n .catch(error => {\r\n return errorHandling(error);\r\n });\r\n }\r\n\r\n put(url, data, responseType = 'json') {\r\n return axios.put(url, data, { responseType: responseType })\r\n .then(res => {\r\n return Promise.resolve(res);\r\n })\r\n .catch(error => {\r\n return errorHandling(error);\r\n });\r\n }\r\n\r\n delete(url) {\r\n return axios.delete(url)\r\n .then(res => {\r\n return Promise.resolve(res);\r\n })\r\n .catch(error => {\r\n return errorHandling(error);\r\n });\r\n }\r\n\r\n all(promises) {\r\n return axios.all(promises);\r\n }\r\n\r\n spread(callbacks) {\r\n return axios.spread(callbacks);\r\n }\r\n\r\n isCancel = (value) => axios.isCancel(value)\r\n}\r\n\r\nexport default new Ajax();","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://cra.link/PWA\r\n\r\nconst swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\r\n);\r\n\r\nexport default function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n \r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://cra.link/PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then((registration) => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://cra.link/PWA.'\r\n );\r\n var r = window.confirm(\"New content is available. Click OK to refresh the page.\");\r\n if (r === true) {\r\n //window.location.reload(true);\r\n try {\r\n caches.keys().then(function (keyList) {\r\n console.log('keyList', keyList)\r\n return Promise.all(keyList.map(function (key) {\r\n console.log('delete cache', key)\r\n return caches.delete(key);\r\n }));\r\n }).then(() => {\r\n console.log('unregister')\r\n unregister()\r\n }).then(() => {\r\n console.log('register')\r\n register(swUrl);\r\n }).then(() => {\r\n console.log('reload')\r\n window.location.reload(true);\r\n })\r\n }\r\n catch (err) {\r\n console.log('err', err)\r\n }\r\n }\r\n\r\n \r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch((error) => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then((response) => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister().then(() => {\r\n window.location.reload(true);\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log('No internet connection found. App is running in offline mode.');\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then((registration) => {\r\n registration.unregister();\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n\r\nexport function updateServiceWorker() {\r\n \r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n navigator.serviceWorker.getRegistration(swUrl).then(registration => {\r\n console.log(\"updateServiceWorker\", registration);\r\n if (registration) {\r\n console.log(\"updateServiceWorker registration not null\");\r\n registration.update();\r\n } \r\n });\r\n }\r\n}","import React, { PureComponent } from 'react';\r\nimport { SetTitle } from '../components/Common';\r\n\r\nclass AccessDeclined extends PureComponent {\r\n componentDidMount() {\r\n SetTitle('403 Forbidden');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AccessDeclined;","import 'url-polyfill';\r\nimport React, { Component } from 'react';\r\n\r\nimport { Button, Card, Form4, Input, Select, Message, Modal } from '../components/base/index';\r\nimport AuthService from '../components/AuthService';\r\nimport { changeLanguage, getText, DefaultLang } from '../i18n/i18next';\r\nimport withTracker from '../components/withTracker';\r\nimport Ajax from '../components/Ajax';\r\nimport { SetTitle, GUID } from '../components/Common';\r\nimport { ReactComponent as CompanyLogo } from '../img/mr_spedag_logo.svg';\r\nimport userIcon from '../img/signup_title.png';\r\nimport passwordIcon from '../img/password_lock.png';\r\nimport { isTimeout, setIsTimeout, hasProfile } from '../components/withAuth';\r\nimport { updateServiceWorker } from '../registerServiceWorker';\r\nimport { isArray } from 'util';\r\nimport './Login.scss';\r\n\r\nconst FormItem4 = Form4.Item;\r\nconst Option = Select.Option;\r\nconst userMenuApiUrl = `${process.env.PUBLIC_URL}/api/v1/Users/UserModuleList`;\r\n\r\nclass NormalLoginForm extends Component {\r\n state = {\r\n profiles: [],\r\n modalTermsOfUseVisible: false,\r\n needChangePassword: false\r\n }\r\n\r\n formRef = React.createRef();\r\n\r\n componentDidMount() {\r\n SetTitle('Login');\r\n this.Auth = new AuthService();\r\n changeLanguage(localStorage.getItem('default_lang') || DefaultLang);\r\n let loggedIn = this.Auth.loggedIn();\r\n if (loggedIn && !isTimeout()) {\r\n setIsTimeout(false);\r\n this.selectUserProfile();\r\n }\r\n\r\n let token = this.Auth.getToken();\r\n if (isTimeout() && token) {\r\n setIsTimeout(false);\r\n this.Auth.logout();\r\n Message.error({\r\n content: getText('msgLoginTimeout'),\r\n duration: 0,\r\n onClick: () => Message.destroy()\r\n });\r\n }\r\n else if (loggedIn && !this.Auth.getProfile().profile) {\r\n this.Auth.logout();\r\n Message.error({\r\n content: getText('msgProfileNotFound'),\r\n duration: 0,\r\n onClick: () => Message.destroy()\r\n });\r\n }\r\n }\r\n\r\n getDefaultDashboardUrl = async function () {\r\n const menu = await Ajax.get(userMenuApiUrl);\r\n const dashboard = menu.data.filter(m => m.section && m.section !== 'setting' && m.section !== 'admin');\r\n if (dashboard.length > 0) {\r\n let profile = this.Auth.getProfile().profile;\r\n if (profile === 'AGENT' || profile === 'CONSIGNEE') {\r\n let resDB = dashboard.filter(d => d.key === 'm_booking_approval_enhance');\r\n if (resDB.length > 0) {\r\n return resDB[0].url;\r\n }\r\n }\r\n return dashboard[0].url;\r\n }\r\n return `${process.env.PUBLIC_URL}/`;\r\n }\r\n\r\n redirectToSystem = async function() {\r\n const { history, location } = this.props;\r\n const { needChangePassword } = this.state;\r\n\r\n if (needChangePassword) {\r\n history.replace(`${process.env.PUBLIC_URL}/BMS/Setting/update_user_password`);\r\n\r\n return;\r\n }\r\n\r\n let searchParams = new URLSearchParams(location.search);\r\n let defaultUrl = await this.getDefaultDashboardUrl();\r\n let toUrl = searchParams.get(\"redir\") || defaultUrl;\r\n history.replace(toUrl);\r\n }\r\n\r\n selectUserProfile = () => {\r\n //ming sing 20210129: this.Auth.selectUserProfile(profile) function already perform the user preference function\r\n //this.Auth.needRenewPreferences();\r\n //if (this.Auth.getUserPreferences().length > 0) {\r\n // this.setState({\r\n // preferences: this.Auth.getUserPreferences()\r\n // });\r\n //}\r\n Ajax.get(`${process.env.PUBLIC_URL}/api/v1/admin/getprofileTypeOpts`)\r\n .then(res => {\r\n let userProfiles = this.Auth.getUserProfiles(), profiles = [], profileOpts = [];\r\n if (res && isArray(res.data) && res.data.length > 0) {\r\n profileOpts = res.data;\r\n this.Auth.setProfileList(profileOpts);\r\n }\r\n\r\n if (this.Auth.getProfile().profile) {\r\n this.redirectToSystem();\r\n }\r\n else if (userProfiles.length > 0) {\r\n if (profileOpts.length > 0) {\r\n for (let i = 0; i < userProfiles.length; ++i) {\r\n for (let j = 0; j < profileOpts.length; ++j) {\r\n if (userProfiles[i] === profileOpts[j].profile_type_id) {\r\n profiles.push({ key: profileOpts[j].profile_type_id, value: profileOpts[j].profile_type });\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n for (let i = 0; i < userProfiles.length; ++i) {\r\n profiles.push({ key: userProfiles[i], value: userProfiles[i] });\r\n }\r\n }\r\n this.setState({\r\n profiles\r\n }, () => {\r\n const { current: { resetFields } } = this.formRef;\r\n resetFields && resetFields();\r\n });\r\n }\r\n else {\r\n this.redirectToSystem();\r\n }\r\n })\r\n .catch(error => {\r\n let userProfiles = this.Auth.getUserProfiles(), profiles = [];\r\n\r\n if (this.Auth.getProfile().profile) {\r\n this.redirectToSystem();\r\n }\r\n else if (userProfiles.length > 0) {\r\n for (let i = 0; i < userProfiles.length; ++i) {\r\n profiles.push({ key: userProfiles[i], value: userProfiles[i] });\r\n }\r\n this.setState({\r\n profiles\r\n });\r\n }\r\n else {\r\n this.redirectToSystem();\r\n }\r\n });\r\n }\r\n\r\n onFinish = (values) => {\r\n const { userName, password, language, profile } = values;\r\n\r\n if (this.Auth.loggedIn()) {\r\n this.Auth.selectUserProfile(profile)\r\n .then(() => {\r\n this.selectUserProfile();\r\n })\r\n .catch(err => {\r\n if (err.response && err.response.data && err.response.data.Message) {\r\n Message.error(err.response.data.Message, 30);\r\n }\r\n else if (err.response && err.response.data && err.response.data.msgKey) {\r\n Message.error(getText(err.response.data.msgKey));\r\n }\r\n else if (err.response && err.response.status) {\r\n if (err.response.status === 404) Message.error('404 Not Found');\r\n else if (err.response.status === 500) Message.error('500 Internal Server Error');\r\n else Message.error(`${err.response.status} Error`);\r\n }\r\n else {\r\n console.log('Server not available', err)\r\n Message.error('Server not available');\r\n }\r\n });\r\n }\r\n else {\r\n this.Auth.login(userName, password, language)\r\n .then(res => {\r\n updateServiceWorker();\r\n this.setState({ needChangePassword: res.data ? res.data.needChangePassword : false }, () => {\r\n this.selectUserProfile();\r\n });\r\n })\r\n .catch(err => {\r\n if (err.response && err.response.data && err.response.data.Message) {\r\n Message.error(err.response.data.Message, 30);\r\n }\r\n else if (err.response && err.response.data && err.response.data.msgKey) {\r\n Message.error(getText(err.response.data.msgKey));\r\n }\r\n else if (err.response && err.response.status) {\r\n if (err.response.status === 404) Message.error('404 Not Found');\r\n else if (err.response.status === 500) Message.error('500 Internal Server Error');\r\n else Message.error(`${err.response.status} Error`);\r\n }\r\n else {\r\n Message.error('Server not available');\r\n }\r\n });\r\n }\r\n }\r\n\r\n //onFinishFailed = ({ values, errorFields, outOfDate }) => {\r\n // console.log(values, errorFields, outOfDate)\r\n //}\r\n\r\n setModalTermsOfUseVisible = modalTermsOfUseVisible => this.setState({ modalTermsOfUseVisible });\r\n\r\n render() {\r\n const { profiles } = this.state;\r\n \r\n return (\r\n 403 Forbidden
\r\nYou don't have permission to access {this.props.location.pathname.split('/').pop() === 'AccessDeclined' ? 'the record' : '(' + this.props.location.pathname + ')'}.
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n }\r\n visible={this.state.modalTermsOfUseVisible}\r\n onCancel={() => this.setModalTermsOfUseVisible(false)}\r\n footer={null}\r\n >\r\n \r\n 0 ? profiles[0].key : ''\r\n }}\r\n ref={this.formRef}\r\n >\r\n {\r\n profiles.length === 0 &&\r\n <>\r\n \r\n } placeholder=\"Username\" />\r\n \r\n \r\n } type=\"password\" placeholder=\"Password\" />\r\n \r\n \r\n \r\n \r\n \r\n }\r\n {\r\n profiles.length > 0 &&\r\n \r\n \r\n\r\n \r\n }\r\n \r\n \r\n {/*{getText('lbRegister')}*/}\r\n {getText('lbForgotPW')}\r\n \r\n \r\n \r\n
\r\n \r\n {/*\r\n 
\r\n */}\r\n
\r\n {getText('lbMR')}
\r\nM+R Core System
\r\nTerms of Use
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTracker(NormalLoginForm);","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAARVBMVEUAAABgYGBoaGhlZWVoaGhmZmZlZWVmZmZmZmZnZ2dmZmZlZWVmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbi8BcbAAAAFnRSTlMAECAwQFBgcICQoLDAxMjQ4Ofu8PX2lyd6PAAAAuNJREFUaN7tWdmWnCAQbVYRTSBhwv9/amyVTQpnBst5sp76tN1cqeXWLXi9HnvssccewzAu1dskuw1BTM4Hc/oWHGl9aTPHhqCzr20kuJ5yHjKD6TOZYjFrpdOuHB6KCEuOYU2hw1cUKx4OCAGddo8hgWzeccdkGjYUhVOALe/vkaJ4G4GKQm1eRMBg60oafGbWPSKAqBOfiOYme7w1NR5apNCv+SsbD9dyma+DnHpE/QSI+AmQARNE3Owuc1ZwBqka1wSyDer0Z6n3bZ6X7RdAIa+1UBxpMg5CSAKvAEsRi8Uqy1pbz9LHvRCDt5HYfQ+qIWgLrC4fGroiVffFSK2cbN+ZHIpSBYk0YUGQMSmtP/Nivz6SJhqQxIqJS/7+t3/4mzTrhCEjmYsam7K49IvrKCMJGoZbox7F9nuHGgslYMw0Uy6BE7lFQdkLMbbxsUxcMnmEgpwPxbBvLL269pe1l6oKjkxLCo91ofYTGAOKmr+tpgNLrjlrrElRV92xW3yJejYIjKXqyYJeYSxWqYpjOg0navlrI0PxXxKrvJYTvisqU912eaKV+useqqSAE9KASuut2A6QAVhMRRAOgLPO/DVwizz6ZmOfjiyG/JwGeIUyQnAo+dO5xATNqH20ZaHdQbxL+whMA+/Ls2MVqHCHrrirNgj5/OdfVMDi1cjgyjWqSx9BK2XS6Cjq+qYhCCQ/WFN3geQHhBpjQoVAihNIoFAwQFgO4m5yFy/OHzFAbJ1CQwHC69rVfSRM4G5SETvro+EREKAmPxMGxKzsY+EShRg4g3eMjpPVAULR0OjDLkyPYcEiwtwkiX8IVd/0qEEGkbagTXJ1Qo1TTrsbSXd5Ch4/ucaI1x3uyqQdX9QbeVSIVEXCtNdODFhWG7PiIeJUjNmD6wOwKq9M7DIElZcpTmDM8dqfmFNI10FtGDSItRoGA0BMEvdSa9mO1DnQPApshJhsnEslOKevxx577LHHEOw/KJxzeMPkQ5YAAAAASUVORK5CYII=\"","import React, { Component } from 'react';\r\n\r\nimport { Button, Card, Form4, Input, Message } from '../components/base/index';\r\nimport { getText } from '../i18n/i18next';\r\nimport withTracker from '../components/withTracker';\r\nimport Ajax from '../components/Ajax';\r\nimport { SetTitle } from '../components/Common';\r\n\r\nimport { ReactComponent as CompanyLogo } from '../img/mr_spedag_logo.svg';\r\nimport userIcon from '../img/signup_title.png';\r\n\r\nimport './ForgotPassword.scss';\r\n\r\nconst FormItem4 = Form4.Item;\r\n\r\nclass ForgotPasswordForm extends Component {\r\n state = {\r\n userName: ''\r\n }\r\n\r\n componentDidMount() {\r\n SetTitle('Forgot Password');\r\n }\r\n\r\n onFinish = (values) => {\r\n const { userName } = values;\r\n\r\n Message.loading(getText('msgSubmitting'), 0);\r\n Ajax.post(`${process.env.PUBLIC_URL}/api/v1/Password/forgotpassword`, { userName })\r\n .then(res => {\r\n Message.destroy();\r\n\r\n if (res.status === 200 && res.data && res.data.success) {\r\n const { history } = this.props;\r\n Message.success(getText(\"msgSubmitForgotPwSuccessfully\"), 5, () => { history.push('/'); });\r\n }\r\n else {\r\n Message.error(getText(\"msgSubmitForgotPwFail\"));\r\n }\r\n })\r\n .catch(err => {\r\n Message.destroy();\r\n if (err.response && err.response.data && err.response.data.Message) {\r\n Message.error(err.response.data.Message, 30);\r\n }\r\n else {\r\n Message.error(getText(\"msgSubmitForgotPwFail\"));\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n \r\n return (\r\n {getText(\"lbTermsOfUseContent\")}
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTracker(ForgotPasswordForm);","import React, { Component } from 'react';\r\n\r\nimport { Button, Card, Form4, Input, Message } from '../components/base/index';\r\n//import AuthService from '../components/AuthService';\r\nimport { getText } from '../i18n/i18next';\r\nimport withTracker from '../components/withTracker';\r\nimport Ajax from '../components/Ajax';\r\nimport { SetTitle, checkStrongPassword, CheckIsNullOrUndefined } from '../components/Common';\r\nimport * as qs from 'query-string';\r\n\r\nimport { ReactComponent as CompanyLogo } from '../img/mr_spedag_logo.svg';\r\nimport passwordIcon from '../img/password_lock.png';\r\n\r\nimport './ForgotPassword.scss';\r\n\r\nconst FormItem4 = Form4.Item;\r\nconst dataUrl = `${process.env.PUBLIC_URL}/api/v1/password/resetpassword`;\r\nconst getPasswordConfig = `${process.env.PUBLIC_URL}/api/v1/Password/getPasswordConfig`;\r\n\r\nclass ResetPasswordForm extends Component {\r\n state = {\r\n loginID: '',\r\n password: '',\r\n confirmPassword: '',\r\n validateStatus: '',\r\n pwErrorMsg: '',\r\n token: '',\r\n strongPWRequired: false\r\n }\r\n\r\n componentDidMount() {\r\n SetTitle('Reset Password');\r\n\r\n const parsed = qs.parse(this.props.location.search);\r\n\r\n let url = new URL(dataUrl, window.location.href);\r\n url.searchParams.append('loginid', parsed.loginID);\r\n url.searchParams.append('token', parsed.token);\r\n\r\n this.getPasswordConfig();\r\n\r\n Ajax.get(url)\r\n .then(res => {\r\n if (res.status === 200 && res.data && res.data.success) {\r\n this.setState({\r\n loginID: parsed.loginID,\r\n password: '',\r\n confirmPassword: '',\r\n validateStatus: '',\r\n pwErrorMsg: '',\r\n token: parsed.token\r\n });\r\n }\r\n else {\r\n this.setState({\r\n loginID: '',\r\n password: '',\r\n confirmPassword: '',\r\n validateStatus: '',\r\n pwErrorMsg: '',\r\n token: ''\r\n });\r\n }\r\n })\r\n .catch(error => {\r\n this.setState({\r\n loginID: '',\r\n password: '',\r\n confirmPassword: '',\r\n validateStatus: '',\r\n pwErrorMsg: '',\r\n token: ''\r\n });\r\n });\r\n }\r\n\r\n getPasswordConfig = async () => {\r\n let url = new URL(getPasswordConfig, window.location.href);\r\n\r\n let result = await Ajax.get(url);\r\n\r\n this.setState({ strongPWRequired: result && result.data && result.data.success ? result.data.useStrongPassword : false });\r\n }\r\n\r\n passwordOnChange = (type, value) => {\r\n let obj = JSON.parse(JSON.stringify(this.state));\r\n\r\n obj[type] = value;\r\n this.setState(obj, this.comparePasswords);\r\n }\r\n\r\n comparePasswords = () => {\r\n const { password, confirmPassword, strongPWRequired } = this.state;\r\n\r\n if (strongPWRequired && !CheckIsNullOrUndefined(password) && password !== '' && !checkStrongPassword(password)) {\r\n this.setState({ validateStatus: 'error', pwErrorMsg: getText('msgStrongPWRequired') });\r\n }\r\n else if (password !== confirmPassword) {\r\n this.setState({ validateStatus: 'error', pwErrorMsg: getText('msgPwNotMatch') });\r\n }\r\n else {\r\n this.setState({ validateStatus: '', pwErrorMsg: '' });\r\n }\r\n }\r\n\r\n onFinish = (values) => {\r\n const { loginID, password, confirmPassword, token, strongPWRequired } = this.state;\r\n\r\n if (password !== confirmPassword || (strongPWRequired && !CheckIsNullOrUndefined(password) && password !== '' && !checkStrongPassword(password))) return;\r\n\r\n Message.loading(getText('msgSubmitting'), 0);\r\n Ajax.post(`${process.env.PUBLIC_URL}/api/v1/Password/resetpassword`, { loginID, password, token })\r\n .then(res => {\r\n Message.destroy();\r\n\r\n if (res.status === 200 && res.data && res.data.success) {\r\n const { history } = this.props;\r\n Message.success(getText(\"msgResetPwSuccessfully\"), 5, () => { history.push('/'); });\r\n }\r\n else {\r\n Message.error(getText(\"msgResetPwFail\"));\r\n }\r\n })\r\n .catch(err => {\r\n Message.destroy();\r\n if (err.response && err.response.data && err.response.data.Message) {\r\n Message.error(err.response.data.Message, 30);\r\n }\r\n else if (err.response && err.response.data && err.response.data.msgKey) {\r\n Message.error(getText(err.response.data.msgKey));\r\n }\r\n else if (err.response && err.response.status) {\r\n if (err.response.status === 404) Message.error('404 Not Found');\r\n else if (err.response.status === 500) Message.error('500 Internal Server Error');\r\n else Message.error(`${err.response.status} Error`);\r\n }\r\n else {\r\n Message.error(getText(\"msgResetPwFail\"));\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n const { token, validateStatus, pwErrorMsg } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n } placeholder=\"Username\" />\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\nexport default withTracker(ResetPasswordForm);","import React, { Component } from 'react';\r\n\r\nimport { Button, Card } from '../../components/base/index';\r\nimport { getText } from '../../i18n/i18next';\r\nimport withTracker from '../../components/withTracker';\r\nimport { SetTitle } from '../../components/Common';\r\nimport { ReactComponent as CompanyLogo } from '../../img/mr_spedag_logo.svg';\r\n\r\nimport './Registration.scss';\r\n\r\n\r\nclass RegistrationForm extends Component {\r\n \r\n componentDidMount() {\r\n SetTitle('Registration');\r\n }\r\n\r\n goToRestrationPage = (withSIS = false) => {\r\n if (withSIS) {\r\n window.location.href = '/RegistrationWithSIS'\r\n }\r\n else {\r\n window.location.href = '/RegistrationWithoutSIS'\r\n }\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n {token !== '' ?\r\n \r\n \r\n } type=\"password\" placeholder=\"Password\" onChange={(e) => { this.passwordOnChange('password', e.target.value); }} />\r\n \r\n\r\n \r\n } type=\"password\" placeholder=\"Confirm Password\" onChange={(e) => { this.passwordOnChange('confirmPassword', e.target.value); }} />\r\n \r\n\r\n \r\n \r\n \r\n \r\n :\r\n
\r\n Invalid Token. Reset Password Fail.
\r\n }\r\n \r\n \r\n {/*\r\n \r\n */}\r\n
\r\n {getText('lbMR')}
\r\nM+R Core System
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTracker(RegistrationForm);","import React, { Component } from 'react';\r\n\r\nimport { Form4, Input, Message, Card, Col, Row, Button, Layout, Steps, Result, Notification, Spin, Modal, Tooltip, AutoComplete } from '../../components/base';\r\nimport { getText } from '../../i18n/i18next';\r\nimport Ajax from '../../components/Ajax';\r\nimport { SetTitle, checkStrongPassword, CheckIsNullOrUndefined } from '../../components/Common';\r\nimport EditButton from '../../components/EditButton';\r\nimport withTracker from '../../components/withTracker';\r\nimport { ReactComponent as CompanyLogo } from '../../img/mr_spedag_logo.svg';\r\nimport * as qs from 'query-string';\r\nimport history from '../../components/history';\r\nimport InformationIcon from '../../components/InformationIcon';\r\nimport { GetCountryOption } from '../ShippingOrder/common';\r\nimport './RegistrationWithSIS.scss';\r\nimport FlagIcon from '../../components/FlagIcon';\r\n\r\nconst FormItem4 = Form4.Item;\r\nconst { Header, Footer } = Layout;\r\n\r\nconst { Step } = Steps;\r\n\r\nconst steps = [\r\n {\r\n title: 'Enter SIS AC'\r\n },\r\n {\r\n title: 'Enter Details'\r\n },\r\n {\r\n title: 'Email Verification'\r\n },\r\n {\r\n title: 'Set Password'\r\n },\r\n {\r\n title: 'Activate Result'\r\n }\r\n];\r\n\r\nconst validateAndGetSISUserApiUrl = `${process.env.PUBLIC_URL}/api/v1/Admin/validateAndGetSISUser`;\r\nconst activateAccountUrl = `${process.env.PUBLIC_URL}/api/v1/admin/activateAccount`;\r\nconst getPasswordConfig = `${process.env.PUBLIC_URL}/api/v1/Password/getPasswordConfig`;\r\nconst updatePassword = `${process.env.PUBLIC_URL}/api/v1/Admin/UpdateNewUserPassword`;\r\nconst baseUrl = `${process.env.PUBLIC_URL}/api/v1`;\r\nconst inputDelayTimeinSec = 0.3;\r\nconst countryFlagStyle = {\r\n lineHeight: '39.9999px'\r\n};\r\n\r\nconst displayErrorMsg = (errorMsg = []) => {\r\n if (errorMsg.length > 0) {\r\n return (\r\n \r\n
\r\n {getText('msgHaveSISAccount')}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n else return '';\r\n};\r\n\r\nclass RegistrationWithSIS extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n current: 0,\r\n loading: false,\r\n confirmDirty: false,\r\n user: {},\r\n sis_user_id: null,\r\n activateResultTitle: '',\r\n activateResultStatus: '',\r\n activateResultMsg: '',\r\n modalTermsOfUseVisible: false,\r\n strongPWRequired: false,\r\n fdcList: []\r\n };\r\n\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n SetTitle('Registration');\r\n\r\n const parsed = qs.parse(this.props.location.search);\r\n \r\n if (parsed && parsed.loginID && parsed.token) {\r\n this.setState({ current: 3 });\r\n }\r\n else {\r\n this.getPasswordConfig();\r\n }\r\n }\r\n\r\n handleDropdownChange = async (controller, type, fieldName, value, callback, keepValue = false) => {\r\n if (value !== undefined && value !== null) {\r\n let url = new URL(`${baseUrl}/${controller}/${type}/${value}`, window.location.href);\r\n if (keepValue)\r\n url.searchParams.append('includeValue', true);\r\n\r\n try {\r\n let res = await Ajax.get(url.toString());\r\n let data = res.data;\r\n this.setState({ [`${fieldName}List`]: data }, () => {\r\n if (callback && typeof callback === \"function\") {\r\n callback(data);\r\n }\r\n });\r\n } catch (error) {\r\n if (error.response && error.response.status === 404) {\r\n let data = [];\r\n if (keepValue) {\r\n if (type === 'port')\r\n data.push({ \"name\": value, \"unCode\": value, \"countryCode\": \"\", \"countryName\": \"\" });\r\n else\r\n data.push(value);\r\n }\r\n this.setState({ [`${fieldName}List`]: data });\r\n }\r\n }\r\n }\r\n }\r\n\r\n handleCountryCodeChange = (value, callback) => {\r\n if (this.fdcChangetimeoutID !== null) clearTimeout(this.fdcChangetimeoutID);\r\n this.fdcChangetimeoutID = setTimeout(() => {\r\n this.handleDropdownChange('master', 'country', 'fdc', value, callback);\r\n }, inputDelayTimeinSec * 1000);\r\n }\r\n\r\n handleCountryCodeOnSelect = (e) => {\r\n const { user } = this.state;\r\n\r\n user['co_country_code'] = e;\r\n\r\n this.setState({\r\n user\r\n });\r\n }\r\n\r\n updatePassword = async (password) => {\r\n const parsed = qs.parse(this.props.location.search);\r\n\r\n if (parsed && parsed.loginID && parsed.token) {\r\n let user = { login_id: parsed.loginID, password: password, token: parsed.token };\r\n await Ajax.post(`${updatePassword}`, user)\r\n }\r\n else {\r\n Message.error('Invalid login email or token');\r\n }\r\n }\r\n\r\n activateAccount = async (loginID, token) => {\r\n let url = new URL(activateAccountUrl, window.location.href);\r\n url.searchParams.append('loginid', loginID);\r\n url.searchParams.append('token', token);\r\n\r\n try {\r\n let res = await Ajax.get(url);\r\n\r\n if (res && res.data && res.data.success) {\r\n this.setState({\r\n activateResultTitle: 'Activate Account Successfully',\r\n activateResultStatus: 'success',\r\n activateResultMsg: getText('msgActivateACSuccessfullly')\r\n })\r\n }\r\n else {\r\n this.setState({\r\n activateResultTitle: 'Fail to Activate Account',\r\n activateResultStatus: 'error',\r\n activateResultMsg: 'Acoount has been activated already or activate period exceeds 7 days'\r\n })\r\n }\r\n }\r\n catch (err) {\r\n this.setState({\r\n activateResultTitle: 'Fail to Activate Account',\r\n activateResultStatus: 'error',\r\n activateResultMsg: err && err.response && err.response.data ? err.response.data.Message : ''\r\n })\r\n }\r\n }\r\n\r\n goToLoginPage = () => {\r\n window.location.href = '/login'\r\n }\r\n\r\n validateAndGetSISAC = async (sis_user_id, password) => {\r\n let url = new URL(validateAndGetSISUserApiUrl, window.location.href);\r\n url.searchParams.append('sis_user_id', sis_user_id);\r\n url.searchParams.append('password', password);\r\n\r\n let result = await Ajax.get(url);\r\n return result.data;\r\n }\r\n\r\n getPasswordConfig = async () => {\r\n let url = new URL(getPasswordConfig, window.location.href);\r\n\r\n let result = await Ajax.get(url);\r\n\r\n this.setState({ strongPWRequired: result && result.data && result.data.success ? result.data.useStrongPassword : false });\r\n }\r\n\r\n validateToNextPassword = (rule, value, callback) => {\r\n const { strongPWRequired } = this.state;\r\n \r\n if (strongPWRequired && !CheckIsNullOrUndefined(value) && value !== '' && !checkStrongPassword(value)) {\r\n callback(getText('msgStrongPWRequired'));\r\n }\r\n \r\n callback();\r\n }\r\n\r\n handleConfirmBlur = e => {\r\n const { value } = e.target;\r\n this.setState({ confirmDirty: this.state.confirmDirty || !!value });\r\n }\r\n\r\n validate = async (values) => {\r\n let url = new URL(`${process.env.PUBLIC_URL}/api/v1/admin/validateuserprofile`, window.location.href);\r\n url.searchParams.append('login_id', values.login_id);\r\n url.searchParams.append('checkIsRegistered', true);\r\n \r\n try {\r\n let result = await Ajax.get(url)\r\n \r\n return result.data;\r\n }\r\n catch (error) {\r\n Message.error(`${error}`);\r\n return false;\r\n }\r\n\r\n }\r\n\r\n doCheckValidCode = (value, codeList, field) => {\r\n if (CheckIsNullOrUndefined(value) || value === '') return true;\r\n\r\n let len = codeList.length;\r\n let validCode = false;\r\n\r\n if (len <= 0) {\r\n return false;\r\n }\r\n\r\n for (var i = 0; i < len; ++i) {\r\n if (codeList[i][field] === value) {\r\n validCode = true;\r\n break;\r\n }\r\n }\r\n\r\n return validCode;\r\n }\r\n\r\n onFinish = async (values) => {\r\n const { current } = this.state;\r\n this.setState({ loading: true });\r\n\r\n if ((current % 5) === 0) {\r\n let res = await this.validateAndGetSISAC(values.sis_user_id, values.sis_password);\r\n\r\n if (res && res.msg_type === 'error') {\r\n Notification.error({\r\n message: getText(res.msg_key),\r\n description: '',\r\n placement: 'bottomRight'\r\n });\r\n this.setState({ loading: false });\r\n }\r\n else {\r\n this.setState({\r\n current: (current + 1) % 5,\r\n loading: false,\r\n user: res,\r\n sis_user_id: values.sis_user_id\r\n });\r\n }\r\n }\r\n else if ((current % 5) === 1) {\r\n let user = Object.assign({}, this.state.user, values, { email2: values.login_id });\r\n user.status = 'P';\r\n user.sis_user_id = this.state.sis_user_id;\r\n\r\n\r\n for (let i = 0; i < user.profiles.length; ++i) {\r\n user.profiles[i].status = 'P';\r\n user.profiles[i].action = 'i';\r\n\r\n if (!user.profiles[i].parties) {\r\n user.profiles[i].parties = [];\r\n }\r\n else {\r\n for (let j = 0; j < user.profiles[i].parties.length; ++j) {\r\n user.profiles[i].parties[j].action = 'i';\r\n user.profiles[i].parties[j].status = 'P';\r\n }\r\n }\r\n\r\n if (!user.profiles[i].roles) {\r\n user.profiles[i].roles = [];\r\n }\r\n else {\r\n for (let j = 0; j < user.profiles[i].roles.length; ++j) {\r\n user.profiles[i].roles[j].action = 'i';\r\n }\r\n }\r\n\r\n if (!user.profiles[i].party_groups) {\r\n user.profiles[i].party_groups = [];\r\n }\r\n else {\r\n for (let j = 0; j < user.profiles[i].party_groups.length; ++j) {\r\n user.profiles[i].party_groups[j].action = 'i';\r\n }\r\n }\r\n\r\n if (!user.profiles[i].tradelanees) {\r\n user.profiles[i].tradelanees = [];\r\n }\r\n else {\r\n for (let j = 0; j < user.profiles[i].tradelanees.length; ++j) {\r\n user.profiles[i].tradelanees[j].action = 'i';\r\n user.profiles[i].tradelanees[j].status = 'P';\r\n }\r\n }\r\n }\r\n\r\n let res = await this.validate(user);\r\n\r\n if (res) {\r\n if (res.length > 0) {\r\n\r\n let title = 'Error';\r\n if (values)\r\n title = values.login_id;\r\n let errorMessages = [];\r\n res.forEach((r) => {\r\n errorMessages.push(getText(r.msg_key));\r\n });\r\n\r\n Notification.error({\r\n message: title,\r\n description: displayErrorMsg(errorMessages),\r\n //bottom: 'bottomRight',\r\n placement: 'bottomRight',\r\n duration: 0\r\n });\r\n }\r\n else {\r\n try {\r\n let upsertRes = await Ajax.post(`${process.env.PUBLIC_URL}/api/v1/admin/registeruser`, user)\r\n\r\n let result = upsertRes.data;\r\n\r\n if (!result) {\r\n Message.error(getText('errSaveUnknown'));\r\n }\r\n\r\n this.setState({\r\n current: (current + 1) % 5,\r\n });\r\n }\r\n catch (err) {\r\n this.setState({\r\n loading: false\r\n }, () => { Message.error(getText('errSaveUnknown')); });\r\n }\r\n }\r\n }\r\n\r\n this.setState({ loading: false });\r\n }\r\n else if ((current % 5) === 3) {\r\n try {\r\n await this.updatePassword(values.password);\r\n\r\n this.setState({\r\n current: (current + 1) % 5,\r\n loading: false,\r\n activateResultTitle: 'Activate Account Successfully',\r\n activateResultStatus: 'success',\r\n activateResultMsg: getText('msgActivateACSuccessfullly')\r\n });\r\n }\r\n catch (err) {\r\n this.setState({\r\n loading: false\r\n }, () => { Message.error(getText('errSaveUnknown')); });\r\n }\r\n }\r\n }\r\n\r\n onFinishFailed = ({ values, errorFields, outOfDate }) => {\r\n Message.error('one or more field types are not input properly');\r\n }\r\n\r\n setModalTermsOfUseVisible = modalTermsOfUseVisible => this.setState({ modalTermsOfUseVisible });\r\n\r\n handleBack = (e) => {\r\n window.onbeforeunload = undefined;\r\n history.goBack();\r\n }\r\n \r\n render() {\r\n const { current, user, activateResultTitle, activateResultMsg, activateResultStatus, fdcList } = this.state;\r\n\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 6 }\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 18 }\r\n }\r\n };\r\n\r\n const formItemLayoutWithOutLabel = {\r\n wrapperCol: {\r\n xs: { span: 24, offset: 0 },\r\n sm: { span: 18, offset: 6 }\r\n }\r\n };\r\n const rootClassName = `root`;\r\n const now = new Date();\r\n const fdcOptions = GetCountryOption(fdcList);\r\n const routingFormColLayout = {\r\n dropdown: {\r\n xs: 24,\r\n sm: 24,\r\n lg: 19,\r\n xl: 19\r\n },\r\n dropdown1: {\r\n xs: 22,\r\n sm: 22,\r\n lg: 16,\r\n xl: 16\r\n },\r\n dropdown2: {\r\n xs: 4,\r\n sm: 4,\r\n lg: 2,\r\n xl: 2\r\n },\r\n flag: {\r\n xs: 24,\r\n sm: { span: 12, offset: 12 },\r\n lg: { span: 4, offset: 0 },\r\n xl: 4\r\n }\r\n };\r\n \r\n return (\r\n - \r\n {errorMsg.map((msg, index) =>
- {msg} )}\r\n
\r\n \r\n {steps.map(item => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {getText('msgSISIDVerified')}\r\n \r\n \r\n {getText('lbLoinID')} }\r\n name='login_id'\r\n rules={[\r\n {\r\n type: 'email',\r\n message: 'Please enter an email address as your login ID',\r\n },\r\n {\r\n required: true,\r\n message: getText('msgLoinIDRequired')\r\n }\r\n ]}\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {getText('lbFamilyName')}\r\n \r\n )}\r\n name='family_name'\r\n rules={[{ required: true, message: getText('msgFamilyNameRequired'), whitespace: true }]}\r\n initialValue={user.family_name}\r\n >\r\n \r\n \r\n \r\n {getText('lbGivenName')}\r\n \r\n )}\r\n name='given_name'\r\n rules={[{ required: true, message: getText('msgGiveNameRequired'), whitespace: true }]}\r\n initialValue={user.given_name}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {getText('lbCountryCode')}\r\n \r\n )}\r\n validateStatus={!this.doCheckValidCode(user.co_country_code, fdcList, 'country_code') ? 'error' : undefined}\r\n help={!this.doCheckValidCode(user.co_country_code, fdcList, 'country_code') ? getText('msgInvalidCountryCode') : undefined}\r\n name='co_country_code'\r\n rules={[{\r\n validator: (rule, value, callback) => {\r\n if (!this.doCheckValidCode(value, fdcList, 'country_code')) {\r\n callback(getText('msgInvalidCountryCode'));\r\n }\r\n\r\n callback();\r\n }\r\n }]}\r\n initialValue={user.co_country_code}\r\n >\r\n {\r\n this.handleCountryCodeChange(e, () => {\r\n this.handleCountryCodeOnSelect(e);\r\n });\r\n }}\r\n onSelect={(e) => { this.handleCountryCodeOnSelect(e); }}\r\n optionLabelProp=\"text\"\r\n placeholder={getText('lbCountryCode')}\r\n dropdownMatchSelectWidth={false}\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 {getText('lbCompany')}\r\n \r\n )}\r\n name='company'\r\n rules={[{ required: true, message: getText('msgCompanyRequired') }]}\r\n initialValue={user.company}\r\n >\r\n \r\n \r\n \r\n {getText('lbDepartment')}\r\n \r\n )}\r\n name='department'\r\n initialValue={user.department}\r\n >\r\n \r\n \r\n \r\n {getText('lbPosition')}\r\n \r\n )}\r\n name='position'\r\n initialValue={user.position}\r\n >\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n }\r\n {\r\n current === 2 &&\r\n \r\n \r\n {getText('lbPassword')}\r\n \r\n )}\r\n hasFeedback\r\n name='password'\r\n rules={[\r\n {\r\n required: true,\r\n message: getText('msgPasswordRequired')\r\n },\r\n {\r\n validator: this.validateToNextPassword,\r\n }\r\n ]}\r\n >\r\n \r\n \r\n \r\n {getText('lbConfirmPassword')}\r\n \r\n )}\r\n hasFeedback\r\n name='confirm_password'\r\n rules={[\r\n {\r\n required: true,\r\n message: getText('msgConfirmPasswordRequired')\r\n },\r\n ({ getFieldValue }) => ({\r\n validator(_, value) {\r\n if (!value || getFieldValue('password') === value) {\r\n return Promise.resolve();\r\n }\r\n\r\n return Promise.reject(new Error(getText('msgPasswordInconsistent')));\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 current === 4 &&\r\n Terms of Use
\r\n \r\n }\r\n \r\n visible={this.state.modalTermsOfUseVisible}\r\n onCancel={() => this.setModalTermsOfUseVisible(false)}\r\n footer={null}\r\n >\r\n\r\n
\r\n \r\n {getText(\"lbTermsOfUseContent\")}
\r\n\r\n
\r\n );\r\n }\r\n else return '';\r\n};\r\n\r\nclass RegistrationWithoutSIS extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n current: 0,\r\n loading: false,\r\n confirmDirty: false,\r\n user: {},\r\n userType: \"\",\r\n userTypeOption: [],\r\n LocationOption: [],\r\n officeOption: [],\r\n fdcList: [],\r\n //activateResultTitle: '',\r\n //activateResultStatus: '',\r\n //activateResultMsg: '',\r\n modalTermsOfUseVisible: false,\r\n strongPWRequired: false\r\n };\r\n\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n SetTitle('Registration');\r\n\r\n const parsed = qs.parse(this.props.location.search);\r\n\r\n if (parsed && parsed.loginID && parsed.token) {\r\n this.setState({ current: 2 });\r\n }\r\n this.getOffice();\r\n this.getUserTypeOpts();\r\n this.getLocationOpts();\r\n this.getPasswordConfig();\r\n }\r\n\r\n\r\n goToLoginPage = () => {\r\n window.location.href = '/login'\r\n }\r\n\r\n handleBack = (e) => {\r\n window.onbeforeunload = undefined;\r\n history.goBack();\r\n }\r\n\r\n handleDropdownChange = async (controller, type, fieldName, value, callback, keepValue = false) => {\r\n if (value !== undefined && value !== null) {\r\n let url = new URL(`${baseUrl}/${controller}/${type}/${value}`, window.location.href);\r\n if (keepValue)\r\n url.searchParams.append('includeValue', true);\r\n\r\n try {\r\n let res = await Ajax.get(url.toString());\r\n let data = res.data;\r\n this.setState({ [`${fieldName}List`]: data }, () => {\r\n if (callback && typeof callback === \"function\") {\r\n callback(data);\r\n }\r\n });\r\n } catch (error) {\r\n if (error.response && error.response.status === 404) {\r\n let data = [];\r\n if (keepValue) {\r\n if (type === 'port')\r\n data.push({ \"name\": value, \"unCode\": value, \"countryCode\": \"\", \"countryName\": \"\" });\r\n else\r\n data.push(value);\r\n }\r\n this.setState({ [`${fieldName}List`]: data });\r\n }\r\n }\r\n }\r\n }\r\n\r\n handleCountryCodeChange = (value, callback) => {\r\n if (this.fdcChangetimeoutID !== null) clearTimeout(this.fdcChangetimeoutID);\r\n this.fdcChangetimeoutID = setTimeout(() => {\r\n this.handleDropdownChange('master', 'country', 'fdc', value, callback);\r\n }, inputDelayTimeinSec * 1000);\r\n }\r\n\r\n handleCountryCodeOnSelect = (e) => {\r\n const { user } = this.state;\r\n\r\n user['co_country_code'] = e;\r\n\r\n this.setState({\r\n user\r\n });\r\n }\r\n\r\n getOffice = () => {\r\n Ajax.get(`${process.env.PUBLIC_URL}/api/v1/admin/getofficeopts`)\r\n .then(res => {\r\n if (res && res.data && res.data && res.data.length > 0) {\r\n this.setState({ officeOption: res.data });\r\n }\r\n })\r\n .catch(error => {\r\n if (error.response && error.response.status === 404) {\r\n\r\n }\r\n });\r\n }\r\n\r\n filterOfficeByLocation = () => {\r\n const { current } = this.formRef;\r\n const location_type_id = current && current.getFieldValue('location_type_id'), currentLocationType = locationGroup[location_type_id-1];\r\n let officeOption = this.state.officeOption;\r\n var resArr = [];\r\n\r\n if(!location_type_id || location_type_id === 0) return ;\r\n\r\n officeOption = officeOption.filter(office => currentLocationType.includes(office.group_id));\r\n\r\n for (var i = 0; i < officeOption.length; ++i) {\r\n resArr.push();\r\n }\r\n\r\n return resArr;\r\n }\r\n\r\n getUserTypeOpts = () => {\r\n Ajax.get(`${process.env.PUBLIC_URL}/api/v1/admin/getusertypeopts`)\r\n .then(res => {\r\n\r\n if (res && res.data) {\r\n let resDat = res.data, resArr = [];\r\n\r\n for (let i = 0; i < resDat.length; ++i) {\r\n resArr.push();\r\n }\r\n\r\n this.setState({ userTypeOption: resArr });\r\n }\r\n })\r\n .catch(error => {\r\n if (error.response && error.response.status === 404) {\r\n\r\n }\r\n });\r\n }\r\n\r\n getLocationOpts = () => {\r\n Ajax.get(`${process.env.PUBLIC_URL}/api/v1/admin/getlocationopts`)\r\n .then(res => {\r\n \r\n if (res && res.data) {\r\n let resDat = res.data, resArr = [];\r\n for (let i = 0; i < resDat.length; ++i) {\r\n resArr.push();\r\n }\r\n\r\n this.setState({ locationOption: resArr });\r\n }\r\n })\r\n .catch(error => {\r\n if (error.response && error.response.status === 404) {\r\n\r\n }\r\n });\r\n }\r\n\r\n updatePassword = async (password) => {\r\n const parsed = qs.parse(this.props.location.search);\r\n\r\n if (parsed && parsed.loginID && parsed.token) {\r\n let user = { login_id: parsed.loginID, password: password, token: parsed.token };\r\n await Ajax.post(`${updatePassword}`, user)\r\n }\r\n else {\r\n Message.error('Invalid login email or token');\r\n }\r\n }\r\n\r\n //activateAccount = async (loginID, token) => {\r\n // let url = new URL(activateAccountUrl, window.location.href);\r\n // url.searchParams.append('loginid', loginID);\r\n // url.searchParams.append('token', token);\r\n\r\n // try {\r\n // let res = await Ajax.get(url);\r\n\r\n // if (res && res.data && res.data.success) {\r\n // this.setState({\r\n // activateResultTitle: 'Activate Account Successfully',\r\n // activateResultStatus: 'success',\r\n // })\r\n // }\r\n // else {\r\n // this.setState({\r\n // activateResultTitle: 'Fail to Activate Account',\r\n // activateResultStatus: 'error',\r\n // activateResultMsg: 'Acoount has been activated already or activate period exceeds 7 days'\r\n // })\r\n // }\r\n // }\r\n // catch (err) {\r\n // this.setState({\r\n // activateResultTitle: 'Fail to Activate Account',\r\n // activateResultStatus: 'error',\r\n // activateResultMsg: err && err.response && err.response.data ? err.response.data.Message : ''\r\n // })\r\n // }\r\n //}\r\n\r\n getPasswordConfig = async () => {\r\n let url = new URL(getPasswordConfig, window.location.href);\r\n\r\n let result = await Ajax.get(url);\r\n\r\n this.setState({ strongPWRequired: result && result.data && result.data.success ? result.data.useStrongPassword : false });\r\n }\r\n\r\n validateToNextPassword = async (rule, value) => {\r\n const { strongPWRequired } = this.state;\r\n\r\n if (strongPWRequired && !CheckIsNullOrUndefined(value) && value !== '' && !checkStrongPassword(value)) {\r\n throw new Error(getText('msgStrongPWRequired'));\r\n }\r\n }\r\n\r\n handleConfirmBlur = e => {\r\n const { value } = e.target;\r\n this.setState({ confirmDirty: this.state.confirmDirty || !!value });\r\n }\r\n\r\n handleUserTypeChange = e => {\r\n if (e !== 'SHIPPER'){\r\n const { current } = this.formRef;\r\n\r\n current && current.setFieldsValue({\r\n location_type_id: 0,\r\n referred_by_office_party_id: 0\r\n });\r\n }\r\n\r\n this.setState({ \r\n userType: e\r\n });\r\n }\r\n\r\n handleLocationChange = e => {\r\n this.setState({ location: e });\r\n }\r\n\r\n validate = async (values) => {\r\n let url = new URL(`${process.env.PUBLIC_URL}/api/v1/admin/validateuserprofile`, window.location.href);\r\n url.searchParams.append('login_id', values.login_id);\r\n url.searchParams.append('checkIsRegistered', true);\r\n \r\n try {\r\n let result = await Ajax.get(url)\r\n \r\n return result.data;\r\n }\r\n catch (error) {\r\n Message.error(`${error}`);\r\n return false;\r\n }\r\n }\r\n\r\n doCheckValidCode = (value, codeList, field) => {\r\n if (CheckIsNullOrUndefined(value) || value === '') return true;\r\n\r\n let len = codeList.length;\r\n let validCode = false;\r\n\r\n if (len <= 0) {\r\n return false;\r\n }\r\n\r\n for (var i = 0; i < len; ++i) {\r\n if (codeList[i][field] === value) {\r\n validCode = true;\r\n break;\r\n }\r\n }\r\n \r\n return validCode;\r\n }\r\n\r\n onFinish = async (values) => {\r\n const { current } = this.state;\r\n\r\n this.setState({ loading: true });\r\n\r\n if (current === 0) {\r\n let user = Object.assign({}, this.state.user, values, { email2: values.login_id });\r\n if (user.location_type_id === 0) {\r\n user.location_type_id = null;\r\n }\r\n if (user.referred_by_office_party_id === 0) {\r\n user.referred_by_office_party_id = null;\r\n }\r\n user.status = 'P';\r\n\r\n let res = await this.validate(user);\r\n\r\n if (res) {\r\n if (res.length > 0) {\r\n\r\n let title = 'Error';\r\n if (values)\r\n title = values.login_id;\r\n let errorMessages = [];\r\n res.forEach((r) => {\r\n errorMessages.push(getText(r.msg_key));\r\n });\r\n\r\n Notification.error({\r\n message: title,\r\n description: displayErrorMsg(errorMessages),\r\n placement: 'bottomRight',\r\n duration: 0\r\n });\r\n }\r\n else {\r\n try {\r\n let upsertRes = await Ajax.post(`${process.env.PUBLIC_URL}/api/v1/admin/registerapplication`, user)\r\n\r\n let result = upsertRes.data;\r\n\r\n if (!result) {\r\n Message.error(getText('errSaveUnknown'));\r\n }\r\n\r\n this.setState({ current: (current + 1) % 4 });\r\n }\r\n catch (err) {\r\n this.setState({\r\n loading: false\r\n }, () => { Message.error(getText('errSaveUnknown')); });\r\n }\r\n }\r\n }\r\n }\r\n else if (current === 2) {\r\n await this.updatePassword(values.password);\r\n\r\n this.setState({ current: (current + 1) % 4 });\r\n }\r\n\r\n this.setState({ loading: false });\r\n }\r\n\r\n onFinishFailed = ({ values, errorFields, outOfDate }) => {\r\n Message.error('one or more field types are not input properly');\r\n }\r\n\r\n setModalTermsOfUseVisible = modalTermsOfUseVisible => this.setState({ modalTermsOfUseVisible });\r\n \r\n render() {\r\n const { current, user, fdcList /*activateResultTitle, activateResultMsg, activateResultStatus*/ } = this.state;\r\n \r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 6 }\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 18 }\r\n }\r\n };\r\n\r\n const formItemLayoutWithOutLabel = {\r\n wrapperCol: {\r\n xs: { span: 24, offset: 0 },\r\n sm: { span: 18, offset: 6 }\r\n }\r\n };\r\n const rootClassName = `root`;\r\n const now = new Date();\r\n const fdcOptions = GetCountryOption(fdcList);\r\n const routingFormColLayout = {\r\n dropdown: {\r\n xs: 24,\r\n sm: 24,\r\n lg: 19,\r\n xl: 19\r\n },\r\n dropdown1: {\r\n xs: 22,\r\n sm: 22,\r\n lg: 16,\r\n xl: 16\r\n },\r\n dropdown2: {\r\n xs: 4,\r\n sm: 4,\r\n lg: 2,\r\n xl: 2\r\n },\r\n flag: {\r\n xs: 24,\r\n sm: { span: 12, offset: 12 },\r\n lg: { span: 4, offset: 0 },\r\n xl: 4\r\n }\r\n };\r\n\r\n return (\r\n - \r\n {errorMsg.map((msg, index) =>
- {msg} )}\r\n
\r\n \r\n {steps.map(item => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {getText('lblUserType')}\r\n \r\n )}\r\n name='user_type_id'\r\n rules={[\r\n {\r\n required: true,\r\n message: getText('Please choose an user type')\r\n }\r\n ]}\r\n >\r\n \r\n \r\n \r\n {getText('lblLocation')} }\r\n name='location_type_id'\r\n >\r\n \r\n \r\n \r\n {getText('lblReferred')} }\r\n name='referred_by'\r\n >\r\n \r\n \r\n \r\n {getText('lblReferredOffice')} }\r\n style={this.state.userType !== 'SHIPPER' ? { display: 'none' } : {}}\r\n name='referred_by_office_party_id'\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {getText('lbLoinID')} }\r\n name='login_id'\r\n rules={[\r\n {\r\n type: 'email',\r\n message: 'Please enter an email address as your login ID',\r\n },\r\n {\r\n required: true,\r\n message: getText('msgLoinIDRequired')\r\n }\r\n ]}\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {getText('lbFamilyName')}\r\n \r\n )}\r\n name='family_name'\r\n rules={[{ required: true, message: getText('msgFamilyNameRequired'), whitespace: true }]}\r\n initialValue={user.family_name}\r\n >\r\n \r\n \r\n \r\n {getText('lbGivenName')}\r\n \r\n )}\r\n name='given_name'\r\n rules={[{ required: true, message: getText('msgGiveNameRequired'), whitespace: true }]}\r\n initialValue={user.given_name}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {getText('lbCountryCode')}\r\n \r\n )}\r\n validateStatus={!this.doCheckValidCode(user.co_country_code, fdcList, 'country_code') ? 'error' : undefined}\r\n help={!this.doCheckValidCode(user.co_country_code, fdcList, 'country_code') ? getText('msgInvalidCountryCode') : undefined}\r\n name='co_country_code'\r\n rules={[{\r\n validator: (rule, value, callback) => {\r\n if (!this.doCheckValidCode(value, fdcList, 'country_code')) {\r\n callback(getText('msgInvalidCountryCode'));\r\n }\r\n\r\n callback();\r\n }\r\n }]}\r\n initialValue={user.co_country_code}\r\n >\r\n {\r\n this.handleCountryCodeChange(e, () => {\r\n this.handleCountryCodeOnSelect(e);\r\n });\r\n }}\r\n onSelect={(e) => { this.handleCountryCodeOnSelect(e); }}\r\n optionLabelProp=\"text\"\r\n placeholder={getText('lbCountryCode')}\r\n dropdownMatchSelectWidth={false}\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 {getText('lbCompany')}\r\n \r\n )}\r\n name='company'\r\n rules={[{ required: true, message: getText('msgCompanyRequired') }]}\r\n initialValue={user.company}\r\n >\r\n \r\n \r\n \r\n {getText('lbDepartment')}\r\n \r\n )}\r\n name='department'\r\n initialValue={user.department}\r\n >\r\n \r\n \r\n \r\n {getText('lbPosition')}\r\n \r\n )}\r\n name='position'\r\n initialValue={user.position}\r\n >\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n }\r\n {\r\n current === 2 &&\r\n \r\n \r\n {getText('lbPassword')}\r\n \r\n )}\r\n hasFeedback\r\n name='password'\r\n rules={[\r\n {\r\n required: true,\r\n message: getText('msgPasswordRequired')\r\n },\r\n {\r\n validator: this.validateToNextPassword,\r\n }\r\n ]}\r\n >\r\n \r\n \r\n \r\n {getText('lbConfirmPassword')}\r\n \r\n )}\r\n hasFeedback\r\n dependencies={['password']}\r\n name='confirm_password'\r\n rules={[\r\n {\r\n required: true,\r\n message: getText('msgConfirmPasswordRequired')\r\n },\r\n ({ getFieldValue }) => ({\r\n validator(_, value) {\r\n if (!value || getFieldValue('password') === value) {\r\n return Promise.resolve();\r\n }\r\n\r\n return Promise.reject(new Error(getText('msgPasswordInconsistent')));\r\n },\r\n }),\r\n ]}\r\n >\r\n \r\n \r\n
\r\n }\r\n {\r\n current === 3 &&\r\n \r\n \r\n \r\n\r\n \r\n
\r\n }\r\n \r\n Terms of Use
\r\n \r\n }\r\n \r\n visible={this.state.modalTermsOfUseVisible}\r\n onCancel={() => this.setModalTermsOfUseVisible(false)}\r\n footer={null}\r\n >\r\n\r\n
\r\n \r\n {getText(\"lbTermsOfUseContent\")}
\r\n\r\n
\r\n Privacy Policy
\r\n\r\n this.downloadPublicFile('PrivacyPolicyDoc')} />\r\n this.downloadPublicFile('PrivacyPolicyDoc')}>Privacy Policy - M+R Forwarding (China) Ltd. \r\n
\r\n Statement and Authorization on Personal Information Export
\r\n\r\n this.downloadPublicFile('PersonalInformationExport')} />\r\n this.downloadPublicFile('PersonalInformationExport')}>Statement and Authorization on Personal Information Export \r\n
\r\n \r\n \r\n {this.displayMenuItems()}\r\n {\r\n this.Auth.getProfile() && this.Auth.getProfile().super_user_uid &&\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","import React from 'react';\r\nimport AuthService from './AuthService';\r\nimport { isArray } from 'util';\r\n\r\nconst LoggedInUser = () => {\r\n const Auth = new AuthService();\r\n const userProfile = Auth.getProfile();\r\n //const { unique_name, profile } = userProfile;\r\n const { first_name, last_name, profile } = userProfile;\r\n\r\n const getProfile = () => {\r\n let res = '';\r\n const profileList = Auth.getProfileList();\r\n\r\n if (isArray(profileList) && profileList.length > 0) {\r\n try {\r\n res = profileList.find(l => l.profile_type_id === profile).profile_type;\r\n }\r\n catch {\r\n res = profile;\r\n }\r\n }\r\n else {\r\n res = profile;\r\n }\r\n\r\n return res;\r\n }\r\n\r\n return (\r\n \r\n {`${first_name} ${last_name} (${getProfile()})`}\r\n
\r\n );\r\n};\r\n\r\nexport default LoggedInUser;\r\n","import React from 'react';\r\nimport { Link, matchPath } from 'react-router-dom';\r\nimport { Breadcrumb } from './base';\r\n\r\nconst getBreadcrumbItem = (routes, url) => {\r\n const route = routes.filter(r => r.path && matchPath(url, r)).shift();\r\n if (!route || !route.name) return null;\r\n return (\r\n \r\n {errMsg}\r\n
\r\n );\r\n }\r\n\r\n const paginationWithDefaults = typeof pagination === 'boolean' ? pagination : Object.assign({ pageSizeOptions: pageSizeOptions}, pagination);\r\n\r\n return (\r\n \r\n {getText('notification.lblNotificationListTitle')}\r\n handleSwitchreadFilter(checked ? 'All' : 'Unread')}\r\n checked={readFilter === 'All'} \r\n />\r\n \r\n {\r\n isExpandWidth ?\r\n \r\n e.preventDefault()}>\r\n \r\n \r\n
\r\n \r\n {\r\n isExpandWidth ?\r\n \r\n e.preventDefault()}>\r\n \r\n
\r\n \r\n \r\n \r\n onSearchText(searchText)}\r\n onChange={setSearchText}\r\n onSelect={onSearchText}\r\n onBlur={onSearchText}\r\n />\r\n \r\n \r\n
\r\n \r\n onSearchText(searchText)}\r\n onChange={setSearchText}\r\n onSelect={onSearchText}\r\n onBlur={onSearchText}\r\n />\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n {\r\n messages.length === 0 && ${getText(desc_key)}
`;\r\n for (const [key, value] of Object.entries(desc_param)) \r\n {\r\n html_desc = html_desc.replace(`{${key}}`, value);\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n {getModuleIcon()}\r\n
\r\n \r\n
\r\n {\r\n desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail) && \r\n desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail) && \r\n desc_param.updated_routing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateRoutingDetail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail) && \r\n desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateTotalRate\" && (desc_param.contract_no??'') !== '' && \r\n <>{multiLine(desc_param.contract_no)}\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateTotalRate\" && Array.isArray(desc_param.updated_total_rate_detail) && \r\n desc_param.updated_total_rate_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateTotalRateDetail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateTotalRate\" && (desc_param.contract_no??'') !== '' && \r\n <>{multiLine(desc_param.contract_no)}\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateTotalRate\" && Array.isArray(desc_param.updated_total_rate_detail) && \r\n desc_param.updated_total_rate_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateTotalRateDetail\", d))}\r\n )\r\n }\r\n {\r\n (\r\n (desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail)) ||\r\n (desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail))) ||\r\n (desc_key === \"notification.msgConsolidationUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail)))\r\n ) &&\r\n { e.stopPropagation(); setShowMore(false); }}>Hide\r\n }\r\n \r\n }\r\n {\r\n showMore !== true &&\r\n (\r\n (desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail)) ||\r\n (desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail))) ||\r\n (desc_key === \"notification.msgConsolidationUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail)))\r\n ) &&\r\n { e.stopPropagation(); setShowMore(true); }}>Show more\r\n }\r\n \r\n
\r\n \r\n \r\n e.preventDefault()}>\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nclass NotificationBellButtonGroup extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n token: null,\r\n profile_id: 0,\r\n messages: [],\r\n countUnread: 0,\r\n pagination: {\r\n current: 1,\r\n pageSize: 10,\r\n total: 100,\r\n showSizeChanger: true,\r\n size: \"\"\r\n },\r\n readFilter: \"All\",\r\n searchText: \"\",\r\n notificationListVisible: false,\r\n availableEventCodes: [],\r\n isLoadingRemarkImage: true,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n let { token, profile_id, readFilter, searchText, pagination } = this.state;\r\n if (profile_id !== Auth.getProfile().profile_id)\r\n {\r\n this.setAvailableEventCodes();\r\n this.setState({ profile_id: Auth.getProfile().profile_id });\r\n }\r\n\r\n if (token !== Auth.getToken() )\r\n {\r\n this.refreshUserNotification(readFilter, searchText, pagination.pageSize, pagination.current);\r\n subscribeUserNotification(this.refreshUserNotificationBySignalR);\r\n\r\n this.setState({ token: Auth.getToken() });\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n let { token, profile_id, readFilter, searchText, pagination } = this.state;\r\n if (profile_id !== Auth.getProfile().profile_id)\r\n {\r\n this.setAvailableEventCodes();\r\n this.setState({ profile_id: Auth.getProfile().profile_id });\r\n }\r\n\r\n if (token !== Auth.getToken())\r\n {\r\n stopSignalR().then( () => {\r\n this.refreshUserNotification(readFilter, searchText, pagination.pageSize, pagination.current);\r\n subscribeUserNotification(this.refreshUserNotificationBySignalR);\r\n });\r\n\r\n this.setState({ token: Auth.getToken() });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n stopSignalR();\r\n }\r\n\r\n updateReadStatus = async (newStatus, message_id) => {\r\n const { messages, countUnread } = this.state;\r\n let message = messages.find(msg => msg.message_id === message_id);\r\n if (message) \r\n {\r\n upsertMessage({ ...message, is_read: newStatus !== false });\r\n message.is_read = newStatus !== false;\r\n this.setState({ messages, countUnread: (newStatus !== false ? (countUnread-1 >= 0 ? countUnread-1 : 0) : countUnread+1) });\r\n }\r\n }\r\n\r\n refreshUserNotification = async (readFilter, searchText, pageSize, current) => {\r\n const { pagination } = this.state;\r\n\r\n getMessage(pageSize, current, readFilter, searchText).then(async res => {\r\n \r\n //let bookingDict = [];\r\n //let consolDict = [];\r\n //let messengerDict = [];\r\n for(var i=0; i\r\n {\r\n desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail) && \r\n desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail) && \r\n desc_param.updated_routing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateRoutingDetail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail) && \r\n desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateTotalRate\" && (desc_param.contract_no??'') !== '' && \r\n <>{multiLine(desc_param.contract_no)}\r\n }\r\n {\r\n desc_key === \"notification.msgBookingUpdateTotalRate\" && Array.isArray(desc_param.updated_total_rate_detail) && \r\n desc_param.updated_total_rate_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateTotalRateDetail\", d))}\r\n )\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateTotalRate\" && (desc_param.contract_no??'') !== '' && \r\n <>{multiLine(desc_param.contract_no)}\r\n }\r\n {\r\n desc_key === \"notification.msgConsolidationUpdateTotalRate\" && Array.isArray(desc_param.updated_total_rate_detail) && \r\n desc_param.updated_total_rate_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateTotalRateDetail\", d))}\r\n )\r\n }\r\n {\r\n (\r\n (desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail)) ||\r\n (desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail))) ||\r\n (desc_key === \"notification.msgConsolidationUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail)))\r\n ) &&\r\n { e.stopPropagation(); setShowMore(false); }}>Hide\r\n }\r\n \r\n }\r\n {\r\n showMore !== true &&\r\n (\r\n (desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(desc_param.updated_routing_detail)) ||\r\n (desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(desc_param.updated_sailing_detail)) ||\r\n (desc_key === \"notification.msgBookingUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail))) ||\r\n (desc_key === \"notification.msgConsolidationUpdateTotalRate\" && ((desc_param.contract_no??'') !== '' || Array.isArray(desc_param.updated_total_rate_detail)))\r\n ) &&\r\n { e.stopPropagation(); setShowMore(true); }}>Show more\r\n }\r\n \r\n
${getText(msg.desc_key)}
`;\r\n for (const [key, value] of Object.entries(msg.desc_param)) \r\n {\r\n html_desc = html_desc.replace(`{${key}}`, value);\r\n }\r\n\r\n //let dict = [];\r\n // let src = html_desc;\r\n // while(src.indexOf(\"src=\\\"cid:\") > -1)\r\n // {\r\n // src = src.substring(src.indexOf(\"src=\\\"cid:\")+9);\r\n // dict.push({ file_name: src.substring(0, src.indexOf('\\\"')) });\r\n // src = src.substring(src.indexOf('\\\"'));\r\n // }\r\n // if (dict.length > 0)\r\n // {\r\n // if ([\"notification.msgBookingNewOperationRemark\", \"notification.msgBookingNewPricingRemark\"].includes(msg.desc_key))\r\n // html_desc = await loadBookingApprovalRemarkImage2(html_desc, msg, dict);\r\n // else if ([\"notification.msgConsolidationNewOperationRemark\", \"notification.msgConsolidationNewPricingRemark\"].includes(msg.desc_key))\r\n // html_desc = await loadConsolidationRemarkImage2(html_desc, msg, dict);\r\n // else if (msg.desc_key === \"notification.msgMessengerMessage\")\r\n // html_desc = await loadMessengerFullDescImage2(html_desc, msg, dic);\r\n //}\r\n while(html_desc.indexOf(\" {\r\n history.push(`${process.env.PUBLIC_URL}${msg.href}`);\r\n this.updateReadStatus(true, msg.message_id);\r\n Notification.close(msg.guid);\r\n }}\r\n >\r\n {\r\n [\"notification.msgBookingNewOperationRemark\", \"notification.msgBookingNewPricingRemark\",\r\n \"notification.msgConsolidationNewOperationRemark\", \"notification.msgConsolidationNewPricingRemark\"\r\n ].includes(msg.desc_key) ?\r\n \r\n : multiLine(getText(msg.desc_key, msg.desc_param))\r\n }\r\n {\r\n msg.desc_key === \"notification.msgBookingUpdateSailingA2\" && Array.isArray(msg.desc_param.updated_sailing_detail) && \r\n <>\r\n
\r\n {\r\n msg.desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n \r\n }\r\n {\r\n msg.desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(msg.desc_param.updated_routing_detail) && \r\n <>\r\n
\r\n {\r\n msg.desc_param.updated_routing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateRoutingDetail\", d))}\r\n )\r\n }\r\n \r\n }\r\n {\r\n msg.desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(msg.desc_param.updated_sailing_detail) && \r\n <>\r\n
\r\n {\r\n msg.desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n \r\n }\r\n
\r\n ),\r\n placement: 'bottomRight',\r\n duration: 0\r\n });\r\n \r\n if (searchText === \"\")\r\n {\r\n this.setState({ \r\n pagination: { ...pagination, total: readFilter === 'All' ? res.total_count : res.unread_count , pageSize, current }, \r\n messages: res.messages, \r\n countUnread: res.unread_count \r\n });\r\n this.forceUpdate(); // force update to refresh total count of page\r\n }\r\n else\r\n this.setState({ countUnread: countUnread+1 });\r\n }).catch(e => {\r\n console.log(`Refresh user notification fail: `, e);\r\n });\r\n }\r\n\r\n setAvailableEventCodes = async () => {\r\n let result = await getUserProfileAvailableEventCodes();\r\n this.setState({ availableEventCodes: result });\r\n }\r\n\r\n render() {\r\n const { messages, countUnread, pagination, readFilter, searchText, notificationListVisible, isLoadingRemarkImage } = this.state;\r\n\r\n return (\r\n <>\r\n {\r\n \r\n {\r\n msg.desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n \r\n }\r\n {\r\n msg.desc_key === \"notification.msgBookingUpdateRouting\" && Array.isArray(msg.desc_param.updated_routing_detail) && \r\n <>\r\n
\r\n {\r\n msg.desc_param.updated_routing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgBookingUpdateRoutingDetail\", d))}\r\n )\r\n }\r\n \r\n }\r\n {\r\n msg.desc_key === \"notification.msgConsolidationUpdateSailingA2\" && Array.isArray(msg.desc_param.updated_sailing_detail) && \r\n <>\r\n
\r\n {\r\n msg.desc_param.updated_sailing_detail.map( d => \r\n <>{multiLine(getText(\"notification.msgConsolidationUpdateSailingA2Detail\", d))}\r\n )\r\n }\r\n \r\n }\r\n
{currValue}
\r\n });\r\n\r\n if (msg.notice_type === 'NOTICE') {\r\n Notification.info({\r\n message: msg.notice_title,\r\n description: {body}
,\r\n placement: 'bottomRight',\r\n duration: 0\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n prompAlertMsg = () => {\r\n let msgList = this.getSysAlertList();\r\n\r\n msgList = msgList && JSON.parse(msgList) ? JSON.parse(msgList) : [];\r\n\r\n if (msgList && isArray(msgList) && msgList.length > 0) {\r\n for (let i = 0; i < msgList.length; ++i) {\r\n let msg = msgList[i];\r\n\r\n let body = msg.notice_body.split('\\n').map((currValue, index) => {\r\n let now = moment();\r\n let nowUTC = now.subtract(now.utcOffset(), 'minute');\r\n let to = moment(msg.valid_to).subtract(480, 'minute');\r\n let remain = to.diff(nowUTC, 'minutes')\r\n\r\n currValue = currValue.replace(/{{REMAIN}}/g, remain)\r\n\r\n return {currValue}
\r\n });\r\n let now = moment();\r\n let nowUTC = now.subtract(now.utcOffset(), 'minute');\r\n let from = moment(msg.valid_from).subtract(480, 'minute');\r\n let to = moment(msg.valid_to).subtract(480, 'minute');\r\n \r\n if (msg.notice_type === 'ALERT' && nowUTC.isBetween(from, to)) {\r\n Modal.warning({\r\n title: msg.notice_title,\r\n content: {body}
\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n setRefreshSailing = (func, param) => {\r\n refreshSailingFunc = func;\r\n refreshSailingFuncParam = param;\r\n }\r\n\r\n getRefreshSailing = () => refreshSailingFunc;\r\n\r\n refreshSailing = (updateBookingDate) => {\r\n try {\r\n return refreshSailingFunc && refreshSailingFunc(refreshSailingFuncParam, updateBookingDate);\r\n }\r\n catch (err) {\r\n console.log('AuthService::refreshSailing err', err)\r\n }\r\n }\r\n\r\n setRefreshHBLSailing = (func, param) => {\r\n refreshHBLSailingFunc = func;\r\n refreshHBLSailingFuncParam = param;\r\n }\r\n\r\n getRefreshHBLSailing = () => refreshHBLSailingFunc;\r\n\r\n refreshHBLSailing = () => {\r\n try {\r\n console.log('refreshHBLSailing', refreshHBLSailingFunc, refreshHBLSailingFuncParam)\r\n return refreshHBLSailingFunc && refreshHBLSailingFunc(refreshHBLSailingFuncParam);\r\n }\r\n catch (err) {\r\n console.log('AuthService::refreshHBLSailing err', err)\r\n }\r\n }\r\n\r\n //setOIAPIToken = (token) => {\r\n // localStorage.setItem('oiAPIToken', token);\r\n //}\r\n\r\n //getOIAPIToken = () => {\r\n // return localStorage.getItem('oiAPIToken');\r\n //}\r\n\r\n UpsertUserPreferences = async (preference_name, perference, url, callback, preference_style = '', isFavourite = false) => {\r\n Message.loading(getText('msgSaving'), 0);\r\n\r\n const data = {\r\n preference: JSON.stringify(perference),\r\n url,\r\n preference_name,\r\n preference_style,\r\n isFavourite\r\n }\r\n\r\n try {\r\n await Ajax.post(`${upsertPreferenceURL}`, data);\r\n Message.destroy();\r\n Message.success(getText(\"msgSavedSuccess\"), 0);\r\n this.needRenewPreferences();\r\n callback && callback();\r\n } catch (error) {\r\n Message.destroy();\r\n Message.error(`${error}`);\r\n }\r\n }\r\n\r\n getUserPreferenceList = async (dat) => {\r\n const data = {\r\n dat\r\n }\r\n let url = new URL(`${getPreferenceListURL}`, window.location.href);\r\n url.searchParams.append('url', dat)\r\n try {\r\n let res = await Ajax.get(`${getPreferenceListURL}?url=${dat}`);\r\n return res;\r\n } catch (error) {\r\n Message.destroy();\r\n Message.error(`${error}`);\r\n }\r\n }\r\n\r\n \r\n UpsertUserPreferencesWithType = async (preference_id, preference_type, preference_name, perference, url, callback, preference_style = '', isFavourite = false) => {\r\n Message.loading(getText('msgSaving'), 0);\r\n\r\n const data = {\r\n preference_id,\r\n preference_type,\r\n preference: JSON.stringify(perference),\r\n url,\r\n preference_name,\r\n preference_style,\r\n isFavourite\r\n }\r\n\r\n try {\r\n await Ajax.post(`${upsertPreferenceWithTypeURL}`, data);\r\n Message.destroy();\r\n Message.success(getText(\"msgSavedSuccess\"), 5);\r\n await this.needRenewPreferences();\r\n callback && callback();\r\n } catch (error) {\r\n Message.destroy();\r\n Message.error(`${error}`);\r\n }\r\n }\r\n\r\n DeleteUserPreferencesWithType = async (preference_id, callback) => {\r\n Message.loading(getText('msgSaving'), 0);\r\n\r\n const data = {\r\n preference_id\r\n }\r\n\r\n try {\r\n await Ajax.post(`${deletePreferenceURL}`, data);\r\n Message.destroy();\r\n Message.success(getText(\"msgSavedSuccess\"), 5);\r\n await this.needRenewPreferences();\r\n callback && callback();\r\n } catch (error) {\r\n Message.destroy();\r\n Message.error(`${error}`);\r\n }\r\n }\r\n\r\n getCompsFilterSetting = () => {\r\n return localStorage.getItem('compsFilterSetting');\r\n }\r\n\r\n setCompsFilterSetting = (setting) => {\r\n localStorage.setItem('compsFilterSetting', setting ? JSON.stringify(setting) : '{}');\r\n }\r\n}\r\n","\r\nimport { useEffect, useRef } from 'react';\r\nimport Ajax from './../Ajax';\r\nimport SignalR from '../../components/SignalR';\r\nimport { Message } from '../../components/base';\r\nimport { DateTimeFormat2, GUID } from './../Common';\r\nimport moment from \"moment\";\r\n\r\nconst signalr = new SignalR('NotificationHub');\r\n\r\nconst baseUrl = `${process.env.PUBLIC_URL}/api/v1/Notification`;\r\nconst ShipmentBaseUrl = `${process.env.PUBLIC_URL}/api/v1/Shipment`;\r\nconst ConsolidationBaseUrl = `${process.env.PUBLIC_URL}/api/v1/Consolidation`;\r\nconst notificationReportApiUrl = `${process.env.REACT_APP_REPORT_WEB_API_URL}/notification`;\r\n\r\nexport const enableNotification = true;\r\n\r\nexport const subscribeUserNotification = async refreshMsg => {\r\n signalr.on('ReceiveNotification', msgData => refreshMsg(msgData) );\r\n}\r\n\r\nexport const stopSignalR = async () => {\r\n signalr.off();\r\n}\r\n\r\nexport const sendUserNotification = async ncData => {\r\n if (enableNotification) {\r\n try {\r\n const { module, sub_module, doc_code, event_code, desc_key, desc_param, href, email_subject_param, email_body_param } = ncData;\r\n const data = { module, sub_module, doc_code, event_code, desc_key, desc_param, href, guid: GUID(), email_subject_param, email_body_param, visible_to: \"All\" };\r\n\r\n await addNotification(data);\r\n //signalr.send('SendNotification', data); -- change to handle by mq \r\n } catch (errMsg) {\r\n console.log('error', errMsg);\r\n }\r\n }\r\n}\r\n\r\nexport const unfollowNotification = async (module, doc_code) => {\r\n try {\r\n let result = await Ajax.post(`${notificationReportApiUrl}/unfollowNotification`, { module, doc_code });\r\n if (result.data !== true)\r\n throw \"Fail to unfollow.\"\r\n\r\n return result.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nconst addNotification = async ncData => {\r\n let result = await Ajax.post(`${notificationReportApiUrl}/addNotification`, ncData);\r\n if (result.data !== true)\r\n throw \"Fail to send notification.\"\r\n}\r\n\r\nexport const markAllMessagesAsRead = async () => {\r\n try {\r\n let result = await Ajax.post(`${notificationReportApiUrl}/markAllNotificationMessagesAsRead`);\r\n if (result.data !== true)\r\n throw \"Fail to save.\"\r\n\r\n return result.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nexport const deleteAllMessages = async () => {\r\n try {\r\n let result = await Ajax.post(`${notificationReportApiUrl}/deleteAllNotificationMessages`);\r\n if (result.data !== true)\r\n throw \"Fail to delete.\"\r\n\r\n return result.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nexport const upsertMessage = async message => {\r\n try {\r\n let result = await Ajax.post(`${notificationReportApiUrl}/upsertNotificationMessage`, message);\r\n if (result.data !== true)\r\n throw \"Fail to save.\"\r\n\r\n return result.data;\r\n } catch (errMsg) {\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nexport const getSettingAndConfig = async (module, doc_code) => {\r\n try {\r\n const res = await Ajax.get(`${baseUrl}/GetNotificationSetting/${module || null}/${doc_code || null}`);\r\n return res.data;\r\n } catch (e) {\r\n console.log('error', e);\r\n }\r\n}\r\n\r\nexport const upsertConfig = async (module, doc_code, configs) => {\r\n try {\r\n if ((module || '') === '')\r\n throw \"Invalid module\";\r\n if (module !== 'All' && (doc_code || '') === '')\r\n throw \"Invalid doc_code\";\r\n\r\n let result = await Ajax.post(`${notificationReportApiUrl}/upsertNotificationConfigs`, configs);\r\n if (result.data !== true)\r\n throw \"Fail to save.\"\r\n\r\n return result.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nexport const getMessage = async ( page_size, page_number, read_filter, search_text) => {\r\n try {\r\n const res = await Ajax.post(`${baseUrl}/GetNotificationMessage`, { page_size, page_number, read_filter, search_text });\r\n return res.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n}\r\n\r\nexport const getSystemDefaultEvent = (module, settings) => settings.filter(s => s.module === module && s.is_default).map(s => s.key);\r\n\r\nexport const getSystemDefaultConfig = (module, settings) => {\r\n return {\r\n module,\r\n doc_code: \"\",\r\n follow_setting: getSystemDefaultEvent(module, settings),\r\n in_app_note: true,\r\n email_note: false,\r\n email_address: \"\",\r\n is_follow: false,\r\n customized: false\r\n };\r\n}\r\n\r\nexport const usePrevious = value => {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n}\r\n\r\nexport const displayErrorMsg = (errorMsg = []) => {\r\n if (errorMsg.length > 0) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n else return '';\r\n}\r\n\r\nexport const getMessageDate = message_dt => {\r\n let result = \"\";\r\n try {\r\n let dt = new moment(message_dt);\r\n let now = new moment();\r\n let duration = moment.duration(now.diff(dt));\r\n let hours = duration.asHours();\r\n let mins = duration.asMinutes();\r\n let days = duration.asDays();\r\n let secs = duration.asSeconds();\r\n\r\n if (days >= 1) {\r\n result = new moment(message_dt).format(DateTimeFormat2);\r\n } else if (hours >= 1) {\r\n result = `${Math.floor(hours)} hours ago`;\r\n } else if (mins >= 1) {\r\n result = `${Math.floor(mins)} mins ago`;\r\n } else {\r\n result = `${secs < 0 ? 0 : Math.floor(secs)} seconds ago`;\r\n }\r\n\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n\r\n return result;\r\n}\r\n\r\nexport const getUserProfileAvailableEventCodes = async () => {\r\n let setting = [];\r\n try {\r\n let result = await Ajax.get(`${notificationReportApiUrl}/getUserProfileAvailableEventCodes`);\r\n \r\n if (!Array.isArray(result.data))\r\n throw \"Fail to load user profile available event codes.\"\r\n\r\n setting = result.data;\r\n } catch (errMsg) {\r\n Message.destroy();\r\n Message.error(`${errMsg}`);\r\n console.log('error', errMsg);\r\n }\r\n return setting;\r\n}\r\n\r\nexport const loadBookingApprovalRemarkImage = async (messages, dict) => {\r\n try\r\n {\r\n const requests = [];\r\n dict.forEach(d => { \r\n requests.push(Ajax.get(`${ShipmentBaseUrl}/GetBookingApprovalRemarkImage/${d.file_name}`));\r\n });\r\n\r\n const results = await Promise.allSettled(requests);\r\n results.filter(rs => rs.status !== 'rejected').forEach(rs => {\r\n let d = dict.find(d => d.file_name === rs.value.data.file_name);\r\n let file_type = d.file_name.substring(d.file_name.lastIndexOf(\".\")+1);\r\n messages[d.idx].desc_param.remark = messages[d.idx].desc_param.remark.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${ rs.value.data.file_base64}`);\r\n });\r\n } catch (error)\r\n {\r\n Message.destroy();\r\n Message.error(\"Load remark image fail.\");\r\n }\r\n}\r\n\r\nexport const loadBookingApprovalRemarkImage2 = async (html_desc, msg, dict) => {\r\n try\r\n {\r\n const requests = [];\r\n dict.forEach(d => { \r\n requests.push(Ajax.get(`${ShipmentBaseUrl}/GetConsolidationApprovalRemarkImage/${d.file_name}`));\r\n });\r\n\r\n const results = await Promise.allSettled(requests);\r\n results.filter(rs => rs.status !== 'rejected').forEach(rs => {\r\n let d = dict.find(d => d.file_name === rs.value.data.file_name);\r\n let file_type = d.file_name.substring(d.file_name.lastIndexOf(\".\")+1);\r\n html_desc = html_desc.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${rs.value.data.file_base64}`);\r\n msg.desc_param.remark = msg.desc_param.remark.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${rs.value.data.file_base64}`);\r\n });\r\n } catch (error)\r\n {\r\n Message.destroy();\r\n Message.error(\"Load remark image fail.\");\r\n }\r\n return html_desc;\r\n}\r\n\r\nexport const loadConsolidationRemarkImage = async (messages, dict) => {\r\n try\r\n {\r\n const requests = [];\r\n dict.forEach(d => { \r\n requests.push(Ajax.get(`${ConsolidationBaseUrl}/GetConsolidationApprovalRemarkImage/${d.file_name}`));\r\n });\r\n\r\n const results = await Promise.allSettled(requests);\r\n results.filter(rs => rs.status !== 'rejected').forEach(rs => {\r\n let d = dict.find(d => d.file_name === rs.value.data.file_name);\r\n let file_type = d.file_name.substring(d.file_name.lastIndexOf(\".\")+1);\r\n messages[d.idx].desc_param.remark = messages[d.idx].desc_param.remark.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${ rs.value.data.file_base64}`);\r\n });\r\n } catch (error)\r\n {\r\n Message.destroy();\r\n Message.error(\"Load remark image fail.\");\r\n }\r\n}\r\n\r\nexport const loadConsolidationRemarkImage2 = async (html_desc, msg, dict) => {\r\n try\r\n {\r\n const requests = [];\r\n dict.forEach(d => { \r\n requests.push(Ajax.get(`${ConsolidationBaseUrl}/GetConsolidationRemarkImage/${d.file_name}`));\r\n });\r\n\r\n const results = await Promise.allSettled(requests);\r\n results.filter(rs => rs.status !== 'rejected').forEach(rs => {\r\n let d = dict.find(d => d.file_name === rs.value.data.file_name);\r\n let file_type = d.file_name.substring(d.file_name.lastIndexOf(\".\")+1);\r\n html_desc = html_desc.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${rs.value.data.file_base64}`);\r\n msg.desc_param.remark = msg.desc_param.remark.replace(`cid:${d.file_name}`, `data:image/${file_type};base64,${rs.value.data.file_base64}`);\r\n });\r\n } catch (error)\r\n {\r\n Message.destroy();\r\n Message.error(\"Load remark image fail.\");\r\n }\r\n return html_desc;\r\n}\r\n","import React, { Component } from 'react';\r\nimport AuthService from './AuthService';\r\nimport TagManager from 'react-gtm-module'\r\n\r\nexport default function withTracker(WrappedComponent, options = {}) {\r\n const trackPage = (page) => {\r\n if (process.env.REACT_APP_GTM_CONTAINER_ID) {\r\n let user_id = 'anonymous';\r\n\r\n const userProfile = Auth.getProfile();\r\n const { sub } = userProfile;\r\n \r\n if (Auth.loggedIn()) {\r\n user_id = sub.toString();\r\n }\r\n\r\n TagManager.dataLayer({\r\n dataLayer: {\r\n event: 'user_id_event',\r\n user_id_event: user_id,\r\n user_id,\r\n userProject: 'BMS',\r\n page,\r\n ...options\r\n }\r\n });\r\n }\r\n };\r\n\r\n const Auth = new AuthService();\r\n\r\n class HOC extends Component {\r\n componentDidMount() {\r\n if (this.props.location) {\r\n trackPage(this.props.location.pathname);\r\n }\r\n //console.log('trackPage', this.props, this.props.location)\r\n }\r\n\r\n //UNSAFE_componentWillReceiveProps(nextProps) {\r\n // const currentPage = this.props.location.pathname;\r\n // const nextPage = nextProps.location.pathname;\r\n\r\n // if (currentPage !== nextPage) {\r\n // //console.log('componentWillReceiveProps', currentPage, nextPage)\r\n // trackPage(nextPage);\r\n // }\r\n //}\r\n\r\n //replace UNSAFE_componentWillReceiveProps\r\n componentDidUpdate(prevProps) {\r\n const currentPage = this.props.location.pathname;\r\n const prevPage = prevProps.location.pathname;\r\n\r\n if (currentPage !== prevPage) {\r\n //console.log('componentDidUpdate', currentPage, prevPage)\r\n trackPage(currentPage);\r\n }\r\n }\r\n //end replace UNSAFE_componentWillReceiveProps\r\n\r\n render() {\r\n return - \r\n {errorMsg.map((msg, index) =>
- {msg} )}\r\n
\r\n {\r\n originTrackFlex >= 0 &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SliderEnhance;","import { Spin } from 'antd';\r\n\r\nexport default Spin;\r\n","import { Statistic } from 'antd';\r\n\r\nexport default Statistic;\r\n","import { Steps } from 'antd';\r\n\r\nexport default Steps;\r\n","import { Switch } from 'antd';\r\n\r\nexport default Switch;\r\n","import React, { PureComponent, useState } from 'react';\r\nimport { Table } from 'antd';\r\nimport { Resizable } from 'react-resizable';\r\nimport ReactDragListView from 'react-drag-listview';\r\nimport { Popover } from '.';\r\nimport deepEqual from 'lodash.isequal';\r\n\r\nimport './Table.scss';\r\nimport { isArray } from 'util';\r\n\r\nconst calcScroll = (columns, defaultColWidth, maxHeight, scroll) => {\r\n if (!columns || columns.length === 0) return undefined;\r\n let x = columns.map(c => c.width || defaultColWidth).reduce((a, c) => a + c);\r\n\r\n return Object.assign({ x, y: maxHeight }, scroll);\r\n};\r\n\r\nconst getRowClassName = (rowClassName) => (\r\n (record, index) => {\r\n let className = index % 2 === 0 ? '' : 'altRow';\r\n if (rowClassName && typeof rowClassName === 'function') {\r\n className = ` ${rowClassName(record, index)}`;\r\n }\r\n return className;\r\n }\r\n);\r\n\r\nconst beforeValueStyle = {\r\n color: 'red',\r\n textDecoration: 'line-through'\r\n};\r\n\r\nconst afterValueWarningStyle = {\r\n color: 'orange'\r\n};\r\n\r\nconst afterValueErrorStyle = {\r\n color: 'red'\r\n};\r\n\r\nexport const pageSizeOptions = ['10', '20', '30', '40', '50', '100'];\r\n\r\nclass ListTable extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n columns: this.props.columns\r\n };\r\n }\r\n \r\n\r\n componentDidUpdate(prevProps) {\r\n //20191218 ms: to improve performance of rendering table\r\n //this.setState({ columns: this.props.columns });\r\n const { columns } = this.props;\r\n const { columns: prev_columns } = prevProps;\r\n\r\n if (!isArray(this.state.columns) || this.state.columns.length !== this.props.columns.length) {\r\n this.setState({ columns: this.props.columns });\r\n return;\r\n }\r\n\r\n for (let i = 0; i < this.state.columns.length; ++i) {\r\n if (this.state.columns[i].key !== this.props.columns[i].key) {\r\n this.setState({ columns: this.props.columns });\r\n return;\r\n }\r\n }\r\n\r\n if (!deepEqual(columns, prev_columns)) {\r\n this.setState({ columns: this.props.columns });\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ columns: this.props.columns });\r\n }\r\n\r\n DragableBodyRow = props => {\r\n const { dragRowStartCallBack } = this.props;\r\n if (!dragRowStartCallBack) {\r\n return {\r\n (checkError.ErrorFieldSourceName || '') + ': ' +\r\n (customFunction ? customFunction(text, record, rowIndex, errors.map(e => e.source).join(\"\"), false) :\r\n errors.map(e => e.source).join(\"\"))\r\n }
\r\n {\r\n (checkError.ErrorFieldTargetName || '') + ': ' +\r\n (customFunction ? customFunction(text, record, rowIndex, errors.map(e => e.target).join(\"\"), false) :\r\n errors.map(e => e.target).join(\"\"))\r\n }
\r\n }\r\n trigger=\"hover\"\r\n >\r\n {\r\n customFunction ? customFunction(text, record, rowIndex, errors.map(e => e.target).join(\"\"), true) :\r\n errors.map(e => e.source).join(\"\")\r\n }
\r\n \r\n )\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n _checkAmended = (checkAmended, col, rowKey, customFunction, text, record, rowIndex) => {\r\n if (checkAmended) {\r\n let changes = [];\r\n if (Array.isArray(col.dataIndex)) {\r\n col.dataIndex.forEach((data) => {\r\n changes.push(checkAmended.Func(record[rowKey], data));\r\n });\r\n }\r\n else {\r\n changes.push(checkAmended.Func(record[rowKey], col.dataIndex));\r\n }\r\n if (changes.length > 0 && changes.some(c => c && c.every(m => m && m.afterValue))) {\r\n let beforeValues = changes.map(c => c.map(m => m ? m.beforeValue : null).toString());\r\n let afterValues = changes.map(c => c.map(m => m ? m.afterValue : null).toString());\r\n if (Array.isArray(col.dataIndex)) {\r\n changes.forEach((data,i) => {\r\n if (data[0] === undefined) {\r\n beforeValues[i] = record[col.dataIndex[i]];\r\n afterValues[i] = record[col.dataIndex[i]];\r\n }\r\n })\r\n }\r\n\r\n return (\r\n {customFunction ? customFunction(text, record, rowIndex, beforeValues, false) : beforeValues.join(\"\")}
\r\n {customFunction ? customFunction(text, record, rowIndex, afterValues, false) : afterValues.join(\"\")}
\r\n }\r\n trigger=\"hover\"\r\n >\r\n {customFunction ? customFunction(text, record, rowIndex, afterValues, true) : afterValues.join(\"\")}
\r\n \r\n )\r\n }\r\n else {\r\n return null;\r\n }\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n\r\n render() {\r\n const { scroll, dataSource, pagination, isLoading, onChange, rowKey, size, rowClassName, error, rowSelection, className, dragColEndCallback, checkAmended, checkError, ...res } = this.props;\r\n //this.tempColumns = [...this.state.columns];\r\n const paginationWithDefaults = typeof pagination === 'boolean' ? pagination : Object.assign({ pageSizeOptions: pageSizeOptions, position: 'bottom' }, pagination);\r\n const getColumns = (columns) => {\r\n return columns.map((col, index) => {\r\n const customFunction = col.customRender;\r\n return ({\r\n ...col,\r\n render: col.render || (\r\n (text, record, rowIndex) => {\r\n let errorResult = this._checkError(checkError, col, rowKey, customFunction, text, record, rowIndex);\r\n if (errorResult) {\r\n return errorResult;\r\n }\r\n else {\r\n let amendedResult = this._checkAmended(checkAmended, col, rowKey, customFunction, text, record, rowIndex);\r\n if (amendedResult) {\r\n return amendedResult;\r\n }\r\n else {\r\n if (customFunction) {\r\n return customFunction(text, record, rowIndex, null, false);\r\n }\r\n return ({text}
);\r\n }\r\n }\r\n }\r\n ),\r\n onHeaderCell: column => ({\r\n width: column.width,\r\n onResize: this.handleResize(index)\r\n })\r\n })\r\n });\r\n };\r\n\r\n let errMsg = \"\";\r\n let msgType = \"info\";\r\n\r\n if (error) {\r\n errMsg = error;\r\n msgType = \"danger\";\r\n }\r\n\r\n if (errMsg && errMsg.length > 0 && !isLoading) {\r\n return (\r\n \r\n {errMsg}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n// {errMsg}\r\n//
\r\n// );\r\n// }\r\n\r\n// return (\r\n// {remark}',\r\n msgBookingNewPricingRemark: '{updated_by_name} left a pricing remark on SO# {so_no}.
{remark}',\r\n msgBookingRequestForApproval: '{{updated_by_name}} updated SO# {{so_no}} to Request for Approval.',\r\n msgBookingPendingCustomerApproval: '{{updated_by_name}} updated SO# {{so_no}} to Pending Customer\\'s Approval.',\r\n msgBookingApproved: '{{updated_by_name}} approved SO# {{so_no}}.',\r\n msgBookingRejected: '{{updated_by_name}} rejected SO# {{so_no}}.',\r\n msgBookingBookingAdvice: '{{updated_by_name}} updated SO# {{so_no}} to Booking Advice.',\r\n msgBookingLinkToAConsolPlan: '{{updated_by_name}} linked SO# {{so_no}} to Consol Plan# {{consolidation_no}}',\r\n msgBookingDislinkToAConsolPlan: '{{updated_by_name}} unlinked SO# {{so_no}} from Consol Plan# {{consolidation_no}}',\r\n \r\n //consol\r\n msgConsolidationUpdateSailingA1: '{{updated_by_name}} updated the sailing of Consol# {{consolidation_no}}. Another M+R Proposed Sailing Option is selected.',\r\n msgConsolidationUpdateSailingA2: '{{updated_by_name}} updated the sailing of Consol# {{consolidation_no}}. {{field_names}} are changed.',\r\n msgConsolidationUpdateSailingA2b: '{{updated_by_name}} updated the sailing of Consol# {{consolidation_no}}.',\r\n msgConsolidationUpdateSailingA2Detail: '{{field_name}} is changed from {{original_value}} to {{new_value}}.',\r\n msgConsolidationUpdateRate: '{{updated_by_name}} updated the {{rate_type}} which is selected in Consol# {{consolidation_no}}. Please refresh the rate in BMS if needed.',\r\n msgConsolidationNewOperationRemark: '{updated_by_name} left a consol operation remark on Consol# {consolidation_no}.
{remark}',\r\n msgConsolidationNewPricingRemark: '{updated_by_name} left a consol pricing remark on Consol# {consolidation_no}.
{remark}',\r\n msgConsolidationRequestForConsolApproval: '{{updated_by_name}} updated Consol# {{consolidation_no}} to Request for Consol Approval.',\r\n msgConsolidationPendingCustomerConsolApproval: '{{updated_by_name}} updated Consol# {{consolidation_no}} to Pending Customer Consol Approval.',\r\n msgConsolidationApproved: '{{updated_by_name}} approved Consol# {{consolidation_no}}.',\r\n msgConsolidationRejected: '{{updated_by_name}} rejected Consol# {{consolidation_no}}.',\r\n msgConsolidationConsolPlanAdvice: '{{updated_by_name}} updated Consol# {{consolidation_no}} to Consol Plan Advice.',\r\n msgConsolidationUpdateTotalRate: '{{updated_by_name}} updated the Total Rate which is selected in Consol# {{consolidation_no}}. Please refresh the rate in BMS if needed.',\r\n msgConsolidationUpdateTotalRateDetail: 'Total Rate per {{container_size}} container is changed from {{old_total_rate_currency}} {{old_total_rate}} to {{new_total_rate_currency}} {{new_total_rate}}.',\r\n msgConsolidationUpdateRateOP: '{{updated_by_name}} updated the {{rate_type}} which is selected in Consol# {{consolidation_no}}.',\r\n\r\n //web invoice\r\n lblMasterSettingTitleWebInvoice: 'Web Invoice',\r\n lblMasterSettingErrorMessageHeaderWebInvoice: 'Web Invoice Session',\r\n msgWebInvoiceApReferenceRecognized: 'AP Ref. {{ap_reference}} has been applied to {{invoice_no}} according to the uploaded document (file name: {{file_name}})',\r\n msgWebInvoiceApReferenceRecognizeError: 'The system can\\'t locate and capture any AP Ref. from the uploaded document(file name: {{file_name}}) of {{invoice_no}}.Please check and update the AP Ref. manually',\r\n msgWebInvoiceMissingSunac: 'To post {{invoice_no}}, please apply a {{account_code}} Sun A/C Code for {{issued_party_code}} on the Ledger tab in PRS and make sure the application could be approved by the relevant party timely. Please take necessary action accordingly.',\r\n msgWebInvoiceGroupFailure1: 'GPE#{{group_no}} fails to export because the Base Currency Total Amount is negative (Invoice#{{invoice_no}})',\r\n msgWebInvoiceGroupFailure2: 'GPE#{{group_no}} fails to export because the Remarks of {{invoice_no}} is too long. Please shorten the Remarks or use the \"简洁版\" 备注格式 in the Header, and then export again.',\r\n msgWebInvoiceAccountingPrintCompleted: 'Printout for {{invoice_no}} (Issued To: {{issued_party_name}}) is ready to download.'\r\n },\r\n\r\n carrier: {\r\n colMRCarrierCode: 'M+R Carrier Code',\r\n colIsSCAC: 'Is SCAC Code',\r\n colAlliance: 'Alliance',\r\n colSCAC: 'SCAC Code',\r\n colCBSA: 'CBSA Code',\r\n colNACCS: 'NACCS Code',\r\n colDisplayName: 'Display Name',\r\n colFullName: 'Full Name',\r\n colIsSailingSchedule: 'Is Sailing Schedule',\r\n colEffectiveFrom: 'Effective From',\r\n colEffectiveTo: 'Effective To',\r\n colStatus: 'Status',\r\n colSFMCarrierSCAC: 'SFMCarrier SCAC Code',\r\n colCarrierType: 'Carrier Type',\r\n colWebsite: 'Website',\r\n\r\n lblMRCarrierCode: 'M+R Carrier Code',\r\n lblIsSCAC: 'Is SCAC Code',\r\n lblSCAC: 'SCAC Code',\r\n lblCBSA: 'CBSA Code',\r\n lblNACCS: 'NACCS Code',\r\n lblDisplayName: 'Display Name',\r\n lblFullName: 'Full Name',\r\n lblIsSailingSchedule: 'Is Sailing Schedule',\r\n lblAlliance: 'Alliance',\r\n lblEffectiveFrom: 'Effective From',\r\n lblEffectiveTo: 'Effective To',\r\n lblStatus: 'Status',\r\n lblSFMCarrierCode: 'SFMCarrier SCAC Code',\r\n lblCarrierType: 'Carrier Type',\r\n lblSea: 'Sea',\r\n lblWebsite: 'Website',\r\n\r\n msgDuplicateMRCarrierCode: \"M+R Carrier Code must be unique.\",\r\n msgMRCarrierCodeRequired: \"Please input M+R Carrier Code.\",\r\n msgMRCarrierCodeLenLtd: \"M+R Carrier Code must be 2-4 characters long.\",\r\n msgDuplicateCBSA: \"CBSA already exists.\",\r\n msgCBSALenLtd: \"CBSA Code must be 4 characters long.\",\r\n msgDuplicateNACCS: \"NACCS already exists.\",\r\n msgNACCSLenLtd: \"NACCS Code must be 4 characters long.\",\r\n msgDisplayNameRequired: \"Please input display name\",\r\n msgFullNameRequired: \"Please input full name\",\r\n msgDuplicateDisplayName: \"Carrier Display Name already exists.\",\r\n msgDuplicateFullName: \"Carrier Full Name already exists.\",\r\n msgAllianceRequired: \"Please Select Alliance.\",\r\n \r\n msgDuplicate: \"M+R Carrier Code must be unique.\",\r\n msgRecordNotLatest: \"This record is not updated. The record has been changed by another user.\",\r\n msgInvalidEffectiveDate: \"Effective To couldn't be earlier than the Effective From.\"\r\n },\r\n\r\n sailingSchedule: {\r\n lbCreateAdditionalSailing: \"Create Additional Sailing\",\r\n lbSelect: \"Select\",\r\n msgHardStopDuplicateSailing: \"There is an existing sailing schedule already, please select from the system.\",\r\n msgWarningDuplicateSailing: \"Existing sailing scheduled found as below.\\nPlease click \\\"Select\\\" to select the existing sailing.\",\r\n msgWarningDuplicateSailing2: \"Only if the above sailing is/are not suitable, click \\\"Create additional sailing\\\" to continue.\"\r\n },\r\n\r\n cargosphere: {\r\n lbEnvironmentCode: \"Environment Code\",\r\n lbLoginId: \"Login ID\",\r\n lbPassword: \"Login Password\",\r\n lbLoginStatus: \"Login Status\",\r\n msgLoading: \"Loading...\",\r\n msgEnterPassword: \"Please enter cargosphere login password\",\r\n msgInvalidLogin: \"Invalid login\",\r\n msgValidLogin: \"Success\",\r\n },\r\n\r\n rate: {\r\n msgUpdateLoginInfo: \"Please click here to update rate login info to unlock Cargosphere rate search.\"\r\n }\r\n\r\n};\r\n\r\nexport default en;","const tc = {\r\n btnLogin: \"登入\",\r\n btnChangeUser: \"Change User\",\r\n msgLoginTimeout: \"You have been logged off automatically after timeout.\",\r\n msgLoginFail: \"Incorrect username or password, please try again.\",\r\n msgChangeUserFail: \"Incorrect username or user is not activated\",\r\n lbRegister: \"Registration\",\r\n lbRegisterWithSIS: \"是\",\r\n lbRegisterWithoutSIS: \"否\",\r\n lbForgotPW: \"忘記密碼\",\r\n lbResetPW: \"重置密碼\",\r\n lbTermsOfUse: \"使用條款\",//\"條款和條件\",\r\n lbTermsOfUseContent: \"Legal Disclaimer: This system may not be used as the sole information tool by which future claims against any member of the M+R Spedag Group and its affiliates and/or agents services performance may be derived. Under no circumstances shall any member of the M+R Spedag Group and its affiliates and/or agents be liable for any damage including but not limited to special or consequential damages that result from the access or the use of, or the inability to access or use this system. The data contained in this system is provided without any warranty of any kind, either expressed or implied, as to their accuracy, reliability or completeness.\",\r\n lbSignUp: \"註冊\",\r\n privacyPolicy: {\r\n header: \"Privacy Policy\",\r\n privacyPolicy1: \"This privacy policy applies exclusively to the M+R Spedag Group website www.mrspedag.com.\",\r\n privacyPolicy2: \"Our goal is to ensure that your personal data is processed in compliance with the law. Our websites may contain links to external websites for which this data protection declaration is not valid.\",\r\n personalData: \"Personal data\",\r\n personalDataContent: \"We do not systematically collect personal data on our websites. It is possible that a visitor to our website transmits personal data to us, e.g. by using a contact form to contact us.\",\r\n useOfPersonalData: \"Use of personal data\",\r\n useOfPersonalDataContent: \"By submitting personal data via online forms, e-mail or similar, the user agrees to the processing of the data. This may be necessary to answer an enquiry or provide a service. If personal data is transmitted to us, it will only be used for internal processes and administered in compliance with legal requirements.\",\r\n deletionOfPersonalData: \"Deletion of personal data\",\r\n deletionOfPersonalDataContent: \"The data subject may request access to personal data and request any changes or deletion of personal data. The M+R Spedag Group will examine the request and implement it in accordance with legal requirements.\",\r\n contract: \"Contact\",\r\n contractContent: \"Information about your data can be sent to you via email: info@mrspedag.com\",\r\n passongOfPersonalData: \"Passing on of personal data\",\r\n passongOfPersonalDataContent: \"In principle, personal data will not be passed on to third parties. However, we reserve the right to take this step if this serves to comply with applicable laws and regulations and/or we consider this necessary to preserve our rights and/or to protect our property.\",\r\n cookies: \"Cookies\",\r\n cookiesContent: \"The full functionality of this website depends on the use of cookies. These are small files that are stored on the visitor’s PC. Cookies are used to store certain settings or preferences. These cookies do not pose any risk to the user’s computer.\",\r\n webAnalysisTools: \"Web Analysis Tools\",\r\n webAnalysisToolsContent: \"Our website uses Google Analytics, a web analysis service of Google Inc. Information about the use of the websites, including the IP addresses of visitors, is transmitted to a Google server (usually in the USA) and stored there. This service is used to evaluate the use of the websites. Google provides add-ons for the most common web browsers under the web link “https://tools.google.com/dlpage/gaoptout”, with which Google Analytics can be deactivated.\",\r\n },\r\n lbMR: \"華隆瑞鋒貨運有限公司\",\r\n lblConfirm: \"確定\",\r\n lblCancel: \"取消\",\r\n lblBack: \"返回\",\r\n lblEdit: \"編輯\",\r\n lblNext: \"下一頁\",\r\n lblSubmit: \"Submit\",\r\n lblSearch: \"搜尋\",\r\n lblYes: \"是\",\r\n lblNo: \"否\",\r\n lbUserID: \"User ID\",\r\n lbLoinID: \"Login ID\",\r\n lbPassword: \"密碼\",\r\n lbConfirmPassword: \"確認密碼\",\r\n msgConfirmPasswordRequired: \"請確認密碼\",\r\n msgPasswordInconsistent: \"Two passwords that you enter is inconsistent\",\r\n lbFamilyName: \"姓\",\r\n lbGivenName: \"名\",\r\n lbAddress: \"地址\",\r\n lbZipPostal: \"郵政編碼\",\r\n lbCountryCode: \"國家代碼\",\r\n lbEmail: \"電郵\",\r\n lbPhoneNumber: \"電話\",\r\n lbFax: \"傳真\",\r\n lbCompany: \"公司\",\r\n lbPosition: \"職位\",\r\n lbDepartment: \"部門\",\r\n lbLanguage: \"語言\",\r\n lbPageSize: \"Page Size\",\r\n btnSave: \"儲存\",\r\n btnCancel: \"取消\",\r\n lbContainerSize: \"Container Size\",\r\n lbQty: \"Qty\",\r\n lbCargoReadyDate: \"貨物完成日期\",\r\n lbDepartureFrom: \"Departure From\",\r\n lbPOL: \"裝貨港\",\r\n lbETD: \"ETD\",\r\n lbPOD: \"卸貨港\",\r\n lbETA: \"ETA\",\r\n lbMotherVesselVoyage: \"Mother Vessel Voyage\",\r\n lbCarrier: \"Carrier\",\r\n lbPLD: \"提貨地點\",\r\n lbFD: \"最終目的地\",\r\n lbCFS: \"CFS (LCL)\",\r\n lbCY: \"CY\",\r\n lbCyClosingDate: \"CY Closing Date\",\r\n lbVGM: \"VGM\",\r\n lbVgmCutOffDate: \"VGM Cutoff Date\",\r\n lbSI: \"SI\",\r\n lbSiCutOffDate: \"SI Cutoff Date\",\r\n lbServiceName: \"Service Name\",\r\n lbServiceCode: \"Service Code\",\r\n lbVesselName: \"Vessel Name\",\r\n lbVoyageCode: \"Voyage Code\",\r\n lbVesselImoNumber: \"IMO Number\",\r\n lbVesselOperator: \"Operator\",\r\n lbTransshipmentCode: \"Transshipment Port\",\r\n lbUserProfile: \"User Profile\",\r\n lbUserPassword: \"User Password\",\r\n lbNewPassword: \"New Password\",\r\n lbCurrentPassword: \"Current Password\",\r\n lbConfirmNewPassword: \"Confirm New Password\",\r\n lbContractType: \"Contract Type\",\r\n lbContractNo: \"Contract No.\",\r\n lbCarrierBookingNo: \"Carrier Booking No.\",\r\n lbCarrierConfirmBookingDate: \"Carrier Confirm Booking\",\r\n msgUpdatePwSuccessfully: \"Updated password successfully\",\r\n msgUpdatePwFail: \"Fail to update password\",\r\n msgPwNotMatch: \"Password not match\",\r\n msgUpdatedUserProfileSuccessfully: \"Updated user profile successfully\",\r\n msgUpdatUserProfileFail: \"Fail to update user profile\",\r\n msgUserProfileNotUnique: \"Profile Type should be unique\",\r\n msgUserProfileNotAssignedFuncRole: \"Please assign at leaset 1 System Function Role for each profile\",\r\n msgLoading: \"載入中…\",\r\n msgSaving: \"儲存中…\",\r\n errSaveUnknown: \"Unable to save with unknown reason.\",\r\n msgSureToDelete: \"確定刪除？\",\r\n msgNoRecordFound: \"沒有資料\",\r\n msgNoDashboardItem: \"No dashboard item found.\",\r\n msgLoadAutoSave: \"An auto save record is found (saved at {{datetime}}), do you want to load it?\",\r\n msgAutoSaveLoaded: \"auto save loaded\",\r\n msgAutoSaveSaved: \"The booking has been auto-saved\",\r\n msgSureToLeave: \"Are you sure you want to leave? (tc)\",\r\n errExportFailed: \"Unable to export file.\",\r\n msgSubmitting: \"Submitting\",\r\n msgSubmitForgotPwSuccessfully: \"Submit successfully. An Email will be sent to reset password.\",\r\n msgSubmitForgotPwFail: \"No record found.\",\r\n msgResetPwSuccessfully: \"Reset successfully.\",\r\n msgResetPwFail: \"Fail to reset password.\",\r\n msgRecordNotLatest: \"This record is not updated. Record has been changed by another user.\",\r\n msgSavedSuccess: \"Saved\",\r\n menu: {\r\n \"Home\": \"主頁\",\r\n \"Dashboard\": \"Dashboard\",\r\n \"Booking\": \"Booking\",\r\n \"New e-Booking\": \"New e-Booking\",\r\n \"Cancel e-Booking\": \"Cancel e-Booking\",\r\n \"New Manual Booking\": \"New Manual Booking\",\r\n \"Booking Confirmed\": \"Booking Confirmed\",\r\n \"Booking Approval\": \"Booking Approval\",\r\n \"Request For Approval\": \"Request For Approval\",\r\n \"Pending For Customer Approval\": \"Pending For Customer Approval\",\r\n \"Booking Rejected\": \"Booking Rejected\",\r\n \"Booking Advice\": \"Booking Advice\",\r\n \"Setting\": \"設置\",\r\n \"User Profile\": \"User Profile\",\r\n \"Change Password\": \"更改密碼\",\r\n \"Admin\": \"Admin\",\r\n \"Party Maintenance\": \"Party Maintenance\",\r\n \"Sailing Schedule Maintenance\": \"Sailing Schedule Maintenance\",\r\n \"Sign Out\": \"登出\",\r\n \"ChangeUser\": \"Change User\",\r\n },\r\n so: {\r\n lblHeader: \"Header\",\r\n lblDetails: \"Details\",\r\n lblISF: \"ISF\",\r\n lblDocumentUpload: \"文件\",\r\n lblSI: \"Shipping Instruction\",\r\n lblConfirmBooking: \"Confirm Booking\",\r\n lblShippingOrder: \"Shipping ORDER\",\r\n lblShipper: \"托運人\",\r\n lblShipperPlaceHolder: \"Shipper (code)\",\r\n msgShipperRequired: \"Please select a Shipper!\",\r\n lblCustomer: \"客戶\",\r\n lblCustomerPlaceHolder: \"Customer (code)\",\r\n msgCustomerRequired: \"Please select a Customer!\",\r\n lblConsignee: \"收貨人\",\r\n lblConsigneePlaceHolder: \"Consignee (code)\",\r\n msgConsigneeRequired: \"Please select a Consignee!\",\r\n lblMOT: \"Mode of Transportation (tc)\",\r\n msgMOTRequired: \"Please select the Mode of Transportation!\",\r\n lblMOTSea: \"海運\",\r\n lblMOTAir: \"空運\",\r\n lblMOTRail: \"Rail\",\r\n lblService: \"托運類別\",\r\n msgServiceRequired: \"Please select a Service!\",\r\n lblServiceFCL: \"FCL\",\r\n lblServiceLCL: \"LCL\",\r\n lblServiceBulk: \"Bulk\",\r\n lblPODDelivery: \"Port / Door Delivery (tc)\",\r\n msgPODDeliveryRequired: \"Please select a Port / Door Delivery (tc)!\",\r\n lblPODDeliveryP2p: \"Port-to-Port\",\r\n lblPODDeliveryP2d: \"Port-to-Door\",\r\n lblPODDeliveryD2p: \"Door-to-Port\",\r\n lblPODDeliveryD2d: \"Door-to-Door\",\r\n lblShipperReference: \"Shipper Reference\",\r\n lblShipperReferenceTooltip: \"Reference no. of Shipper\",\r\n lblShipperReferencePlaceHolder: \"Shipper Reference\",\r\n lblBusinessType: \"Business Type (tc)\",\r\n msgBusinessTypeRequired: \"Please select a Business Type!\",\r\n lblBusinessTypeNomination: \"Nomination\",\r\n lblBusinessTypeFreehand: \"Freehand\",\r\n lblNominationAgent: \"Nomination Agent (tc)\",\r\n msgNominationAgentRequired: \"Please select a Nomination Agent!\",\r\n lblAgentPlaceHolder: \"Agent (code)\",\r\n lblReleaseAgent: \"Release Agent (tc)\",\r\n msgReleaseAgentRequired: \"Please select a Release Agent!\",\r\n lbSOPInstruction: \"SOP instructions (Chinese)\",\r\n lbSOPInstructionContainerTitle: \"Container Usage (Chinese)\",\r\n lbSOPInstructionContainerContent: \"Use of 20' needs approval by customer........\",\r\n lbSOPInstructionRoutingTitle: \"Routing Instructions (Chinese)\",\r\n lbSOPInstructionRoutingContent: \"1st priority carrier is........\",\r\n msgFillInRequiredFields: \"Please fill in all required fields.\",\r\n errSONotFound: \"Shipping Order ({{sono}}) is not found. (tc)\",\r\n lblItemNo: \"Item#\",\r\n lblRemark: \"備註\",\r\n lblItemQty: \"Item qty\",\r\n lblItemQtyUnit: \"Item qty unit\",\r\n lblPackageQty: \"Package qty\",\r\n lblPackageQtyUnit: \"Package qty unit\",\r\n lblGrossWeight: \"Gross weight\",\r\n lblCBM: \"立方米\",\r\n lblDocumentType: \"Document Type (tc)\",\r\n lblFile: \"File (tc)\",\r\n lblFileSource: \"File Source\",\r\n lblDragOrUpload: \"Select / Drag a file (tc)\",\r\n lblTiming: \"Timing as per customer's requirement (tc)\",\r\n lblSubmitBooking: \"Submit Booking\",\r\n msgISFMustComplete: \"對於出口至美國的貨物，請提供美國海關所需的ISF信息\",\r\n lblSeller: \"銷售商\",\r\n lblManufacturer: \"生產商\",\r\n lblBuyer: \"買方\",\r\n lblShipTo: \"運至\",\r\n lblContainerStuffingLocation: \"貨櫃裝箱地\",\r\n lblConsolidator: \"Consolidator\",\r\n lblISFCompanyName: \"公司全稱\",\r\n msgSellerNameRequired: \"Please input seller name!\",\r\n lblSellerPlaceHolder: \"銷售商公司全稱\",\r\n msgManufacturerNameRequired: \"Please input manufacturer name!\",\r\n lblManufacturerNamePlaceHolder: \"生產商公司全稱\",\r\n msgBuyerNameRequired: \"Please input buyer name!\",\r\n lblBuyerPlaceHolder: \"買方公司全稱\",\r\n msgShipToNameRequired: \"Please input ship to name!\",\r\n lblShipToPlaceHolder: \"公司全稱 \",\r\n msgContainerStuffingLocationNameRequired: \"Please input container stuffing location name!\",\r\n lblContainerStuffingLocationPlaceHolder: \"Container Stuffing Location\",\r\n msglblConsolidatorNameRequired: \"Please input consolidator name!\",\r\n lbllblConsolidatorPlaceHolder: \"Consolidator Name\",\r\n lblAddress1: \"地址一\",\r\n msgAddress1Required: \"Please input address 1!\",\r\n lblAddress1PlaceHolder: \"地址一\",\r\n lblAddress2: \"地址二\",\r\n msgAddress2Required: \"Please input address 2!\",\r\n lblAddress2PlaceHolder: \"地址二\",\r\n lblCity: \"城市\",\r\n msgCityRequired: \"Please input city!\",\r\n lblCityPlaceHolder: \"城市\",\r\n lblCountry: \"國家\",\r\n msgCountryRequired: \"Please input country!\",\r\n lblCountryPlaceHolder: \"國家\",\r\n lblCountryOfOrigin: \"原產國\",\r\n msgCountryOfOriginRequired: \"Please input country of origin!\",\r\n lblCountryOfOriginPlaceHolder: \"原產國\",\r\n lblHTSCode: \"HTS Code\",\r\n msgHTSCodeRequired: \"Please input HTS code!\",\r\n lblHTSCodePlaceHolder: \"HTS Code\",\r\n lblAddISFCompany: \"新增{{type}}\",\r\n lblRemoveISFCompany: \"刪除{{type}}\",\r\n colSoNo: \"SO#\",\r\n colPoNo: \"PO#\",\r\n colHblNo: 'HBL#',\r\n colShipper: 'Shipper',\r\n colConsignee: 'Consignee',\r\n colReleaseAgent: 'Release Agent',\r\n colNominationAgent: 'Nomination Agent',\r\n colBookingDate: 'Booking Date',\r\n colBookingStatus: 'Booking Status',\r\n colBookingStatusDate: 'Booking Status Date',\r\n colBookingApprovalStatus : 'Booking Approval Status',\r\n colBookingApprovalStatusDate : 'Booking Approval Date',\r\n colCargoReadyDate : 'Cargo Ready Date',\r\n colPol : 'POL',\r\n colEtd : 'ETD',\r\n colPod: 'POD',\r\n colPodEta: 'POD ETA',\r\n colCustomer: 'Customer',\r\n colTradelane: 'Tradelane',\r\n colBookingUpdatedBy: 'Booking Updated By',\r\n colBookingLastUpdatedTime: 'Booking Last Updated Time',\r\n colBookingApprovalReason: 'Booking Approval Reason',\r\n colBookingApprovalRemarks: 'Booking Approval Remarks',\r\n colBookingApprovalUpdatedBy: 'Booking Approval Updated By',\r\n colReference: 'Reference',\r\n colLatestStatus: 'Latest Status',\r\n miReactivateBooking: \"Recover Booking\",\r\n msgSureToReactivateBooking: \"Are you sure you want to recover the booking?\",\r\n miAcknowledgeCancelBooking: \"Acknowledge Cancel\",\r\n msgSureToAcknowledgeCancelBooking : \"Are you sure you want to acknowledge the cancellation request?\",\r\n miRejectCancelBooking : \"Reject Cancel\",\r\n msgSureToRejectCancelBooking: \"Are you sure you want to reject the cancellation request?\",\r\n miCancelBooking: \"Cancel Booking\",\r\n msgSureToCancelBooking: \"Are you sure you want to cancel the booking?\",\r\n lblBookingApproval: \"Booking Approval\",\r\n colRemarks: \"Remarks\",\r\n colRemarkType: \"Remark Type\",\r\n colVisibleTo: \"Visible To\",\r\n colApprovalStatus: \"Approval Status\",\r\n lbApprovalStatus: \"Approval Status\",\r\n lbNewRemarks: \"New Remarks\",\r\n lbVisibleTo: \"Visible To\",\r\n lbReasons: \"Reasons\",\r\n cbSendEmailNotifyTo: \"Send Email Notification To\",\r\n msgAddBookingApprovalSuccess: \"Add Booking Approval Successfully\",\r\n msgAddBookingApprovalFail: \"Fail to add Booking Approval\",\r\n lbSONo: \"SO#\",\r\n lbHBLNo: \"HBL#\",\r\n lbTrader: \"Trader\",\r\n lbNotifyParty: \"Notify Party\",\r\n lbHandlingOffice: \"Handling Office\",\r\n lbContact: \"Contact\",\r\n lbContactPhone: \"Phone\",\r\n lbPOR: \"POR\",\r\n lbPOL: \"POL\",\r\n lbPOD: \"POD\",\r\n lbPLD: \"PLD\",\r\n lbPOLEtd: \"POL ETD\",\r\n lbPLDEta: \"PLD ETA\",\r\n lbFD: \"FD\",\r\n lbFDEta: \"FD ETA\",\r\n lbCargoReadyDate: \"Cargo Ready Date\",\r\n msgInvalidEmail: \"Invalid email\",\r\n msgEmptyRemark: \"Please enter remark details or close the remark\",\r\n msgFillRequire: \"Please fill in the required column(s)\",\r\n msgEmptyRemarkType: \"Please enter New Remarks for {{i}} remark\",\r\n msgUserContactEmailSuccess: \"{{email}} is deleted successfully\",\r\n msgUserContactEmailFail: \"Fail to delete {{email}}\",\r\n lbWarehouse: \"Warehouse (LCL)\",\r\n lbWarehouseSONo: \"Warehouse SO No.\",\r\n msgWarningEditBookingApproval: \"Please save the existing booking or cancel edit before performing Booking Approval\",\r\n msgDeleteISFProfileSuccess: \"Deleted successfully\",\r\n msgDeleteISFProfileFail: \"Delete fail\",\r\n msgFillInRequiredTabFields: \"Please revise highlighted tab(s)\",\r\n msgConfirmAcceptChangeMsg: 'Accept changes will replace all containers and all allocation between PO and containers will be deleted.Are you sure to continue?',\r\n colDefaultAgentCode: 'Code',\r\n colDefaultAgentName: 'Name',\r\n colDefaultAgentIsAutoFill: 'Default',\r\n colDefaultAgentDescription: 'Description',\r\n lblDefaultAgentConsigneeCode: 'Consignee Code',\r\n lblDefaultAgentCustomer: 'Customer',\r\n lblDefaultNominationAgentCode: 'Related Nomination Agent Codes',\r\n lblDefaultReleaseAgentCode: 'Related Release Agent Codes',\r\n polCfsClosingRequired: 'Please input CFS!',\r\n polCyClosingRequired: 'Please input CY!',\r\n polVgmClosingRequired: 'Please input VGM!',\r\n polSiClosingRequired: 'Please input SI!',\r\n msgSendEmailPopup: \"Booking Number {{so_no}} will be saved.Do you want to send a BMS booking email notification to shipper, booking cc email and M + R OP ?\",\r\n lbConfirmSendEmail: \"Yes & Save the Change\",\r\n lbConfirmNotSendEmail: \"No & Save the Change\",\r\n lblSOStatus: \"Status\",\r\n pnlStatusHistory: \"Status History\",\r\n colSOStatus: \"Status\",\r\n colSOStatusAction: \"Action\",\r\n colSOStatusRemark: \"Remark\",\r\n colSOStatusUser: \"User\",\r\n colSOStatusUpdatedTime: \"Updated Time\",\r\n msgIncorrectExFactoryDate: \"The Ex-Factory Date of Container# {{container_no}} must NOT be earlier than Cargo Ready Date ({{cargo_ready_date}})\",\r\n msgMissingExFactoryDate: \"Please enter the Ex-Factory Date for Container# {{container_no}}\",\r\n msgMissingSealNO: \"Please enter the Seal# for Container# {{container_no}}\",\r\n msgMissingCarrierSONO: \"Please enter the Carrier Booking# for Container# {{container_no}}\",\r\n msgMissingPackageQTY: \"Please enter the Package QTY for Container# {{container_no}}\",\r\n msgExceedsGW: \"Container #{{container_no}}: The difference between allocated GW ({{allocatedGW}}) and entered in container GW ({{containerGW}}) cannot exceeds 1\",\r\n msgExceedsCBM: \"Container #{{container_no}}: The difference between allocated CBM ({{allocatedCBM}}) and entered in container CBM ({{containerCBM}}) cannot exceeds 1\",\r\n msgResendEmailSuccess: \"Resend S/O Sheet by email successfully\",\r\n lbCopyToMenufacturer: \"Copy to Manufacturer\",\r\n lbCopyToContainerStuffingLocation: \"Copy to Container Stuffing Location\",\r\n lbCopyToShipTo: \"Copy to Ship To\",\r\n lbCopyToConsolidator: \"Copy to Consolidator\",\r\n lbShowFullHDOffice: \"Show Full List Handling Office\",\r\n msgETDLaterThanCargoReadyDate: \"ETD should be later than the Cargo Ready Date. Please check and amend the ETD and/ or the Cargo Ready Date\",\r\n msgETDMoreThan14Days: \"ETD is more than 14 days after Cargo Ready Date. Please check the ETD and the Cargo Ready Date. Click \\\"OK\\\" to continue\"\r\n },\r\n lbSOColorDesc: {\r\n newEBookgingRed: \"Pending for confirmation more than 18 hours\",\r\n newEBookgingYellow: \"Pending for confirmation more than 8 hours\",\r\n newEBookgingGreen: \"Pending for confirmation\",\r\n amendEBookgingRed: \"Pending for confirmation more than 18 hours\",\r\n amendEBookgingYellow: \"Pending for confirmation more than 8 hours\",\r\n amendEBookgingGreen: \"Pending for confirmation\",\r\n cancelEBookgingRed: \"Pending for acknowledgement more than 18 hours\",\r\n cancelEBookgingYellow: \"Pending for acknowledgement more than 8 hours\",\r\n cancelEBookgingGreen: \"Pending for acknowledgement\",\r\n newManualBookgingRed: \"Pending for acknowledgement more than 18 hours\",\r\n newManualBookgingYellow: \"Pending for acknowledgement more than 8 hours\",\r\n newManualBookgingGreen: \"Pending for acknowledgement\",\r\n confirmBookingRed: \"Confirmed Booking pending for booking approval for more than 2 days\",\r\n confirmBookingYellow: \"Confirmed Booking pending for booking approval for more than 1 day\",\r\n confirmBookingGreen: \"Confirmed Booking pending for booking approval\",\r\n requestForApprovalRed: \"Pending on requesting for approval more than 2 days\",\r\n requestForApprovalYellow: \"Pending on requesting for approval more than 1 day\",\r\n requestForApprovalGreen: \"Pending on requesting for approval\",\r\n pendingForCustomerApprovalRed: \"Pending on getting customer approval more than 2 days\",\r\n pendingForCustomerApprovalYellow: \"Pending on getting customer approval more than 1 days\",\r\n pendingForCustomerApprovalGreen: \"Pending on getting customer approval\",\r\n bookingRejectedRed: \"Booking was rejected more than 1 day\",\r\n bookingRejectedYellow: \"Booking was rejected\"\r\n },\r\n sysNotice: {\r\n lbNoticeType: \"Notice Type\",\r\n lbNoticeTitle: \"Notice Title\",\r\n lbNoticeBody: \"Notice Body\",\r\n lbMod: \"Affected System\",\r\n lbValidDate: \"Valid Date\",\r\n lbRemarks: \"Remarks\",\r\n lbCreatedBy: \"Created By\",\r\n lbCreatedDate: \"Create Date\",\r\n lbUpdatedBy: \"Updated By\",\r\n lbUpdatedDate: \"Updated Date\",\r\n msgUpdatedSysNoticeSuccessfully: \"Updated System Notice Successfully\",\r\n msgUpdateSysNoticeFail: \"Fail to update System Notice\",\r\n msgConfirmDelete: \"Are you sure to delete this system notice?\",\r\n lbDelete: \"Delete\",\r\n lbCopy: \"Copy\"\r\n },\r\n lbParty: \"Party\",\r\n lbPartyID: \"Party ID\",\r\n lbPartyCode: \"Party Code\",\r\n lbOtherCode: \"Other Code\",\r\n lbPartyType: \"Party Type\",\r\n lbContactPerson: \"聯絡人\",\r\n lbCity: \"城市\",\r\n lbState: \"州\",\r\n lbShortName: \"Short Name\",\r\n lbFullName: \"Full Name\",\r\n lbStatus: \"Status\",\r\n msgUpdatePartySuccess: \"Updated party successfully\",\r\n msgUpdatePartyFail: \"Fail to update party\",\r\n lbTradeLaneID: \"TradeLane ID\",\r\n msgCannotMapUserProfiles: \"Cannot map user profile with SIS ID, please register a new account without SIS ID\",\r\n msgLoginIDAleadyRegistered: \"Login ID already registered\",\r\n msgSISLoginIDRequire: \"Please enter SIS Login ID\",\r\n lbTradeLaneName: \"TradeLane Name\",\r\n lbOfficeCode: \"Office Code\",\r\n lbEffectiveDate: \"Effective Date\",\r\n lbTradeLane: \"TradeLane\",\r\n lbCustomerTypeID: \"Customer Type ID\",\r\n lbCustomerCode: \"Customer Code\",\r\n\r\n msgUpdateTradeLaneSuccess: \"Updated TradeLane successfully\",\r\n msgUpdateTradeLaneFail: \"Fail to update TradeLane\",\r\n msgConfirmDeleteTradeLane: \"Are you sure want to delete TradeLane [{{tradelane_name}}]?\",\r\n msgDeleteTradeLaneSuccess: \"Deleted TradeLane successfully\",\r\n msgDeleteTradeLaneFail: \"Fail to delete TradeLane\",\r\n\r\n lbPartyGroup: \"Party Group\",\r\n lbPartyGroupID: \"Party Group ID\",\r\n lbGroupName: \"Group Name\",\r\n lbGroupType: \"Group Type\",\r\n msgUpdatePartyGroupSuccess: \"Update party group successfully\",\r\n msgUpdatePartyGroupFail: \"Fail to update party group\",\r\n msgPartyGroupMissingField: \"Please fill in the missing fields\",\r\n\r\n\r\n\r\n lbInvErr: {\r\n lbNoPermission: \"You have no permission\",\r\n lbPleaseSelect: \"Please Select!\",\r\n lbPleaseInput: \"Please Input!\",\r\n //lbNoZero: \"Cannot be 0\",\r\n //lbMaxValueErr: \"Please input value less than (maxNum)\",\r\n //lbMinValueErr: \"Please input value greater than (minNum)\",\r\n lbOutOfRangeErr: \"Please input value between (minNum) and (maxNum)\",\r\n lbJobNoNotFound: \"This job no. cannot be found.\",\r\n\r\n lbMissingSO: '試中文',\r\n },\r\n notification: {\r\n lblFollow: 'Follow',\r\n lblFollowing: 'Following',\r\n lblUserDefaultSettingTitle: 'User Default Notification Setting',\r\n lblShipperOrderSettingTitle: 'Notification Setting for Shipping Order : ',\r\n lblMasterSettingTitleBooking: 'Booking',\r\n lblMasterSettingTitleWebInvoice: 'Web Invoice',\r\n lblMasterSettingTitleBookingApproval: 'Booking Approval',\r\n lblFollowTitle: 'You can change the setting by choosing:',\r\n lblFollowOption1: 'User Default',\r\n lblFollowOption2: 'Customized',\r\n lblDefaultSelection: 'Default Selection',\r\n lblSettingDesc1: 'You will be notified for the following events',\r\n lblSettingDesc2: 'By :',\r\n lblEventTableColumnEvent: 'Event',\r\n lblNotificationMethodOption1: 'In-app notification',\r\n lblNotificationMethodOption2: 'Email notification',\r\n bellButtonToolTip: 'Notification',\r\n lblNotificationListTitle: 'Notification',\r\n\r\n smartSearchTooltip: \"Enter SO# or CONSOL# to search. \\n\\nOnce you entered the keyword in this field, you could click 'Tab' and then press 'Enter' to perform searching.\",\r\n\r\n lblNotificationListMenuOption1: 'Mark All as Read',\r\n lblNotificationListMenuOption2: 'Delete All',\r\n lblNotificationListMenuOption3: 'Refresh',\r\n lblNotificationListMenuOption4: 'User Default Setting',\r\n\r\n lblNotificationListItemMenuOption1a: 'Mark as Read',\r\n lblNotificationListItemMenuOption1b: 'Mark as Unread',\r\n lblNotificationListItemMenuOption2: 'Delete Notification',\r\n lblNotificationListItemMenuOption3a: 'Unfollow SO# ',\r\n\r\n msgSureToDeleteAll: \"Sure to delete all notification?\",\r\n\r\n lblNotificationViewAll: 'View all',\r\n\r\n msgAtLeastOneEvent: 'Please select at leaset 1 notification event.',\r\n msgAtLeastOneNotificationMethod: 'Please select at leaset 1 notification method.',\r\n msgMissingEmailAddress: 'Please Fill in Email address.',\r\n msgInvalidEmailAddress: 'Invalid email',\r\n \r\n lblEditUserDefaultSettingTooltip: 'Edit',\r\n lblResetBtn: 'Reset Selection'\r\n }\r\n};\r\n\r\nexport default tc;","import en from './en';\r\nimport tc from './tc';\r\nimport i18next from 'i18next';\r\nimport React, { Fragment } from 'react';\r\nimport * as Common from '../components/Common';\r\nconst DefaultLang = \"en\";\r\n\r\ni18next.init({\r\n debug: true,\r\n lng: DefaultLang,\r\n resources: {\r\n en: {\r\n translation: en\r\n },\r\n tc: {\r\n translation: tc\r\n }\r\n }\r\n \r\n});\r\n\r\nconst lang_en = i18next.getFixedT(DefaultLang);\r\n\r\nvar changeLanguage = (l) => {\r\n var lang = DefaultLang;\r\n\r\n if (l === 'zh-HK') lang = 'tc';\r\n else if (l === 'zh-CN') lang = 'sc';\r\n\r\n i18next.language !== lang && i18next.changeLanguage(lang);\r\n};\r\n\r\nvar getText = (key, options) => {\r\n return i18next.exists(key) ? i18next.t(key, options) : lang_en(key, options);\r\n};\r\n\r\nvar multiLine = (text) => {\r\n return typeof text === 'string' ? text.replace('&', '&').replace('/', '/').replace(''', \"'\").split('\\n').map(item =>