\r\n {deliveryMode == DeliveryModes.Truck ? (\r\n
\r\n);\r\n\r\nexport default DeliveryModeIcon;\r\n","import { Dispatch } from 'redux';\r\nimport {\r\n FleetChartererActions,\r\n FLEETCHAETERER_LOADING,\r\n FLEETCHAETERER_FETCH_ERROR,\r\n GET_FLEETCHAETERER,\r\n DELETE_FLEETCHAETERER,\r\n ADD_FLEETCHAETERER,\r\n FLEETCHAETERER_ADD_ERROR,\r\n FLEETCHAETERER_CLEAR_TOAST,\r\n FLEETCHAETERER_DELETE_ERROR,\r\n} from './types';\r\nimport { api } from '../../helpers/api';\r\nimport { FleetChartererResponseModel, FleetCharterer } from './models';\r\nimport { Vessel } from '../Vessels/models';\r\nimport { FleetVessel } from '../CompanyFleet/models';\r\n\r\nexport const getCharteredFleetVessels = (id: string) => (dispatch: Dispatch\r\n
\r\n));\r\n","import { Dispatch } from 'redux';\r\n\r\ninterface DispatchObject {\r\n dispatch: Dispatch;\r\n errorType: string;\r\n}\r\n\r\ninterface ApiParameters {\r\n url: string;\r\n dispatchObject?: DispatchObject;\r\n data?: any;\r\n method?: string;\r\n token?: string;\r\n}\r\n\r\nconst header = new Headers();\r\nheader.append('content-type', 'application/json');\r\n\r\nasync function apiMethod\r\n
\r\n {errorTitle && {errorStatusCode ? errorStatusCode : 'Error'}
\r\n {errorTitle}
}\r\n{errorMessage}
\r\n {children}\r\n {displayContact && (\r\n\r\n \r\n Contact us\r\n \r\n
\r\n )}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ModalResponse;\r\n","module.exports = __webpack_public_path__ + \"static/media/add-ship.6e60a7be.svg\";","import { ErrorActionPayload } from '../../models/ErrorAction';\r\nimport { AuthWrapperModel } from './models';\r\n\r\nexport const AUTH_LOADING = 'auth/loading';\r\nexport type AUTH_LOADING = typeof AUTH_LOADING;\r\n\r\nexport const GET_AUTH = 'auth/get';\r\nexport type GET_AUTH = typeof GET_AUTH;\r\n\r\nexport const AUTH_FETCH_ERROR = 'auth/fetchError';\r\nexport type AUTH_FETCH_ERROR = typeof AUTH_FETCH_ERROR;\r\n\r\nexport type AuthActions =\r\n | {\r\n type: GET_AUTH;\r\n payload: AuthWrapperModel['data'];\r\n }\r\n | {\r\n type: AUTH_LOADING;\r\n }\r\n | {\r\n type: AUTH_FETCH_ERROR;\r\n payload: ErrorActionPayload;\r\n };\r\n","import { ErrorActionPayload } from '../../models/ErrorAction';\r\nimport { ChorusCompanyWrapperModel } from './models';\r\n\r\nexport const CHORUSCOMPANY_LOADING = 'choruscompany/loading';\r\nexport type CHORUSCOMPANY_LOADING = typeof CHORUSCOMPANY_LOADING;\r\n\r\nexport const GET_CHORUSCOMPANY = 'choruscompany/get';\r\nexport type GET_CHORUSCOMPANY = typeof GET_CHORUSCOMPANY;\r\n\r\nexport const CHORUSCOMPANY_FETCH_ERROR = 'choruscompany/fetchError';\r\nexport type CHORUSCOMPANY_FETCH_ERROR = typeof CHORUSCOMPANY_FETCH_ERROR;\r\n\r\nexport type ChorusCompanyActions =\r\n | {\r\n type: GET_CHORUSCOMPANY;\r\n payload: ChorusCompanyWrapperModel['data'];\r\n }\r\n | {\r\n type: CHORUSCOMPANY_LOADING;\r\n }\r\n | {\r\n type: CHORUSCOMPANY_FETCH_ERROR;\r\n payload: ErrorActionPayload;\r\n };\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"ToggleButton_button__2ivT7\",\"active\":\"ToggleButton_active__3FRQb\",\"check\":\"ToggleButton_check__1DOr6\",\"deliverymode-modal-header\":\"ToggleButton_deliverymode-modal-header__1ruhi\",\"deliverymode-modal-body\":\"ToggleButton_deliverymode-modal-body__3CBHJ\",\"deliverymode-modal-footer\":\"ToggleButton_deliverymode-modal-footer__1nJIv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"LowCarbonOption_button__1fovX\",\"active\":\"LowCarbonOption_active__vLoLz\",\"check\":\"LowCarbonOption_check__2VMu8\",\"lowcarbonoption-modal-header\":\"LowCarbonOption_lowcarbonoption-modal-header__1VCE5\",\"lowcarbonoption-modal-body\":\"LowCarbonOption_lowcarbonoption-modal-body__10LN6\",\"lowcarbonoption-modal-footer\":\"LowCarbonOption_lowcarbonoption-modal-footer__1H5HT\"};","import { Auth } from '../store/Auth/models';\r\nimport { RoleType } from '../models/RoleType';\r\nimport { Category } from '../models/Category';\r\n\r\nexport const checkSystemAdmin = (auth: Auth) => {\r\n let isAdmin = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.SysAdmin) {\r\n isAdmin = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isAdmin;\r\n};\r\n\r\nexport const checkCompanyAdmin = (auth: Auth) => {\r\n let isAdmin = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.CompAdmin || role === RoleType.CompAdminBuyer) {\r\n isAdmin = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isAdmin;\r\n};\r\n\r\nexport const checkBunkerVesselCrew = (auth: Auth) => {\r\n let isCaptain = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.BunkerVesselCrew) {\r\n isCaptain = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isCaptain;\r\n};\r\n\r\nexport const checkReceivingVesselCrew = (auth: Auth) => {\r\n let isCaptain = false;\r\n if (auth && auth.roles) {\r\n isCaptain = auth.roles.includes(RoleType.RecVesselCrew);\r\n }\r\n return isCaptain;\r\n};\r\n\r\nexport const checkTerminalOperator = (auth: Auth) => {\r\n let isTerminalOperator = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.TerminalOperator) {\r\n isTerminalOperator = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isTerminalOperator;\r\n};\r\n\r\nexport const checkCaptains = (auth: Auth) => {\r\n let isCaptain = false;\r\n if (auth && auth.roles) {\r\n isCaptain =\r\n auth.roles.includes(RoleType.RecVesselCrew) ||\r\n auth.roles.includes(RoleType.BunkerVesselCrew) ||\r\n auth.roles.includes(RoleType.CaptainScheduler) ||\r\n auth.roles.includes(RoleType.ReceivingCaptainScheduler);\r\n }\r\n return isCaptain;\r\n};\r\n\r\nexport const checkCaptainScheduler = (auth: Auth) => {\r\n let isSchedulerCaptain = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.CaptainScheduler) {\r\n isSchedulerCaptain = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isSchedulerCaptain;\r\n};\r\n\r\nexport const checkReceivingCaptainScheduler = (auth: Auth) => {\r\n let isSchedulerCaptain = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.ReceivingCaptainScheduler) {\r\n isSchedulerCaptain = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isSchedulerCaptain;\r\n};\r\n\r\nexport const checkShipOwnerAdministrative = (auth: Auth) => {\r\n let isAdministrative = false;\r\n if (auth && auth.roles) {\r\n isAdministrative = auth.roles.includes(RoleType.Administrative);\r\n }\r\n return isAdministrative;\r\n};\r\n\r\nexport const checkCommercial = (auth: Auth) => {\r\n let isAdministrative = false;\r\n if (auth && auth.roles) {\r\n isAdministrative = auth.roles.includes(RoleType.Commercial);\r\n }\r\n return isAdministrative;\r\n};\r\n\r\nexport const checkProcurement = (auth: Auth) => {\r\n let isProcurement = false;\r\n if (auth && auth.roles) {\r\n isProcurement = auth.roles.includes(RoleType.Procurement);\r\n }\r\n return isProcurement;\r\n};\r\n\r\nexport const checkOperator = (auth: Auth) => {\r\n let isOperator = false;\r\n if (auth && auth.roles) {\r\n isOperator = auth.roles.includes(RoleType.Operator);\r\n }\r\n return isOperator;\r\n};\r\n\r\nexport const checkVesselOperator = (auth: Auth) => {\r\n let isVesselOperator = false;\r\n if (auth && auth.roles) {\r\n auth.roles.forEach((role) => {\r\n if (role === RoleType.VesselOperator) {\r\n isVesselOperator = true;\r\n return;\r\n }\r\n });\r\n }\r\n return isVesselOperator;\r\n};\r\n\r\nexport const canCreateNominationOnBehalf = (auth: Auth) => {\r\n let canCreateNomination = false;\r\n const isSupplier = auth.company?.category.categoryName == Category.Supplier;\r\n if (auth && auth.roles) {\r\n canCreateNomination =\r\n auth.roles.includes(RoleType.Operator) ||\r\n auth.roles.includes(RoleType.Commercial) ||\r\n auth.roles.includes(RoleType.CaptainScheduler) ||\r\n auth.roles.includes(RoleType.ReceivingCaptainScheduler);\r\n }\r\n return isSupplier && canCreateNomination;\r\n};\r\n\r\nexport const checkShipOwner = (auth: Auth) => {\r\n return auth.company && auth.company.category.categoryName == Category.Shipowner;\r\n};\r\nexport const checkSupplier = (auth: Auth) => {\r\n return auth.company && auth.company.category.categoryName == Category.Supplier;\r\n};\r\nexport const checkCharterer = (auth: Auth) => {\r\n return auth.company && auth.company.category.categoryName == Category.Charterer;\r\n};\r\n\r\nexport const canAccessRecurringNominations = (auth: Auth) => {\r\n let canAccess = false;\r\n if (auth && auth.roles) {\r\n canAccess =\r\n auth.roles.includes(RoleType.VesselOperator) ||\r\n auth.roles.includes(RoleType.Procurement) ||\r\n auth.roles.includes(RoleType.ReceivingCaptainScheduler) ||\r\n auth.roles.includes(RoleType.Operator) ||\r\n auth.roles.includes(RoleType.Commercial) ||\r\n auth.roles.includes(RoleType.CaptainScheduler);\r\n }\r\n return canAccess;\r\n};\r\n\r\nexport const canCreateSpotEnquiry = (auth: Auth) => {\r\n if (auth && auth.roles) {\r\n return (\r\n (checkShipOwner(auth) || checkCharterer(auth)) &&\r\n !checkReceivingVesselCrew(auth) &&\r\n !checkReceivingCaptainScheduler(auth) &&\r\n !checkShipOwnerAdministrative(auth)\r\n );\r\n } else {\r\n return false;\r\n }\r\n};\r\n","import { Dispatch } from 'redux';\r\nimport * as TYPE from './types';\r\nimport { api } from '../../helpers/api';\r\nimport React, { ReactElement } from 'react';\r\nimport ModalResponse from '../../components/Modal/ModalResponse';\r\nimport { SET_MODAL } from '../Global/types';\r\nimport { BDNLocationResponseModel, BDNLocation } from './models';\r\n\r\nconst updateLoaderModal: ReactElement = \r\n
\r\n \r\n {this.props.children}\r\n
\r\n\r\n
\r\n));\r\n","import React from 'react';\r\nimport { ErrorActionPayload } from '../../../../models/ErrorAction';\r\nimport styles from '../../Error.module.scss';\r\nimport { ReactComponent as ErrorIcon } from '../svgs/error-generic-graphic.svg';\r\n\r\ninterface OwnProps {\r\n error?: ErrorActionPayload;\r\n}\r\n\r\nexport const ClientError: React.FC\r\n
\r\n Loading{type && ` ${type}`}...\r\n \r\n
\r\n));\r\n","import React from 'react';\r\nimport { ReactComponent as ServerIcon } from './server.svg';\r\nimport { ReactComponent as ExclamationIcon } from '../svgs/exclamation-square.svg';\r\nimport { ErrorActionPayload } from '../../../../models/ErrorAction';\r\nimport styles from '../../Error.module.scss';\r\nimport { ReactComponent as ErrorIcon } from '../svgs/error-generic-graphic.svg';\r\n\r\ninterface OwnProps {\r\n error: ErrorActionPayload;\r\n}\r\n\r\nexport const ServerError: React.FC\r\n
\r\n {error ? error.statusCode : 405}
\r\n Error
\r\nWe are sorry, but an error has happened.
\r\n\r\n
\r\n\r\n \r\n Click here to continue\r\n \r\n {error && error.message && Try refreshing the page.
\r\n\r\n If the problem persists, please contact us and let us know.\r\n
\r\n{error.message}
}\r\n \r\n
\r\n));\r\n","import React from 'react';\r\nimport { ErrorActionPayload } from '../../../../models/ErrorAction';\r\nimport { ReactComponent as ErrorIcon } from '../svgs/error-generic-graphic.svg';\r\nimport styles from '../../Error.module.scss';\r\n\r\ninterface OwnProps {\r\n error: ErrorActionPayload;\r\n}\r\n\r\nexport const AuthenticationError: React.FC\r\n
\r\n {error ? error.statusCode : 505}
\r\n Error
\r\nWe are sorry, but there seems to be an error contacting our servers.
\r\n\r\n
\r\n\r\n \r\n Click here to continue\r\n \r\n {error && error.message && Try refreshing the page in a while.
\r\n\r\n If the problem persists, please contact us and let us know.\r\n
\r\n{error.message}
}\r\n \r\n
\r\n));\r\n","import React from 'react';\r\nimport { ErrorActionPayload } from '../../../../models/ErrorAction';\r\nimport { ReactComponent as ErrorIcon } from '../svgs/lock-alt.svg';\r\nimport styles from '../../Error.module.scss';\r\n\r\ninterface OwnProps {\r\n error: ErrorActionPayload;\r\n}\r\n\r\nexport const ForbiddenError: React.FC\r\n
\r\n {error.statusCode}
\r\n We are sorry, but you seem to be unauthorized.
\r\nYour token might have expired.
\r\n \r\n Click here to continue\r\n \r\n\r\n {error.message &&{error.message}
}\r\n \r\n
\r\n));\r\n","import React from 'react';\r\nimport { ErrorActionPayload } from '../../models/ErrorAction';\r\nimport { PageNotFoundError } from './components/PageNotFoundError';\r\nimport { ClientError } from './components/ClientError';\r\nimport { ServerError } from './components/ServerError';\r\nimport { AuthenticationError } from './components/AuthenticationError/index';\r\nimport { ForbiddenError } from './components/ForbiddenError/index';\r\n\r\ninterface OwnProps {\r\n error: ErrorActionPayload;\r\n}\r\n\r\nexport const Error: React.FC\r\n
\r\n {error.statusCode}
\r\n We are sorry, you seem to not have access to this content.
\r\n\r\n If you believe this is wrong, please contact us and let us know.\r\n
\r\nerror {error.statusCode}
;\r\n});\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\r\\n\\t.st0{fill:none;stroke:#000000;stroke-miterlimit:10;}\\r\\n\\t.st1{stroke:#000000;stroke-miterlimit:10;}\\r\\n\");\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M0.9,4.2c0,0,1.8,3.9,6.3,3.9s6.3-3.8,6.3-3.8s-2.2-3.8-6.3-3.8S0.9,4.2,0.9,4.2z\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n className: \"st1\",\n cx: 7.2,\n cy: 4.4,\n r: 1.7\n}));\n\nconst SvgEyeOpen = (_ref) => {\n let svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 14.4 11.1\",\n style: {\n enableBackground: \"new 0 0 14.4 11.1\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgEyeOpen, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/eye-open.68fb2a84.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\r\\n\\t.st3{fill:none;stroke:#000000;stroke-miterlimit:10;}\\r\\n\\t.st4{fill:none;stroke:#000000;stroke-width:0.75;stroke-miterlimit:10;}\\r\\n\");\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"st3\",\n d: \"M13.4,4.7C12.1,6.1,10,8.3,7.1,8.3C3.8,8.3,1.7,5.4,1,4.5\"\n}), /*#__PURE__*/React.createElement(\"line\", {\n className: \"st4\",\n x1: 2.5,\n y1: 6.1,\n x2: 0.3,\n y2: 8.6\n}), /*#__PURE__*/React.createElement(\"line\", {\n className: \"st4\",\n x1: 5.3,\n y1: 7.8,\n x2: 4.2,\n y2: 10.9\n}), /*#__PURE__*/React.createElement(\"line\", {\n className: \"st4\",\n x1: 8.9,\n y1: 7.6,\n x2: 10,\n y2: 10.7\n}), /*#__PURE__*/React.createElement(\"line\", {\n className: \"st4\",\n x1: 11.7,\n y1: 6.1,\n x2: 14.1,\n y2: 8.5\n}));\n\nconst SvgEyeClosed = (_ref) => {\n let svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 14.4 11.1\",\n style: {\n enableBackground: \"new 0 0 14.4 11.1\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgEyeClosed, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/eye-closed.17f10e54.svg\";\nexport { ForwardRef as ReactComponent };","import { BDNLocationSettingsWrapperModel } from './models';\r\nimport { ErrorActionPayload } from '../../models/ErrorAction';\r\n\r\nexport const BDN_LOCATIONS_STTTINGS_LOADING = 'bdnLocationsettings/loading';\r\nexport type BDN_LOCATIONS_STTTINGS_LOADING = typeof BDN_LOCATIONS_STTTINGS_LOADING;\r\n\r\nexport const GET_BDN_LOCATIONS_STTTINGS = 'bdnLocationsettings/get';\r\nexport type GET_BDN_LOCATIONS_STTTINGS = typeof GET_BDN_LOCATIONS_STTTINGS;\r\n\r\nexport const BDN_LOCATIONS_STTTINGS_FETCH_ERROR = 'bdnLocationsettings/fetchError';\r\nexport type BDN_LOCATIONS_STTTINGS_FETCH_ERROR = typeof BDN_LOCATIONS_STTTINGS_FETCH_ERROR;\r\n\r\nexport const UPDATE_BDN_LOCATIONS_STTTINGS = 'bdnLocationsettings/update';\r\nexport type UPDATE_BDN_LOCATIONS_STTTINGS = typeof UPDATE_BDN_LOCATIONS_STTTINGS;\r\n\r\nexport const UPDATE_BDN_LOCATIONS_STTTINGS_ERROR = 'bdnLocationsettings/updateError';\r\nexport type UPDATE_BDN_LOCATIONS_STTTINGS_ERROR = typeof UPDATE_BDN_LOCATIONS_STTTINGS_ERROR;\r\n\r\nexport type BDNLocationSettingsActions =\r\n | {\r\n type: GET_BDN_LOCATIONS_STTTINGS;\r\n payload: BDNLocationSettingsWrapperModel['data'];\r\n }\r\n | {\r\n type: BDN_LOCATIONS_STTTINGS_LOADING;\r\n }\r\n | {\r\n type: BDN_LOCATIONS_STTTINGS_FETCH_ERROR;\r\n payload: ErrorActionPayload;\r\n }\r\n | {\r\n type: UPDATE_BDN_LOCATIONS_STTTINGS;\r\n payload: BDNLocationSettingsWrapperModel['data'];\r\n }\r\n | {\r\n type: UPDATE_BDN_LOCATIONS_STTTINGS_ERROR;\r\n payload: ErrorActionPayload;\r\n };\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navbar\":\"ChorusIntegration_navbar__2MgMx\",\"loading\":\"ChorusIntegration_loading__2mvZx\",\"sofDocument\":\"ChorusIntegration_sofDocument__14u2R\",\"toast\":\"ChorusIntegration_toast__15ovX\",\"nav-item\":\"ChorusIntegration_nav-item__3la0W\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"delivery-mode-icon\":\"DeliveryModeIcon_delivery-mode-icon__28fZi\",\"TRUCK\":\"DeliveryModeIcon_TRUCK__12Duk\",\"PIPE\":\"DeliveryModeIcon_PIPE__cxM5r\",\"CONTAINER\":\"DeliveryModeIcon_CONTAINER__1CHnP\",\"SHIP\":\"DeliveryModeIcon_SHIP__1Ibs0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn-visible\":\"ToggleVisibilityButton_btn-visible__3mXGF\",\"eye\":\"ToggleVisibilityButton_eye__1iKII\",\"eyeOpen\":\"ToggleVisibilityButton_eyeOpen__LhyyT\",\"eyeClosed\":\"ToggleVisibilityButton_eyeClosed__1lrRl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn-del\":\"IntegrationAssetForm_btn-del__1CZSd\",\"schemaWrapper\":\"IntegrationAssetForm_schemaWrapper__3OO1W\",\"table-wrapper\":\"IntegrationAssetForm_table-wrapper__3pRFH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"text-content\":\"VesselCard_text-content__MoNrz\",\"grid\":\"VesselCard_grid__3X75b\",\"non-visible\":\"VesselCard_non-visible__2_P5C\",\"buttonCol\":\"VesselCard_buttonCol__2M6zu\",\"delButton\":\"VesselCard_delButton__3_iPY\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"error-layout\":\"ErrorLayout_error-layout__1LpmD\",\"header\":\"ErrorLayout_header__3ZuYb\",\"dnvgl\":\"ErrorLayout_dnvgl__3joZq\",\"dnvgl-logo\":\"ErrorLayout_dnvgl-logo__2sFIl\",\"content\":\"ErrorLayout_content__3P7SJ\"};","import { IPosition } from './types';\r\nimport background from './background.png';\r\nimport left from './left.png';\r\n\r\nexport const getColor = (iterator: number) => {\r\n const colors = [\r\n '#0F204B',\r\n '#009FDA',\r\n '#988F86',\r\n '#36842D',\r\n '#003591',\r\n '#E98300',\r\n '#FECB00',\r\n '#6E5091',\r\n '#988F86',\r\n '#d12710',\r\n ];\r\n //if all colors are used, start reusing them.\r\n if (iterator > colors.length - 1) {\r\n iterator = iterator - Math.floor(iterator / colors.length) * colors.length;\r\n }\r\n if (iterator == -1) {\r\n iterator = 1;\r\n }\r\n const returnColor = colors[iterator];\r\n return hexToRgb(returnColor);\r\n};\r\nexport const getExtendedCharacterSet = () => {\r\n const charSet = [];\r\n for (let i = 32; i < 256; i += 1) {\r\n charSet.push(String.fromCharCode(i));\r\n }\r\n charSet.push('\\u2019');\r\n return charSet;\r\n};\r\nconst hexToRgb = (hex: any) =>\r\n hex\r\n .replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, (m: any, r: any, g: any, b: any) => `#${r}${r}${g}${g}${b}${b}`)\r\n .substring(1)\r\n .match(/.{2}/g)\r\n .map((x: any) => parseInt(x, 16));\r\n\r\nexport const getTime = (dateString: string) => {\r\n if (dateString == null) {\r\n return '--';\r\n }\r\n const d = new Date(dateString);\r\n //d.getTimezoneOffset()\r\n const options = { dateStyle: 'short', timeStyle: 'short', hour12: false };\r\n\r\n const endDate = new Date();\r\n const minutes = Math.round((endDate.getTime() - d.getTime()) / 1000 / 60);\r\n if (minutes < 60) {\r\n if (minutes == 1) {\r\n return `${minutes} minute ago`;\r\n }\r\n return `${minutes} minutes ago`;\r\n }\r\n return d.toLocaleString('en-US', options);\r\n};\r\n\r\nexport const getEtaTime = (dateString: string) => {\r\n if (dateString == null) {\r\n return '--';\r\n }\r\n const d = new Date(dateString);\r\n const options = { dateStyle: 'short', timeStyle: 'short', hour12: false };\r\n return `${d.toLocaleString('en-US', options)} UTC`;\r\n};\r\n\r\nexport const formatCommaDate = (date: Date) => {\r\n const d = date.getDate();\r\n const m = date.getMonth() + 1;\r\n const y = date.getFullYear();\r\n return [y, m, d].toString();\r\n};\r\n\r\nexport const formatTime = (date: any) => {\r\n const d = new Date(date);\r\n const options = {\r\n year: 'numeric',\r\n month: '2-digit',\r\n day: 'numeric',\r\n };\r\n return d.toLocaleString('en-US', options);\r\n};\r\n\r\nexport const titleCase = (str: any) => {\r\n const splitStr = str.toLowerCase().split(' ');\r\n for (let i = 0; i < splitStr.length; i += 1) {\r\n splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);\r\n }\r\n return splitStr.join(' ');\r\n};\r\n\r\nexport const getImos: any = (myFleets: any) => {\r\n const list: number[] = [];\r\n for (const fleet of myFleets) {\r\n for (const vessel of fleet.myFleetVessel) {\r\n if (vessel.visible == true) {\r\n list.push(vessel.vessel.imo!);\r\n }\r\n }\r\n }\r\n return list;\r\n};\r\n\r\nexport const getImoList = (vessels: IPosition[]) => {\r\n const list: number[] = [];\r\n for (const vessel of vessels) {\r\n list.push(vessel.imo!);\r\n }\r\n return list;\r\n};\r\n\r\nexport const filterOnCategories = (latest_positions: any, activeFilters: string[], filters?: string[]) => {\r\n filters = filters || activeFilters;\r\n const allLatestPositions: any = latest_positions;\r\n let vesselsToBeViewed: ArrayName: {vessel.vesselName}
\r\n IMO: {vessel.imo}
\r\n \r\n \r\n);\r\n\r\nexport default SearchVesselResult;\r\n","import React, { useState, useCallback, useEffect } from 'react';\r\nimport { ApplicationState } from '../../store';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { getVessels } from '../../store/Vessels/actions';\r\nimport { FormGroup, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { Vessel } from '../../store/Vessels/models';\r\nimport SearchVesselResult from './Components/SearchVesselResult/SearchVesselResult';\r\nimport styles from './SearchVessel.module.scss';\r\nimport ShipsLogo from '../../svgs/add-ship.svg';\r\nimport { FleetCharterer } from '../../store/CompanyCharteredFleet/models';\r\n\r\ninterface OwnProps {\r\n chooseVesselMethod: (vessel: Vessel) => void;\r\n hidden?: boolean;\r\n mapMyFleet?: boolean;\r\n buttonStyle?: string;\r\n isCompanyAdmin?: boolean;\r\n isSupplier?: boolean;\r\n companyCharteredFleet?: FleetCharterer[];\r\n}\r\n\r\nconst SearchVessel: React.FC\r\n {!mapMyFleet && (\r\n <>\r\n setIsSearchInputVisible(true)}\r\n // @ts-ignore\r\n style={StyledButton}\r\n >\r\n 
\r\n Add vessel\r\n \r\n )}\r\n \r\n )}\r\n {isSearchInputVisible && (\r\n onChange(e.target.value)}\r\n value={chosenVessel}\r\n onKeyDown={onKeyDown}\r\n autoComplete=\"off\"\r\n placeholder=\"Type vessel name ...\"\r\n />\r\n )}\r\n {isSearchInputVisible && (\r\n \r\n {mapMyFleet ? (\r\n <>Add\r\n ) : (\r\n <>\r\n \r\n Add vessel\r\n \r\n )}\r\n \r\n )}\r\n
\r\n\r\n Owned vessels
\r\n {!isSearchInputVisible && (isCompanyAdmin || isSupplier) && (\r\n- \r\n {suggestions.map((vessel: any, index: any) => (\r\n
\r\n \r\n
\r\n);\r\n\r\nexport default React.memo(Eye);\r\n","import React, { useCallback } from 'react';\r\nimport styles from './VesselCard.module.scss';\r\nimport { findIconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport DeleteById from '../../../../../../../../components/DeleteById/DeleteById';\r\nimport { MyFleetVessel } from '../../../../../../../../store/MyFleets/models';\r\nimport classnames from 'classnames';\r\nimport Eye from '../Eye/Eye';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setFleetItemVisible } from '../../../../../../../../store/MyFleets/actions';\r\nconst deleteIcon = findIconDefinition({ prefix: 'fal', iconName: 'times' });\r\n\r\ninterface OwnProps {\r\n deleteVessel: (id: string) => void;\r\n myFleetItem: MyFleetVessel;\r\n edit: boolean;\r\n}\r\n\r\nconst VesselCard: React.FC- \r\n
- \r\n {myFleetItem.vessel.vesselName} \r\n \r\n
- \r\n {myFleetItem.vessel.imo} - {myFleetItem.vessel.shipType1}\r\n \r\n
\r\n {edit ? (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default React.memo(VesselCard);\r\n","import React, { useState } from 'react';\r\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\r\n\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\nimport { Button } from 'reactstrap';\r\nimport styles from './DeleteList.module.scss';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { findIconDefinition } from '@fortawesome/fontawesome-svg-core';\r\n\r\n//const trash = findIconDefinition({ prefix: 'fal', iconName: 'trash' });\r\n\r\ninterface OwnProps {\r\n id: string;\r\n deleteMethod: (id: string) => void;\r\n header: string;\r\n delBtnIcon: IconDefinition;\r\n}\r\n\r\nconst DeleteList: React.FC\r\n \r\n\r\n \r\n {header} \r\n \r\n {\r\n deleteMethod(id);\r\n toggle();\r\n }}\r\n >\r\n Confirm\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(DeleteList);\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport styles from './MyFleetCard.module.scss';\r\nimport { findIconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport { Vessel } from '../../../../../../store/Vessels/models';\r\nimport VesselCard from './Components/VesselCard/VesselCard';\r\nimport { MyFleets, MyFleetVessel } from '../../../../../../store/MyFleets/models';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Button } from 'reactstrap';\r\nimport SearchVessel from '../../../../../../components/SearchVessel/SearchVessel';\r\nimport DeleteList from './Components/DeleteList/DeleteList';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setFleetVisibility } from '../../../../../../store/MyFleets/actions';\r\nimport arrowUp from './arrow-up.png';\r\nimport { Collapse } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { ReactComponent as EyeOpenIcon } from '../../../../../../svgs/eye-open.svg';\r\nimport { ReactComponent as EyeClosedIcon } from '../../../../../../svgs/eye-closed.svg';\r\n\r\nconst penIcon = findIconDefinition({ prefix: 'fal', iconName: 'pen' });\r\nconst deleteIcon = findIconDefinition({ prefix: 'fal', iconName: 'times' });\r\n\r\ninterface OwnProps {\r\n deleteVesselMethod: (id: string) => void;\r\n deleteFleet: (id: string) => void;\r\n chooseVesselMethod: (vessel: Vessel, fleetId: string) => void;\r\n fleet: MyFleets;\r\n}\r\n\r\nconst MyFleetCard: React.FCAre you sure you want to delete?
\r\n\r\n \r\n {vesselcards}\r\n \r\n\r\n {fleet.myFleetVessel[0] != undefined || edit ? null : (\r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(MyFleetCard);\r\n","import React, { useState, useCallback, useEffect } from 'react';\r\nimport { ApplicationState } from '../../store';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { getVessels } from '../../store/Vessels/actions';\r\nimport { FormGroup, Input, Button } from 'reactstrap';\r\nimport { Vessel } from '../../store/Vessels/models';\r\nimport SearchVesselResult from './Components/SearchVesselResult/SearchVesselResult';\r\nimport styles from './SearchVessel.module.scss';\r\nimport ShipsLogo from '../../svgs/add-ship.svg';\r\n\r\ninterface OwnProps {\r\n chooseVesselMethod: (vessel: Vessel) => void;\r\n hidden?: boolean;\r\n mapMyFleet?: boolean;\r\n buttonStyle?: string;\r\n setDisplaySearchVessel?: (display: boolean) => void;\r\n isSearchActive?: boolean;\r\n setIsSearchActive?: (isActive: boolean) => void;\r\n}\r\n\r\nconst SearchVesselCustomized: React.FC\r\n
\r\n\r\n {edit ? (\r\n \r\n {fleet.fleetname}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n )}\r\n\r\n {edit ? (\r\n Click the button to add vessels
\r\n \r\n onChange(e.target.value)}\r\n onFocus={(e) => onFocus(e.target.value)}\r\n onBlur={(e) => onBlur(e.target.value)}\r\n value={chosenVessel}\r\n onKeyDown={onKeyDown}\r\n autoComplete=\"off\"\r\n placeholder=\"Type vessel name ...\"\r\n />\r\n \r\n Add vessel\r\n \r\n\r\n \r\n Cancel\r\n \r\n
\r\n\r\n - \r\n {suggestions.map((vessel: any, index: any) => (\r\n
\r\n setIsSearchInputVisible(true)}\r\n // @ts-ignore\r\n style={StyledButton}\r\n >\r\n \r\n Add vessel\r\n \r\n )}\r\n {isSearchInputVisible && (\r\n onChange(e.target.value)}\r\n value={chosenVessel}\r\n onKeyDown={onKeyDown}\r\n autoComplete=\"off\"\r\n placeholder=\"Type vessel name ...\"\r\n />\r\n )}\r\n {isSearchInputVisible && (\r\n \r\n <>\r\n \r\n Add vessel\r\n \r\n \r\n )}\r\n
\r\n\r\n Chartered vessels
\r\n {!isSearchInputVisible && isCompanyAdmin && (\r\n- \r\n {suggestions.map((fleetVessel: FleetVessel, index: any) => (\r\n
\r\n chooseVessel(fleetVessel, index)}\r\n className={classnames(activeVessel === index ? styles.active : '', styles.suggestion)}\r\n >\r\n
\r\n ))}\r\n Name: {fleetVessel.vessel.vesselName}
\r\n \r\n IMO: {fleetVessel.vessel.imo}, <>{fleetVessel.company.name}\r\n
\r\n \r\n \r\n
\r\n \r\n onOwnerChange(e.target.value)}\r\n onFocus={(e) => onOwnerFocus(e.target.value)}\r\n onBlur={(e) => onOwnerBlur(e.target.value)}\r\n autoFocus\r\n />\r\n addOwnerClick(vessel)}\r\n onClick={(e) => toggleAddOwnerModal()}\r\n id={chosenOwner}\r\n disabled={!chosenOwner.length && isAddOwnerButtonDisabled()}\r\n size=\"lg\"\r\n // @ts-ignore\r\n style={StyledButton}\r\n >\r\n Add\r\n \r\n \r\n Confirmation \r\n \r\n Are you sure you want to add {chosenOwnerObj?.name} as the owner of {vessel.vessel.vesselName}?\r\n This will enable the owner to access all the nominations and quotations related to this vessel.\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n
\r\n - \r\n {chosenOwner.length > 1 &&\r\n companySuggestions.map((company: Company, index: any) => (\r\n
{company.name}
\r\n \r\n ))}\r\n \r\n {\r\n displayEditOwnerVesselFor(vessel.chorusId);\r\n }}\r\n >\r\n Add owner\r\n \r\n
\r\n );\r\n } else {\r\n const ownerCompany = companies.filter((x) => x.chorusId == vessel.ownerCompany)[0];\r\n return (\r\n \r\n {\r\n displayEditOwnerVesselFor(vessel.chorusId);\r\n }}\r\n >\r\n Edit\r\n \r\n
\r\n );\r\n }\r\n },\r\n }, */\r\n {\r\n Header: 'Chartered by',\r\n Cell: (props: any) => {\r\n const vessel = props.cell.row.original;\r\n return (\r\n \r\n {ownerCompany ? ownerCompany.name : '-'}\r\n
\r\n - \r\n {vessel.fleetCharterers.map((fleetCharterer: FleetCharterer, index: any) => {\r\n const selectedCharterer = companies.filter(\r\n (company) => company.companyId == fleetCharterer.chartererCompanyId,\r\n );\r\n return (\r\n
- \r\n \r\n {selectedCharterer.length > 0 ? selectedCharterer[0].name : fleetCharterer.chartererCompanyId}\r\n\r\n \r\n );\r\n })}\r\n
\r\n {isSupplier && vessel.vessel.vesselType.toLowerCase() === 'bunkervessel' && (\r\n {\r\n displayEditBunkerFor(vessel.chorusId);\r\n }}\r\n >\r\n
\r\n );\r\n },\r\n }, */\r\n ...(isCompanyAdmin || isSupplier\r\n ? [\r\n {\r\n Header: 'Delete',\r\n Cell: (props: any) => {\r\n const data = props.cell.row.original;\r\n return (\r\n \r\n
\r\n );\r\n },\r\n },\r\n ]\r\n : []),\r\n ],\r\n [editOwnerVesselId, chosenOwner, chorusCompany, companies, addOwnerModal],\r\n );\r\n\r\n const headersChartered: Array\r\n {\r\n if (deleteCharteredFleetVesselMethod) deleteCharteredFleetVesselMethod(fleetCharterer.id);\r\n }}\r\n >\r\n
\r\n );\r\n },\r\n },\r\n ]\r\n : []),\r\n ],\r\n [],\r\n );\r\n const StyledButton: React.CSSProperties = { display: 'flex', alignItems: 'center', zIndex: 1 };\r\n\r\n const addFleetClick = () => {\r\n if (addFleet != undefined) {\r\n addFleet(fleetName);\r\n setFleetName('');\r\n }\r\n };\r\n\r\n const newFleetItem = () => {\r\n if (newFleet) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n if (isLoading || authLoading || chorusCompanyLoading) {\r\n return Add new fleet list
\r\n \r\n {\r\n setFleetName(e.target.value);\r\n }}\r\n />\r\n \r\n Add\r\n \r\n
\r\n | First name | \r\nLast name | \r\n
|---|
\r\n {myFleets!.length < 1 && !newFleet ? (\r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n {displaySearchVesselCustomized && isSupplier && (\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {myFleets!.map((item, index) => (\r\n Add a fleet to get started
\r\n No chartered vessels.
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n};\r\n\r\nexport default React.memo(MyFleet);\r\n","import { ErrorActionPayload } from '../../models/ErrorAction';\r\nimport { CompanyLogosWrapperModel } from './models';\r\n\r\nexport const COMPANY_LOGOS_LOADING = 'companylogos/loading';\r\nexport type COMPANY_LOGOS_LOADING = typeof COMPANY_LOGOS_LOADING;\r\n\r\nexport const GET_COMPANY_LOGOS = 'companylogos/get';\r\nexport type GET_COMPANY_LOGOS = typeof GET_COMPANY_LOGOS;\r\n\r\nexport const COMPANY_LOGOS_FETCH_ERROR = 'companylogos/fetchError';\r\nexport type COMPANY_LOGOS_FETCH_ERROR = typeof COMPANY_LOGOS_FETCH_ERROR;\r\n\r\nexport type CompanyLogosActions =\r\n | {\r\n type: GET_COMPANY_LOGOS;\r\n payload: CompanyLogosWrapperModel['data'];\r\n }\r\n | {\r\n type: COMPANY_LOGOS_LOADING;\r\n }\r\n | {\r\n type: COMPANY_LOGOS_FETCH_ERROR;\r\n payload: ErrorActionPayload;\r\n };\r\n","import React from 'react';\r\nimport { ErrorActionPayload } from '../../../../models/ErrorAction';\r\nimport { ReactComponent as PageNotFoundIcon } from '../svgs/question-square.svg';\r\nimport { ReactComponent as ErrorIcon } from '../svgs/error-generic-graphic.svg';\r\nimport styles from '../../Error.module.scss';\r\n\r\ninterface OwnProps {\r\n error?: ErrorActionPayload;\r\n}\r\n\r\nexport const PageNotFoundError: React.FC\r\n
\r\n));\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nconst SvgLockAlt = (_ref) => {\n let svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n overflow: \"visible\",\n preserveAspectRatio: \"none\",\n viewBox: \"0 0 450 514\",\n width: 184,\n height: 210,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(1, 1)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M224 420c-11 0-20-9-20-20v-64c0-11 9-20 20-20s20 9 20 20v64c0 11-9 20-20 20zm224-148v192c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48h16v-64C64 71.6 136-.3 224.5 0 312.9.3 384 73.1 384 161.5V224h16c26.5 0 48 21.5 48 48zM96 224h256v-64c0-70.6-57.4-128-128-128S96 89.4 96 160v64zm320 240V272c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v192c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16z\",\n vectorEffect: \"non-scaling-stroke\",\n style: {\n fill: \"rgb(102, 197, 233)\"\n }\n })));\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgLockAlt, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/lock-alt.47b19253.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from 'react';\r\nimport * as reactstrap from 'reactstrap';\r\nimport styles from '../Table.module.scss';\r\nimport { Input } from 'reactstrap';\r\n\r\nimport { findIconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport SimpleDropdown from '../../../components/Form/SimpleDropdown';\r\n\r\nconst chevronLeft = findIconDefinition({\r\n prefix: 'fal',\r\n iconName: 'chevron-left',\r\n});\r\nconst chevronRight = findIconDefinition({\r\n prefix: 'fal',\r\n iconName: 'chevron-right',\r\n});\r\nconst chevronDoubleLeft = findIconDefinition({\r\n prefix: 'fal',\r\n iconName: 'chevron-double-left',\r\n});\r\nconst chevronDoubleRight = findIconDefinition({\r\n prefix: 'fal',\r\n iconName: 'chevron-double-right',\r\n});\r\n\r\ninterface OwnProps {\r\n pageIndex: number;\r\n pageCount: number;\r\n gotoPage: (num: number) => void;\r\n previousPage: () => void;\r\n nextPage: () => void;\r\n maxPage: number;\r\n canNextPage: boolean;\r\n canPreviousPage: boolean;\r\n pageSize: number;\r\n setPageSize: (num: number) => void;\r\n totalRecords: number;\r\n}\r\n\r\nconst Pagination: React.FC\r\n
\r\n {error ? error.statusCode : 404}
\r\n Page not found
\r\nWe are sorry, but this page does not exist.
\r\n\r\n
\r\n \r\n Click here to continue\r\n \r\n {error && error.message && If you typed the address yourself, are you sure you typed it correctly?
\r\nIf we sent you here: We are sorry. Please let us know about the broken link.
\r\n{error.message}
}\r\n \r\n \r\n \r\n Showing results: {totalRecords == 0 ? 0 : pageIndex * pageSize + 1} to{' '}\r\n {pageIndex * pageSize + pageSize < totalRecords ? pageIndex * pageSize + pageSize : totalRecords} of{' '}\r\n {totalRecords}\r\n {' '}\r\n {/* \r\n Page:{' '} {pageIndex + 1} {'/'} {maxPage}\r\n {' '} */}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Pagination;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn-del\":\"DeleteById_btn-del__2ezuk\"};","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAIAAAAwr9D4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzcxMzFDRURFNjBCMTFFQUI0MjZCODE4MjE4MTk2OTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzcxMzFDRUNFNjBCMTFFQUI0MjZCODE4MjE4MTk2OTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUxOEY4QTBDMDYxMTFFQUE0RTZCNEZFRTAyNTBCQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUxOEY4QTFDMDYxMTFFQUE0RTZCNEZFRTAyNTBCQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WVRXmAAAB+UlEQVR42uyWT6g5URTHzRj/nvzZWUgiyUZKyv+ULCR/SlbWtpSNna2dnQVlaScppZSUWCtsbJASiSz8jcS8M8+v39u8581jZvdOTc3cc+Z+zr3ne88MguM4g2ZDGfQbjYzL5ZJKpeAGowmwWq1CoZBUKiUecBqs2+3K5XKYPJPJEPWmHFAsFvl8/n01AKOYcbvdkskkgiAqlUqr1YpEouv1SiVjt9sFAgHIPRgMvn2Y2+2+u6jR1Xg8NpvN1Wo1nU6PRiPYq+PxaLVaqdRuNBqdz+e1Wm06nfb7/UgkAoM2m+2fm5KNWi6Xw+GwXC5DMeLxeCwWY7FYh8Ph7qWsHpC+UCg0GAyn00mv1xuNxv8uavZqvV5DqTkcTqlUwjAMRVGHw/Hpfn0F5/PZ6XSy2ex2u/1lAON1gN/vhzIUCoXvYl5i7Pd7n88HgGw2+yDsecZsNoPCMpnMXC73OPJJBshUIpGAkCqVyo/BjN92pEaj4XK5QCwWiwWONJm3CAZ0gu12+yAIvPV6PZFIKJVKmB36dj6fh08QycwQuEwmU6fT0Wg0arVaJpOJxWIej7fZbKDnTCYTSHYwGEAHhUGv1xsOhz0eDyiV/OkhGM1ms9Vq9Xo96AeLxQLUArNzuVyBQABIhUKh0+nsdjtUGDBPnFDk77+EtL0LMADAcuxHBeAYUwAAAABJRU5ErkJggg==\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loading\":\"Loading_loading__idfPe\",\"loading__icon\":\"Loading_loading__icon__3hTVJ\",\"loading-small\":\"Loading_loading-small__1ZByf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"box\":\"CountDown_box__1aAGW\",\"first\":\"CountDown_first__1InrD\",\"the-rest\":\"CountDown_the-rest__1jhLW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"nomination-button\":\"NominationFilterButton_nomination-button__3PWxA\",\"active\":\"NominationFilterButton_active__1i-1p\",\"action-required\":\"NominationFilterButton_action-required__2SLda\",\"pending\":\"NominationFilterButton_pending__1TWDa\",\"confirmed\":\"NominationFilterButton_confirmed__1jR6G\",\"cancelled\":\"NominationFilterButton_cancelled__nzbyy\",\"completed\":\"NominationFilterButton_completed__Gt_yA\",\"accepted\":\"NominationFilterButton_accepted__3GGxu\",\"finalised\":\"NominationFilterButton_finalised__2vg9t\",\"needs-contract\":\"NominationFilterButton_needs-contract__2ECRa\",\"recurring\":\"NominationFilterButton_recurring__3VkgZ\",\"right\":\"NominationFilterButton_right__29e3q\",\"header\":\"NominationFilterButton_header__1V57g\",\"description\":\"NominationFilterButton_description__2W_-D\",\"eta-wrapper\":\"NominationFilterButton_eta-wrapper__2eyU2\"};","export interface DeliveryMode {\r\n id: string;\r\n mode: DeliveryModes;\r\n}\r\nexport enum DeliveryModes {\r\n Ship = 'SHIP',\r\n Truck = 'TRUCK',\r\n Container = 'CONTAINER',\r\n Pipe = 'PIPE',\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"CollapseButton_wrapper__3CF_4\",\"left\":\"CollapseButton_left__1sV-J\",\"rotate\":\"CollapseButton_rotate__aH3mn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navbar\":\"SpotChorusIntegration_navbar__1FWVa\",\"loading\":\"SpotChorusIntegration_loading__3aLSR\",\"sofDocument\":\"SpotChorusIntegration_sofDocument__3ODhD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"DeliveryModeSelector_root__UyxA0\",\"button\":\"DeliveryModeSelector_button__16gfQ\",\"active\":\"DeliveryModeSelector_active__2BJXe\",\"inactive\":\"DeliveryModeSelector_inactive__3vOqe\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"flex-wrapper\":\"Toolbox_flex-wrapper__34E5N\",\"toolbox\":\"Toolbox_toolbox__qTLC-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"OutboundIntegrationTable_button__17VzE\",\"asset-button\":\"OutboundIntegrationTable_asset-button__3XLzC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn-del\":\"DeleteList_btn-del__24-7W\",\"del-text\":\"DeleteList_del-text__2dfR8\",\"wrapper\":\"DeleteList_wrapper__1_ois\"};","import React, { ReactElement } from 'react';\r\nimport { Dispatch } from 'redux';\r\nimport * as TYPE from './types';\r\nimport { api } from '../../helpers/api';\r\nimport { CompanyResponseModel, Company } from './models';\r\nimport ModalResponse from '../../components/Modal/ModalResponse';\r\nimport { SET_MODAL } from '../Global/types';\r\nimport { getAuth } from '../Auth/actions';\r\nimport { DeliveryModes } from '../../models/DeliveryMode';\r\nimport { LowCarbonFuels } from '../../models/LowCarbonFuel';\r\n\r\nconst updateLoaderModal: ReactElement = \r\n \r\n gotoPage(0)}\r\n outline\r\n color=\"primary\"\r\n disabled={!canPreviousPage}\r\n >\r\n previousPage()}\r\n outline\r\n color=\"primary\"\r\n disabled={!canPreviousPage}\r\n >\r\n nextPage()}\r\n outline\r\n color=\"primary\"\r\n disabled={!canNextPage}\r\n >\r\n gotoPage(pageCount - 1)}\r\n outline\r\n color=\"primary\"\r\n disabled={!canNextPage}\r\n >\r\n \r\n\r\n
\r\n \r\n Show:{' '}\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n className={styles['pagination-select']}\r\n >\r\n {[5, 10, 15, 20, 25, 30, 40, 50].map((pageSize) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n Page: {' '}\r\n {\r\n const page = e.target.value ? Number(e.target.value) - 1 : 0;\r\n if (page < 1) {\r\n gotoPage(0);\r\n e.target.value = '1';\r\n } else if (page == maxPage) {\r\n gotoPage(maxPage - 1);\r\n e.target.value = maxPage.toString();\r\n } else gotoPage(page);\r\n }}\r\n style={{ width: '50px' }}\r\n />\r\n {'of'} {maxPage}\r\n
\r\n \r\n \r\n {\r\n setValue(e.target.value);\r\n onChange(e.target.value);\r\n }}\r\n placeholder={`Search any field ...`}\r\n style={{\r\n height: 'auto',\r\n width: '400px',\r\n borderRadius: '0',\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default GlobalFilter;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { useTable, useGlobalFilter, useFilters, useSortBy, useExpanded, usePagination, Column } from 'react-table';\r\nimport styles from '../Table.module.scss';\r\nimport { Row } from 'react-table/index';\r\nimport GlobalFilter from './GlobalFilter';\r\nimport Pagination from '../Pagination/Pagination';\r\nimport { findIconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { getHiddenColumns } from '../../../scenes/AISList/Utils/Utils';\r\nimport { ReactElement } from 'react';\r\nimport { IconProp } from '@fortawesome/fontawesome';\r\nimport styled from 'styled-components';\r\n\r\nexport interface SortIcons {\r\n default: IconProp;\r\n asc: IconProp;\r\n desc: IconProp;\r\n}\r\ninterface OwnProps {\r\n headers: any;\r\n // rows: JSX.Element[];\r\n numberOfRowsPerPagination?: number;\r\n // children: React.ReactElement[];\r\n striped?: boolean;\r\n hover?: boolean;\r\n responsive?: boolean;\r\n tableRows: object[];\r\n showPagination: boolean;\r\n showFilterSearch: boolean;\r\n renderRowSubComponent?: (row: any) => JSX.Element;\r\n hiddenColumns?: Array